div, hx, p, etc. tags have a line space above and below them. to avoid this,
you need to add a CSS style - display:inline;
but the suggestions given by others of using dt etc is better than using
divs... I guess
thanx
Alexander Gounder
http://www.gounder.co.in
On Sat, Jul 5, 2008 at 10:06 PM,
Of akella
Sent: 05 July 2008 11:38
To: wsg@webstandardsgroup.org
Subject: [WSG] Nowrap for floats
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
div class=float
div class=float1/div
div class=float2Some random text/div
/div
and smth like
] [mailto:[EMAIL PROTECTED] *On
Behalf Of *akella
*Sent:* 05 July 2008 11:38
*To:* wsg@webstandardsgroup.org
*Subject:* [WSG] Nowrap for floats
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
div class=float
div class=float1/div
div class
try inline-block and nowrap for container
and remove float of float1 and float2
com.ua? speak albanian?
используй inline-block для float1 и float2 без флоатов
зачастую это гораздо удобнее флоатов, особенно теперь, когда ФФ3
поддерживает это свойство - как итог - кроссбраузерно полностью )
: [WSG] Nowrap for floats
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
div class=float
div class=float1/div
div class=float2Some random text/div
/div
and smth like this in CSS:
.float1, .float2, .float{float:left}
My problem is that i need
@Essential, there is no image, the number in green block is text. It has
some padding and background-image (left-top corner). And it is already
floated, because it is .float1. Any ideas?
The real life code for those images looks like this:
dl
of course. in ie inline-block works properly on inline-elements
if it's possible use inline-elements
gotcha!
while writing letter found answer
dl {
display:block;
white-space:nowrap;
}
dt, dt {
display:inline;
}
and insert in dt and dd any inline-element, e.g. b or span
and
@Сергей: it is a great idea! But i've tried it with no success.
inline-block doesnt work in IE like that, float1-2 appear to be on a
different lines all the time.
@Manny, overflow doesn't help =(.
@Thierry:
I need to float container(.float) because there are a lot of them, here is
Thierry! That is very cool and close!
Thank you!
But still it breaks a little in my IE6 after resizing the window, here is
screenshot: http://cssing.org.ua/a/5.png.
But still floating everything is great trick! Thank you for the idea.
Anyway, i spent 2 hours experimenting, and i think i found the