tag:blogger.com,1999:blog-7234216734688094130.post3552284227221027283..comments2023-11-01T01:09:06.288-06:00Comments on Volatile Minds: Pretty sexy tabs in CSSBrandon Perryhttp://www.blogger.com/profile/04227634714412263524noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-7234216734688094130.post-57375354919464550902008-11-11T09:41:00.000-06:002008-11-11T09:41:00.000-06:00@Soren:I use the UL/CSS combo for the navigation m...@Soren:<BR/><BR/>I use the UL/CSS combo for the navigation menus on <A HREF="http://www.chipbennett.net/" REL="nofollow">my web site</A>. Have a look around:chipbennetthttps://www.blogger.com/profile/14595891619752903883noreply@blogger.comtag:blogger.com,1999:blog-7234216734688094130.post-43279548890686298982008-11-11T02:23:00.000-06:002008-11-11T02:23:00.000-06:00An example page showing off the sexiness would be ...An example page showing off the sexiness would be nice..Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-7234216734688094130.post-79445167103048993112008-11-10T21:59:00.000-06:002008-11-10T21:59:00.000-06:00.navbar{ width: 1000px; height: 20px; text-alig....navbar<BR/>{<BR/> width: 1000px;<BR/> height: 20px;<BR/> text-align: center;<BR/> margin-left: auto;<BR/> margin-right: auto;<BR/> padding-left: 0.5px;<BR/> padding-right: 0.5px;<BR/>}<BR/><BR/>.navfill<BR/>{<BR/> width: 1000px;<BR/> border-bottom: solid 1px #000;<BR/> padding-bottom: 1px;<BR/> float: left;<BR/> position: absolute;<BR/> z-index: -1;<BR/>}<BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/>.navele a,<BR/>.navele_current a{<BR/> text-decoration: none;<BR/> color: black;<BR/>}<BR/>.navele a:hover,<BR/>.navele_current a:hover{<BR/> color: red;<BR/>}<BR/><BR/>.navele,<BR/>.navele_current {<BR/> /* Moz and webkit round corners */<BR/> -moz-border-radius-topleft : 5px;<BR/> -webkit-border-top-left-radius : 5px;<BR/> -moz-border-radius-topright : 5px;<BR/> -webkit-border-top-right-radius : 5px;<BR/>}<BR/><BR/><BR/>.navele,<BR/>.navele_current<BR/>{<BR/> border-left: solid 1px #000;<BR/> border-right: solid 1px #000;<BR/> border-top: solid 1px #000;<BR/> padding-left: 10px;<BR/> padding-right: 10px;<BR/> height: 20px;<BR/> float: right;<BR/> margin-right: 5px;<BR/> vertical-align: bottom;<BR/> position: relative;<BR/> background-color: #D9D7D7;<BR/>}<BR/>.navele_current<BR/>{<BR/> z-index: 1;<BR/> background-color: white;<BR/> border-bottom: solid 1px white;<BR/>}KillerKiwihttps://www.blogger.com/profile/15340027681148487612noreply@blogger.comtag:blogger.com,1999:blog-7234216734688094130.post-48496582973359668942008-11-10T21:40:00.000-06:002008-11-10T21:40:00.000-06:00It also requires manual changes from page to page....It also requires manual changes from page to page.<BR/><BR/>Better to use an ID on the BODY tag of each page, and then define the "current" specification in the CSS according to the navigation element/body ID cascade.<BR/><BR/>And ditto what mmmike said; the navigation menu (whether horizontal or vertical) is an ideal use of an UL.chipbennetthttps://www.blogger.com/profile/14595891619752903883noreply@blogger.comtag:blogger.com,1999:blog-7234216734688094130.post-16417814827193987332008-11-10T21:23:00.000-06:002008-11-10T21:23:00.000-06:00that is a lot of unneeded HTML there.a simple UL e...that is a lot of unneeded HTML there.<BR/><BR/>a simple UL element with the items as the links works fine. wrap all that in a DIV to apply more styles if neededmmmikehttps://www.blogger.com/profile/04727148422629093902noreply@blogger.com