1 reply [Last post]
safull
safull's picture
Offline
Regular
Madrid -Spain
Last seen: 16 years 3 weeks ago
Madrid -Spain
Timezone: GMT+1
Joined: 2003-08-27
Posts: 17
Points: 0

hi there i have this code

<style> 
.sample{display:block;width:100%;} 
.sample img{float:left;} 
</style> 
 
<p class="sample"> 
<img> 
cool text 
</p> 
<p class="sample"> 
<img> 
no so cool text 
</p>


The idea is to display the text with the image at the left (or right, whatever)
this works on IE but not in Gecko based browser. The lasts ones doesn't compute the image for the block. And so start to display wrong or not how i will like to.

Any idea or explanation

Thanks

PD: I also tried using the align of the image Tag.

Quote:

safull
safull's picture
Offline
Regular
Madrid -Spain
Last seen: 16 years 3 weeks ago
Madrid -Spain
Timezone: GMT+1
Joined: 2003-08-27
Posts: 17
Points: 0

i found a solution

hi,

i tried this

  
.sample{display:block;width:100%;clear:both;}  


and it works!!!

but i still have a little problem. the differents blocks stick together and i can't separate it with the margin property.

thanks