Hallo allemaal,
Ik zit met een vraag/probleem. Ik wil binnen één en dezelfde TD twee aparte stukken test hebben op 1 lijn. De ene reep tekst links en de andere aan de rechter kant. Meestal los ik dit op door binnen die TD een nieuwe TABLE te maken en zo de boel te verdelen. Ik weet dat het ook anders moet lukken... gewoon in HTML tags of CSS oplossingen maakt mij niets uit :) Wie helpt mij?
Pardon, wie maakt er nu nog layout zaken in table's. Ga je eens verdiepen in:

<div>
en de daarbij behorende css

Er zijn naar mijn mening meer dan genoeg mogelijkheden om te achterhalen hoe je dat in html / css moet gieten.

zoek
zoek
Natuurlijk ken ik div's, maar als ik <div class="c1">php code's etc.</div ><div class="c2">blabla</div> binnen die TD gooi, dan krijg ik de 2e div netjes op een volgende regel.
Je moet af van de tags:
<table>
<tr>
<td>

Dus wordt het:
<div id="row1">
<div id="field1">
<div id="field2">
</div>

En als je het op een volgende regel krijgt ga je op zoek naar de juiste CSS codering!

Klik op de links en bekijk de zoek resultaten.............
Een div is een blocklevel element en zal dus standaard op een nieuwe regel beginnen. Je kunt het oplossen door een span te nemen, of een float op een div te zetten.

Als het je er om gaat tabellarische gegevens te presenteren, zou ik zeker een tabel gebruiken, daar is hij immers voor bedoeld. Dan nog zijn tabellen in tabellen een slecht idee.

Een voorbeeld met divs:

div#container    {overflow: hidden; width: 800px; background: #ccc;}
div.left    {float: left; width: 300px; background: #999;}
div.right    {float: right; width: 300px; background: #999;}


En je XHTML:

<div id="container">
    <div class="left">
        <p>alinea 1</p>
    </div>
    <div class="right">
        <p>alinea 2</p>
    </div>
</div>

Reageren