3 tabellen naast elkaar.

Hallo,

Ik zou graag 3 tabellen naast elkaar willen hebben.
Ik heb nu dit:

<div style="background-color: #DCDBDB; border: 1px solid silver; width: 200px; padding: 6px; float: right;">
<h1>Menu</h1><br>
TEST<br>
TEST<br>
TEST<br>
TEST<br>
TEST<br>
TEST<br>
TEST<br>
  </div>
 <div style="background-color: #DCDBDB; border: 1px solid silver; width: 200px; padding: 6px;">
[COLOR= #0000BB]<?php
    $uQuery[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/mysql_query"]mysql_query[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"SELECT avatar FROM leden WHERE naam = "[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_SESSION[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]login[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]""[/COLOR][COLOR= #007700])[/COLOR] or [URL="http://www.php.net/die"]die[/URL][COLOR= #007700]([/COLOR][URL="http://www.php.net/mysql_error"]mysql_error[/URL][COLOR= #007700]());[/COLOR]
    [COLOR= #0000BB]$uFetch[/COLOR] [COLOR= #007700]=[/COLOR] [URL="http://www.php.net/mysql_fetch_assoc"]mysql_fetch_assoc[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$uQuery[/COLOR][COLOR= #007700]);[/COLOR]
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700](![/COLOR][URL="http://www.php.net/empty"]empty[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$uFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]avatar[/COLOR][COLOR= #007700]]))
    {[/COLOR]
        [COLOR= #0000BB]$avatar[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]<center><img src="/avatar/[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$uFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]avatar[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]" border="0" width="100" height="100"/></center>[/COLOR][COLOR= #007700];
    }[/COLOR][URL="http://www.php.net/else"]else[/URL][COLOR= #007700]{[/COLOR]
        [COLOR= #0000BB]$avatar[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]<center><div style="width: 35px; height: 35px; border: 1px #000 solid; background: #FFFFFF;"><div style="margin-top: 10px;"><center>?</center></div></div></center>[/COLOR][COLOR= #007700];
    }[/COLOR]
    ?>
    [COLOR= #0000BB]<?[/COLOR]
    [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$avatar[/COLOR][COLOR= #007700];[/COLOR]
    ?>
    <br><center> [COLOR= #0000BB]<?[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000]Welkom <a href="http://[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_SESSION[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]login[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000].spinix.nl">[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_SESSION[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]login[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]</a>.<br> &nbsp;&nbsp;&nbsp;<img src="img/coins.png" border="0" /> [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$cFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]muntjes[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000] credits<br>&nbsp;&nbsp;&nbsp;<img src="img/group.png" border="0" /><a href="refferals"> Je hebt [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$rFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]aantal[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000] leden aangemeld[/COLOR][COLOR= #007700];[/COLOR] ?></a></center>
</div>

Deze 2 werken perfect.
Maar hoe krijg ik de 3e in het midden zonder dat de andere 2 eronder vallen?

-Bengt

EDIT: een plaatje:

Spoiler tonen

dit heb ik door middel van:

width: 150px;
 margin: 25px auto;

gedaan..

gebruik tabel tag?
of wil je specifiek met divs werken?

divs..

Bengt schreef:

divs..

staat uitgelegd in mijn tutorial over slicen en coderen.
edit: link: http://www.one2xs.com/threads/23281&p=3#334386

Nu zitten ze wel naast elkaar, maar ik wil er ééntje HELEMAAL links de ander in het midden en de rechter HELEMAAL rechts.

Dit is de code van Marjolein, en dan het volgende aanpaasen:

#grootvak {width: 900px; overflow:hidden;}/*eventueel een background toevoegen*/
#links {width: 290px; float:left; margin-left:0;} /*dus 0 px vanaf de linkerkant*/
#midden {width: 290px; float:left; margin-left:15px;} /*dus 15 px vanaf de linkerkant vanaf einde vak1*/
#rechts {width: 290px; float:left; margin-left:15px;} /*dus 15 px vanaf de linkerkant vanaf einde vak2*/

De Afmetingen moet je zelf instellen, ik weet je lay-out breedte en dergelijke niet
En vervolgens dit:

<div id="grootvak">
  <div id="vak1">tekst in het linkse vak</div>
  <div id="vak2">tekst in het middelste vak</div>
  <div id="vak3">tekst in het rechtse vak</div>
</div> <!--div grootvak afsluiten-->
<div style="clear: both;"></div>

Ik ga het even proberen.

EDIT: dat heb je gewoon gekopieerd uit haar topic. Dit heb ik al gedaan.

GELUKT, SLOTJE