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