översätta tables till css

HTML & CSS

3 svar · 425 visningar · startad av eriks

Medlem sedan apr. 20011 418 inlägg
Trådstart#1

Hej,

Jag har tidigare bara arbetat med tables, men kan inte riktigt översätta detta till css. Detta är vad jag vill åstakomma

<table>
<tr>
<td width="400">Text</td>
<td width="100">Bild</td>
</tr>
</table>
<p>Fortsätt som vanligt</p>

Jag försökte med:

<div style="float:left; width:400px;">Text</div>
<div style="width:100px;">Bild</div>
<p>Fortsättning/p>

Då kommer fortsättningen på sidan med 400px indrag. Jag vill inte behöva lägga fortsättningen i en egen div (och det tror jag inte jag behöver heller). Misstänker att det är någon kombination av float och margin som löser detta?

Tack på förhand!

Medlem sedan juni 20084 inlägg
#2

Detta fungerar för mig i ie, ff3
<div style="float:left; width:400px;">Text</div>
<div style="width:100px; float:left;">Bild</div>
<br />
<p>Fortsättning</p>

<br /> är där för att lägga fortsättning i sin egen rad

Om du därimot vill att det ska komma ner utan <br /> så måste du andvända en annan div som omger det hela. Eller ange en bred i body som är 500px

Medlem sedan mars 20041 505 inlägg
#3

copy112 skrev:

Om du därimot vill att det ska komma ner utan <br /> så måste du andvända en annan div som omger det hela.

Nej, det räcker med clear:both; på <p>-taggen.

Medlem sedan apr. 20011 418 inlägg
#4

Nice, tackar!

263 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
134 ms — ändringar (db)