Problem med <div>

kunne du evt. vise et link eller noget mere kode - bla. fra html-koden? Jeg har selv lidt svært ved at se hvad dit problem er ud fra beskrivelsen.

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="504" id="AutoNumber2" background="i/field.jpg">
<tr>
<td width="100%">
<div id="center">
<img src="i/spillere/07.gif" border="0" width="22" height="21">
</div>
<div id="rg">
<img src="i/spillere/07.gif" width="22" height="21">
</div>
<div id="rt">
<img src="i/spillere/07.gif" width="22" height="21">
</div>
<div id="qb">
<img src="i/spillere/07.gif" width="22" height="21">
</div>

<br><br><br><br><br><br><br><br><br><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
&nbsp;
</td>
</tr>
</table>

Hver gang jeg smider et billede ind ændrer det hele sig. Det vil sige at hvis billede 1 og 2 skal stå på samme linie skal der være forskellige top: 00px !

du kan prøve med float:left; for at placere dem ved siden af hinanden. Jeg ville egentlig også gerne se det andet stylesheet du har hvor du definerer rg,rt og qb (id'erne). Du må også regne med at div'er normalt fylder 100% af bredden og vil derfor give et linieskift. Hvis du kan undgå dem ville det derfor være meget lettere hvis du bare placerede to billeder i samme div - på den måde vil de automatisk stå ved siden af hinanden.

<ole>

Et div er et block-element. Sådan et fylder hele bredden af det omkransende element. Brug et span - som er et inline-element, der tilpasser sig indholdet i bredden.

Du kan også lægge styles direkte på billederne i stedet for at pakke dem ind:
  <img id="center" src="i/spillere/07.gif" border="0" width="22" height="21">
og stadig:
  #center { position:relative; top: 175px; left: 245px }

/mvh
</bole>

har du fået noget til at virke endnu?

noget nyt?

svar olebole?

... s'gerne  :)