Subject: [css-d] Navigation links - list? (and Site Check)

From: nkaisare1 at hotmail.com (Niket Kaisare)
Date: Mon, 28 Apr 2003 04:20:40 +0000

Hi,

I have four images (150*70px) as main navigation links and a list as a 
sub-navigation. Currently, I have the links as
<div>
<a href=""><img></a>
<ul><!-- List of sublinks --></ul>
<a href=""><img></a><br>
<a href=""><img></a><br>
<a href=""><img></a>
</div>

I read on accessibility issues that there should be something other than a 
<br> space or carriage return separating various links for accessibility. 
Hence I tried changing the main links also to a list. But the problem is 
that in NS4.7, it gets displayed like:
  ---------
  | IMAGE |
* ---------
(where * represents list marker)

This is no good because the display becomes confusing. It will be much 
better if display would be:
* ---------
  | IMAGE |
  ---------

Second thing is that the page does a FOUC 
(http://www.bluerobot.com/web/css/fouc.asp) I tried the method mentioned in 
this article, but that didn't help... I still get FOUC in Opera.

URL for the specific page:
http://atlanta.vibha.org/volunteer/
CSS for this page:
http://atlanta.vibha.org/image/real.css

Also, this is my first project using CSS. So any suggestions for improving 
will be appreciated.

TIA
Niket

_________________________________________________________________
Add photos to your e-mail with MSN 8. Get 2 months FREE*.  
http://join.msn.com/?page=features/featuredemail