Thanks, I'll play around with it a bit.
Printable View
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.
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!
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;
}
jben, check your pm's when you log back in, o.k.?
[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 :smile: [/FONT]