I talked to some designer friends. They recommended the articles from A List Apart www.alistapart.com.
I trust their instinct. They create some seriously good quality layouts. Teddy On 1/15/07, Jake Churchill <[EMAIL PROTECTED]> wrote: > > 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:266633 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
