3 replies [Last post]
onlydan
Offline
Regular
Last seen: 14 years 35 weeks ago
Joined: 2007-01-23
Posts: 43
Points: 0

I'm using an unordered list to try and create a navigation panel with a specific effect, but am having a little trouble with assigning width. I'm trying to make the border-bottom underline the text, which it is doing correctly, but each li has a different width, and the borders look untidy and scattered.

I might not have explained that correctly, but its quite clear after checking where im currently at with the code.

http://danbeckett.co.uk/lol/grr.htm
http://danbeckett.co.uk/lol/practice.css

Any help with this would be very much appreciated Smile

- Dan

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 11 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

add width: 100px;display:

add

width: 100px;
display: block;

to the .nav li a:link

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

onlydan
Offline
Regular
Last seen: 14 years 35 weeks ago
Joined: 2007-01-23
Posts: 43
Points: 0

display block! of course!

display block! of course! thanks a million deuce, i KNEW it'd be something simple, after i tried a hundred combos of max/min width etc.

Thanks Smile

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 11 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

(No subject)

:thumbsup:

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph