By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
446,187 Members | 1,070 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 446,187 IT Pros & Developers. It's quick & easy.

Fixed width for <li>

P: n/a
I haven't been able to define a fixed width (well, I chose a 20% width)
for the li element used in the navigation menu:
http://www.auriance.com/docs/auriance/
Style sheet here:
http://www.auriance.com/docs/auriance/css/main.css
Is there a way to have all links be the same width (20%)?
Thanks,

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org
Jul 21 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
Hi,
I haven't been able to define a fixed width (well, I chose a 20% width)
Is there a way to have all links be the same width (20%)?

Yes, try to set the <li>s block and float:left.

Chris
Jul 21 '05 #2

P: n/a
Em Tue, 28 Dec 2004 08:37:50 +0100, Chris Leipold <cl******@dietzk.de>
escreveu:
Hi,
I haven't been able to define a fixed width (well, I chose a 20%
width) Is there a way to have all links be the same width (20%)?

Yes, try to set the <li>s block and float:left.

Chris


Thanks Chris, it worked as expected. The only problem now is that the "a"
tag doesn't extend to the right margin of each little link boxes when I
hover over the links - The red background doesn't extend to the right
margin.
How could I do this? (Sorry, I'm still learning!)
Thank you.

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org
Jul 21 '05 #3

P: n/a
Em Tue, 28 Dec 2004 17:26:33 -0200, Kerberos <me@privacy.net> escreveu:
Em Tue, 28 Dec 2004 08:37:50 +0100, Chris Leipold <cl******@dietzk.de>
escreveu:
Hi,
I haven't been able to define a fixed width (well, I chose a 20%
width) Is there a way to have all links be the same width (20%)?

Yes, try to set the <li>s block and float:left.

Chris


Thanks Chris, it worked as expected. The only problem now is that the
"a" tag doesn't extend to the right margin of each little link boxes
when I hover over the links - The red background doesn't extend to the
right margin.
How could I do this? (Sorry, I'm still learning!)
Thank you.


I found what the problem was, I forgot to set the "a" tag to be displayed
as a block.
Looks good now ;)

--

Kerberos.

http://www.opera.com
http://www.freebsd.org
http://www.auriance.com
http://www.osresources.com
http://exodus.jabberstudio.org
Jul 21 '05 #4

P: n/a
Hi,
[...]
How could I do this? (Sorry, I'm still learning!) We're all learning ;-)
Thank you.

De rien.

Chris
Jul 21 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.