Kun je div-tags niet naast elkaar weergeven net als tabellen?


<?php
	$query = "SELECT shop_id,shop_naam FROM webshop";
	$result = mysql_query($query) or die ("Sorry maar ik kan de webshop weergeven");
	while($row = mysql_fetch_object($result)){
?>
<!-- De rechthoek met de webshop naam, plaatje en linken -->
<div class="webshop">
<?php
		//laat de shopnaam zien
		echo '<h1>'.$row->shop_naam.'</h1>' ;
?>
<img class="shopplaatje" src="" width="100" height="100" alt="">
<?php
	$query = 'SELECT shop_id,url,naam FROM webshoplink WHERE shop_id = '.$row->shop_id.'';
	$result = mysql_query($query) or die ("Sorry maar ik kan de webshop naam niet weergeven");
	echo '<ul>';
	while($row = mysql_fetch_object($result)){
		//laat de shoplinken zien
		echo '<li><a href="webshop.php?shop_id='.$row->shop_id.'">'.$row->naam.'</a></li>'.PHP_EOL; ;
		}
	echo '</ul>'.PHP_EOL;;
	//laat de link zien voor nog meer webshops
	echo '<a href="?meer" class="meer">Klik hier voor meer -></a>' ;
	
?>
</div>
<!-- einde div webshop -->
<?php
}//einde while lus


	?>
Elsy schreef op 14.04.2007 20:13
Eigenlijk wil ik meerdere "tabellen" hebben op de pagina.
Net zoveel als ik nodig heb uit de database.

Twee naast elkaar en dan op de volgende regel weer 2 tabellen.

Ik dacht dat dit ook te doen was met div's maar blijkbaar kan het dus alleen maar met tabellen.
Klopt dit?
Dan ga ik namelijk aan de slag met tabellen.

Het kan met allebei. Je moet alleen even goed nagaan of je echt tabel-gegevens wilt laten zien, of gewoon een rijtje links. In het eerste geval zou ik table gebruiken en in het tweede geval een ul het gebruiken van div is eigenlijk nog niet eens echt nodig, want je kunt die ul's ook stylen met bijv. een border en een float.

Stel dat je bij lijst 1, 3, 5, enz een nieuwe regel wilt beginnen, dan moeten die lijsten een clear: both meekrijgen. Daar kun je een aparte class voor maken, want je mag meer dan 1 class aan een element toekennen:

<ul class="left clearer">
...

In je CSS heb je dan:

ul.left {
float: left;
}

ul.clearer {
clear: both;
}
Ah GOEIE!

Dat is een hele mooie, vooral nette oplossing Jan! Ik moet me toch eens verdiepen in 'clear'.

Succes nog even Elsy ;)

Crispijn

Reageren