Css Flyout Categories Menu troubles

[clydejones]

Uh....so far, I haven't noticed this, but in some cases you might be right. I've attached a screen shot of the original mod where I developed it. If you have any problems, just let me know. I'm sure it's just a margin or padding issue.

Thanks, I'll play around with it a bit.

[Get Em Fast]

Thanks, I'll play around with it a bit.

Sorry. Had to leave for a bit.
This was just as easy as I thought it would be. Just find these two sections (first part of code):

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
}

and.....

div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
}


And add:

padding-bottom: 1em;

to each on of them, with the results being:

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
padding-bottom: 1em;
}


div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
padding-bottom: 1em;
}


Hope this helps.

[jben]

Hello, I would turn it on there but it is not showing up there as it would if the database could find the files. Do I keep all of files together and I any tips would be greatly appreciated. Every little bit helps. Thank you I have been working on this for three days and I am not going anywhere with it.

I thank all of you for your help and patience. I am still learning as this is a new process for me. Have a great day!

[clydejones]

Sorry. Had to leave for a bit.
This was just as easy as I thought it would be. Just find these two sections (first part of code):

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
}

and.....

div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
}


And add:

padding-bottom: 1em;

to each on of them, with the results being:

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
padding-bottom: 1em;
}


div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
padding-bottom: 1em;
}


Hope this helps.

Thanks, I also noticed that the contribution I was working with used a "float:left"
declaration which I removed and everything works fine.

[Get Em Fast]

Hmmm.........You sure it was my version? I have no float at all in mine.
Here is the FULL code, just in case you would like to compare:

body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
padding-bottom: 1em;
}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
padding-bottom: 1em;
}

div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: -2px;
margin-top: 6px;
z-index: 20;
height: 23px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 10px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b1_over.gif);
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent;


}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 152px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}

[Get Em Fast]

jben, check your pm's when you log back in, o.k.?

[clydejones]

Hmmm.........You sure it was my version? I have no float at all in mine.
Here is the FULL code, just in case you would like to compare:

Not your verison, it was the version before yours.

[Get Em Fast]

Not your verison, it was the version before yours.

Ahhh..... I knew there wasn't a "float" in it, after I got done with the modifications.

[clydejones]

Ahhh..... I knew there wasn't a "float" in it, after I got done with the modifications.

Well it working fine and I shouldn't have any problems in the future.

[motti]

[FONT=Times New Roman]Hi Get Him Fast and Clyde[/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]Thank you both, for the info Get Him and Clyde for the help [/FONT]
[FONT=Times New Roman][/FONT]
[FONT=Times New Roman]Last think I need on this mod ( or my mod ) is how can I make large space or even an Empty box between my category list to the Special., New Product Etc...[/FONT]
[FONT=Times New Roman]Or maybe I shouldn’t say last think, there is always something new coming up [/FONT]