HighDots Forums  

Fixed width for <li>

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Fixed width for <li> in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Kerberos
 
Posts: n/a

Default Fixed width for <li> - 12-27-2004 , 03:27 PM






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

Reply With Quote
  #2  
Old   
Chris Leipold
 
Posts: n/a

Default Re: Fixed width for <li> - 12-28-2004 , 02:37 AM






Hi,

Quote:
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


Reply With Quote
  #3  
Old   
Kerberos
 
Posts: n/a

Default Re: Fixed width for <li> - 12-28-2004 , 02:26 PM



Em Tue, 28 Dec 2004 08:37:50 +0100, Chris Leipold <cleipold (AT) dietzk (DOT) de>
escreveu:

Quote:
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


Reply With Quote
  #4  
Old   
Kerberos
 
Posts: n/a

Default Re: Solved! - 12-28-2004 , 02:47 PM



Em Tue, 28 Dec 2004 17:26:33 -0200, Kerberos <me (AT) privacy (DOT) net> escreveu:

Quote:
Em Tue, 28 Dec 2004 08:37:50 +0100, Chris Leipold <cleipold (AT) dietzk (DOT) 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


Reply With Quote
  #5  
Old   
Chris Leipold
 
Posts: n/a

Default Re: Solved! - 12-29-2004 , 02:46 AM



Hi,

Quote:
[...]
How could I do this? (Sorry, I'm still learning!)
We're all learning ;-)

Quote:
Thank you.
De rien.

Chris


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.