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,
From what I can see there it's because of the image you are using.
Try
.float1, .float2, .float{
float:left;
}
.float1 img {
height: 20px;
width: 20px;
float: left;
}
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of
@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
dt30/dt
ddstrongCommodore645/strong spana
try inline-block and nowrap for container
and remove float of float1 and float2
com.ua? speak albanian?
используй inline-block для float1 и float2 без флоатов
зачастую это гораздо удобнее флоатов, особенно теперь, когда ФФ3
поддерживает это свойство - как итог - кроссбраузерно полностью )
Try putting an overflow:hidden in your .float parent class.
It tends to help me float things in a page.
On Jul 5, 2008, at 7:05 AM, akella wrote:
@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
@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