good point. Do you know of any good CSS mailing lists that might benefit me to be a part of? I agree this is off topic, as are many things posted on this group. But I know that a lot of people on this list have the knowledge that I need. I'll keep hoping someone here replies and in the mean time will search for a good CSS group to join. Like I said, if you know of any, please let me know. Sorry for the OT post.
-Jake Teddy Payne wrote: > Jake, > I suspect the reason that no one replied is that it is Off-Topic and does > not relate to CF. Most developers here assist with programming concepts, > debugging, open source solutions and non-design centric code. > > I am not saying your need is not warranted, but your audience may not be as > prolific on the design end. > > We can code up a widget faster than getting the widget UI looking just as > elegant as we make the server side code. > > As for today, it is a floating holiday today in the US for MLK's birthday. > I see a lot of empty cubes today. > > Teddy > > On 1/15/07, Jake Churchill <[EMAIL PROTECTED]> wrote: > >> I posted this last week and no one replied. Still having the same issue >> and still can't seem to figure it out. If anyone has any ideas and can >> help, I'd really appreciate it. >> >> >> >> :::::::::::::::: Start Re-Post ::::::::::::::::::: >> >> I need some help with a CSS menu that I'm writing. It is a simple 2 >> level menu, level 1 is a horizontal list, level 2 is a dropdown list. I >> have this working in all browsers, but I ran into a hitch with IE6. The >> site is http://cfwt.cfwebtools.com >> >> The active 1st level menu item will have class active and any anchor >> with a sub menu will have class drop. 2nd level menus have class >> msubnav. When I have a menu item with class active and an anchor with >> class drop, the sub menu does not display. >> I've validated my HTML and CSS through W3C's validators and everything >> is clean. I just can't figure this out for some reason. I copied the >> code below. Let me anticipate and answer one question up front. The >> object tags inside the anchor tags are there because the validator said >> a ul tag cannot be embedded in an anchor tag so the HTML wouldn't >> validate without it. And I couldn't validate the CSS before the HTML >> was first validated. It didn't change how any of it worked. >> If anyone has time, please have a look at this and give me some >> suggestions. I've been stuck for 2 days now on this same issue. >> >> Here's the HTML code for the menu: >> >> <div id="mmenu"> >> <ul id="mnav"> >> <li class="active"> >> <a href="/">Home</a> >> </li> >> <li><a >> href="/index.cfm?objectid=F842457F-9F40-69B2-15C85BA174B41C79" >> class="drop">Support >> <!--[if lte IE 7]><table><tr><td><![endif]--> >> <object><ul class="msubnav"> >> <li><a >> href="/index.cfm?objectid=F86E0CF7-FFBD-724D-DBCEB97FCE10385B">Customer >> Login</a></li> >> <li><a >> href="/index.cfm?objectid=FF3DA5EF-AE85-0435-64E315EDC718572A">Email >> Support</a></li> >> <li><a >> >> href="/index.cfm?objectid=FF3DA5FE-B22F-DB20-42258A71F94F6157">Projects</a></li> >> >> <li><a >> href="/index.cfm?objectid=FF3DA60E-04B8-ED1E-654B4C2161173BD5">Change >> Requests</a></li> >> <li><a >> href="/index.cfm?objectid=FF3DA61D-93FB-3563-BEC67F989F1CCB63">Hosting >> Customers</a></li> >> </ul> >> </object> >> <!--[if lte IE 7]></td></tr></table><![endif]--> >> </a></li> >> <li><a >> >> href="/index.cfm?objectid=F86E0CB9-C927-764C-4B9F8D5B13F023F1">Services</a></li> >> >> <li><a >> href="/index.cfm?objectid=F86E0CC9-9E1A-D859-872B39343D6835F4" >> class="drop">Contact Us >> <!--[if lte IE 7]><table><tr><td><![endif]--> >> <object><ul class="msubnav"> >> <li><a >> href="/index.cfm?objectid=11BC186D-B9BC-D603-814320BEE22F2A7D">project >> 2</a></li> >> </ul></object> >> <!--[if lte IE 7]></td></tr></table><![endif]--> >> </a></li> >> <li><a >> href="/index.cfm?objectid=F86E0CD8-E107-A828-347274D1C79891B2" >> class="drop">Projects & Clients >> <!--[if lte IE 7]><table><tr><td><![endif]--> >> <object><ul class="msubnav"> >> <li><a >> href="/index.cfm?objectid=11BBE71C-C6A7-4460-90C117389C1FAC14">project >> 1</a></li> >> </ul></object> >> <!--[if lte IE 7]></td></tr></table><![endif]--> >> </a></li> >> <li><a >> >> href="/index.cfm?objectid=F86E0CE8-B32C-7FD7-9FDED7DA96A990A6">Hosting</a></li> >> >> </ul> >> </div> >> >> >> >> Here's the CSS: >> >> /* Main Menu Navigational Design */ >> #mnav { >> float: left; >> width: 100%; >> margin: 0px; >> padding: 0 15px; >> list-style: none; >> } >> #mnav li { >> float: left; >> margin: 0; >> padding: 0px; >> font-size: 16px; >> text-transform: Uppercase; >> } >> #mnav a, #mnav a.drop { >> float: left; >> display: block; >> margin: 0; >> padding: 4px 15px 2px 15px; /* Adujsted according to #mmenu heigth */ >> font-size: 14px; >> font-weight:bold; >> color: white; >> text-decoration: none; >> } >> >> * html #mnav { >> width:770px; >> } >> >> /* IE 6 HACK */ >> * html #mnav a, * html #mnav a.drop { >> padding: 7px 15px 2px 15px; /* Adujsted according to #mmenu heigth */ >> height:22px; >> } >> /* IE 7 HACK */ >> html > body #mnav a, html > body #mnav a.drop { >> height:22px; >> } >> >> #mnav a:hover { >> background-color: #8D97A5; >> } >> >> #mnav li.active a, #mnav li.active a:visited, #mnav li.active a:link, >> #mnav li.active a:hover { >> background-color: #8D97A5; >> } >> #mnav li.active ul.msubnav li a, #mnav li.active ul.msubnav li >> a:visited, #mnav li.active ul.msubnav li a:link { >> background-color:#919191; } >> #mnav li.active ul.msubnav li a:hover, #mnav li ul.msubnav li a:hover { >> background-color: #8D97A5; >> } >> >> >> >> /* Main nav, second level */ >> >> /***************************/ >> /*********COMMON************/ >> /***************************/ >> html > body .msubnav { >> position:absolute; >> margin:4px 0px 0px -20px; >> padding:0px; >> width:165px; >> background: #919191; >> list-style-type:none; >> display:block; >> visibility:hidden; >> } >> ..msubnav li, .msubnav li a { >> position:relative; >> width:165px; >> display:block; >> background: #919191; >> } >> >> >> /***************************/ >> /**********IE 7*************/ >> /***************************/ >> html > body .msubnav { >> margin:4px 0px 0px -20px; >> } >> >> >> /***************************/ >> /**********IE 6*************/ >> /***************************/ >> * html .msubnav { >> margin:5px 0px 0px -18px; >> } >> >> >> /***************************/ >> /***********FF**************/ >> /***************************/ >> *:lang(en) .msubnav { >> margin:7px 0px 0px -15px; >> } >> >> >> >> /* make the second level visible when hover on first level list OR link */ >> #mnav :hover ul, #mnav :hover table { >> visibility:visible; >> } >> >> -- >> Jake Churchill >> CF Webtools >> 11204 Davenport, Ste. 200b >> Omaha, NE 68154 >> http://www.cfwebtools.com >> 402-408-3733 x103 >> >> >> -- >> Jake Churchill >> CF Webtools >> 11204 Davenport, Ste. 200b >> Omaha, NE 68154 >> http://www.cfwebtools.com >> 402-408-3733 x103 >> >> >> >> >> > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Create robust enterprise, web RIAs. Upgrade & integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:266620 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
