Topic: li Element Inline poistion width problem Pages that link to <a href="https://ozoneasylum.com/backlink?for=29748" title="Pages that link to Topic: li Element Inline poistion width problem" rel="nofollow" >Topic: li Element Inline poistion width problem\

 
Author Thread
Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 12-07-2007 07:24 Edit Quote

My li element is styled as inline

code:
ul li { display:inline }



How do I obtain width and height for this element (works in IE 7, not FF). Is there a moz-width.. or something style attribute?

Thanks,

Karl..

zavaboy
Paranoid (IV) Inmate

From: f(x)
Insane since: Jun 2004

IP logged posted posted 12-07-2007 11:02 Edit Quote

http://www.google.com/search?q=width+inline+element
-- http://archivist.incutio.com/viewlist/css-discuss/24575

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 12-07-2007 14:10 Edit Quote

If you need a set width and height, I would float the li's instead of setting them to inline.

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 12-09-2007 05:08 Edit Quote

Ok, floating the LI elements... thanks!

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 12-09-2007 16:36 Edit Quote

Or you could use the CSS2.1 display:inline-block; ... but that would rule out non CSS2.1 browsers a.k.a Internet Explorer and Firefox. As of today the only solution that work about everywhere is to float the LIs and size them by nesting a display:block; element. *sigh*

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 12-09-2007 20:42 Edit Quote
quote:
poi said:

non CSS2.1 browsers a.k.a Internet Explorer and Firefox


Gross exaggeration much.

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 12-10-2007 00:21 Edit Quote

I possibility went off a bit here, but the lack of support of inline-block is one of my pet peeves. This type of display is REALLY useful. Not having that forces everyone to hack around using float and a child element. Like we don't have enough to work around already.

OTOH this is not so much of an exaggeration, check the changelog of CSS2.1. And think about generated content or the other media-types than "screen". There's a lot more than "screen" out there.

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 12-10-2007 03:21 Edit Quote

Yeah, I feel you on inline-block. It is an exaggeration, though.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu