Re: Problem with CSS design

by "Bert" <bdoorn(at)iprimus.com.au>

 Date:  Mon, 8 Apr 2002 11:07:15 +0800
 To:  "Raj Bhaskar" <raj(at)lordofthemoon.com>
 Cc:  <hwg-basics(at)hwg.org>
 References:  localhost
  todo: View Thread, Original
It falls over in Opera 6 too.  Try going back to "basics".   All those divs
and spans with lots of floating content are IMO overkill.   Keep it simple.

Try setting up the whole menu in ONE div with a long, unordered list (UL) in
it.  Set the list bullet to that image, with a style setting along these
lines (add any other settings to it that you need):

ul.menu      { list-style-image: url(images/naviconOff.gif'); }

Then all you do in the body (remove the dots of course):

<.ul class="menu">
  <.li><.a href="firstitem.html"> First Item<./a><./li>
  ...more lines here...
  <.li><.a href="lastitem.html"> Last Item<./a><./li>
<./ul>

Looks cleaner and should do the same thing.  Unless I'm overlooking
something.

HTH
--
Bert Doorn, Web Developer
CIW Associate, IWA Member
www.betterwebdesign.com.au
Fast Loading, User Friendly Websites

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA