4 replies [Last post]
inababes
inababes's picture
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2003-08-02
Posts: 17
Points: 0

ok, i'm tweaking some of the stuff in my current layout, take a look at it here:

http://inababes.neominds.net/test.html

take note of the navigation bar, and look at it in IE and in Firebird or Opera.

first question: which one looks better?

second question: how can i get them both to look the same way?

one more thing, any idea why the top white square doesn't align with the blue one?

oh, and any other design suggestions and criticisms are very welcome.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 7 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CSS list navigation and other questions

Hi inababes,
I like the Opera version.

Looks like you have missed the <ul> tags around your menu.
That could be one reason the browsers display the menu so differently.

Once you fix that you should style your lists with something like

#navigation ul{
  list-style: none;  
	margin-left: 0;  
	padding-left: 1em;  
	}  

You will have to adjust the figures to suit your needs.

Hope that helps

inababes
inababes's picture
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2003-08-02
Posts: 17
Points: 0

CSS list navigation and other questions

hi Tony, thanks for pointing that out. i defined the ul element, but its still looking the same as it was before i defined it. IE still has all those spaces, Firebird and Opera don't. Sad

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 7 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CSS list navigation and other questions

Hi Inababes,
The problem is fixed by giving the links within the list a height.height:13px;


Hope that helps.

inababes
inababes's picture
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2003-08-02
Posts: 17
Points: 0

CSS list navigation and other questions

that worked for me! Laughing out loud thanks a lot, Tony!