Just nu i M3-nätverket
Jump to content

Högerställd bild


Jompan

Recommended Posts

Koden <img src="kholm.jpg" align="right" hspace="30">

verkar bara fungera i Explorer, men inte i Firefox.

 

I Firefox når texten fram till bilden utan någon effekt av marginal 'hspace'.

 

Hur kan man koda så det funkar i båda webbläsarna?

 

/ Jompan

 

Link to comment
Share on other sites

Koda med CSS i stället. hspace har utgått och behöver ej stödjas längre, använd padding, ev margin. align ersätts av float.

 

<img style="position: relative; padding: 0 30px 0 30px;  float: right;" src="kholm.jpg">

 

Link to comment
Share on other sites

fast använd ogärna inline styles utan sätt antingen en class på bilden

.floatbild{
position: relative; 
padding: 0 30px;  
float: right;
}

 

eller peka mot alla bilder inom en viss div med en class (om du har det och vill ha det så

.content img{
position: relative; 
padding: 0 30px;  
float: right;
}

 

Om ett textstycke är kortare än bilden är hög måste du göra en clear:both, annars kan det se konstigt ut för efterföljande element.

 

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...