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
?>
1 div geef je float: left mee, en de ander geef je float: right mee.
Het probleem is alleen dat ze niet, zoals wat bij tabellen wel het geval is, de zelfde lengte krijgen.
?
Onbekende gebruiker
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.
http://84.105.39.21/ Mij is het wel gelukt:) Zoals je ziet heb ik drie plaatjes naast elkaar en er een titel boven:)
en ik had deze vraag kortgeleden ook nog gestelt: link
Dus je hebt een div met een vaste grote en de rest zijn divs met de titel en plaatje derin bijvoorbeeld net zoals bij mij.
?
Onbekende gebruiker
14-04-2007 20:30
@Mebus
Ja, maar heb je dit met een php script uit de database gehaald of heb je die tabellen met html zo naast elkaar gezet.
EDIT:
Ik heb de bovenste query een nummer gegeven en nu ziet het er al een stuk beter uit. Er staan nu al kolommen naast elkaar, ik ga even verder knutselen en dan horen jullie nog van me....
Het is misschien makkelijker om een "container" div te maken en daarbinnen de andere divs ...
beetje klooien met float en het moet lukken denk ik :)
Kan je niet precies vertellen hoe de css gemaakt dient te worden want zelf ben ik er ook geen ster in
?
Onbekende gebruiker
14-04-2007 20:54
Ja hier ben ik al mee aan het knutselen maar het lukt niet helemaal.
Kost me nog wel even wat tijd.....
dit kan nog lastig worden want wanneer de ene div meer gevuld is dan de ander is het evenwicht uit je twee kolommen op je pagina weg. Misschien dat je het aantal records dat uitgespuugd wordt tellen en dan kijken of je de div rechts of links moet floaten...
ook zou je dit denk ik wel met javascript kunnen oplossen. Alleen zoals de meeste wel weten: ik ben hier geen ster in...
Succes!
?
Onbekende gebruiker
14-04-2007 20:58
Ah !
Het is gelukt....
Zo ziet het script er nu uit:
<div class="webshopcontainer">
<?php
$kolommen = 2;
$counter = 0;
$query1 = "SELECT shop_id,shop_naam FROM webshop";
$result1 = mysql_query($query1) or die ("Sorry maar ik kan de webshop weergeven");
while($row1 = mysql_fetch_object($result1)){
?>
<!-- De rechthoek met de webshop naam, plaatje en linken -->
<div class="webshop">
<?php
//laat de shopnaam zien
echo '<h1>'.$row1->shop_naam.'</h1>' ;
?>
<img class="shopplaatje" src="" width="100" height="100" alt="">
<?php
$query = 'SELECT shop_id,url,naam FROM webshoplink WHERE shop_id = '.$row1->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
$counter++;
if($counter==$kolommen)
{
echo '</div>'.PHP_EOL.'<div class="webshopcontainer">';
$counter = 0;
}
}
?>
</div><!-- einde div webshopcontainer -->
