webForumDet fria alternativet

översätta tables till css

HTML & CSS

3 svar · 419 visningar · startad av eriks

Medlem sedan apr. 20011 418 inlägg
Frågan#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!

255 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
116 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)