Tekst onder elkaar naast foto's plaatsen

[Stinuz]

Hey, ik ben bezig met een webshopje maken. Links van de naam van het object staat een foto, deze foto's zijn niet allemaal even groot. Dit levert het volgende op:

Niet zo mooi he?

Ik wil graag dat de tekst netjes onder elkaar worden weergegeven. Zo dus:

Dit heb ik snel even met paint gedaan, maar hoe krijg ik dit in mijn scriptje voor elkaar?

<?php 

// Configuratie bestand includen
include("config.php");

// Hoeveel objecten op een rij?
$nor = 2;

// Objecten opvragen uit database
$allgamesQuery = "SELECT * FROM pcgames ORDER BY naam";
$allgamesResult = mysql_query($allgamesQuery) or die (mysql_error());

// Instellingen tabel
$einde = mysql_num_rows($allgamesResult);
$i = 1;

//Tabel starten
echo' <TABLE align=left BORDER cellspacing="0" cellpadding="0">';

// Database extracten
while($allgamesRow = mysql_fetch_array($allgamesResult) AND $i <= $einde)
{
extract($allgamesRow);

// Instellingen tabel
if(($i % $nor-1) == 0)
{
   echo "<tr>\n";
}

// Objecten weergeven
  echo'

  <td BGCOLOR=#FFFFFF BORDERCOLOR=#000000>
	<img align=left src='.$foto.'>
	<b>'.$naam.'</b>
	<br>
	<b><font color=red>&euro;'.$prijs.'</font></b>
	<br>
	<br>
  </td>
  
  ';

// Instellingen tabel
if(($i % $nor) == 0)
{
   echo "</tr>\n";
}
  $i++;
}

// Tabel eindigen
echo'
</TABLE>
';

?>

 

[Tha Devil]

Extra kolom invoegen al aan gedacht?

// Objecten weergeven 
  echo' 

  <td BGCOLOR=#FFFFFF BORDERCOLOR=#000000 width="25%"> 
    <img align=left src='.$foto.'>
  </td>
  <td>
    <b>'.$naam.'</b> 
    <br> 
    <b><font color=red>&euro;'.$prijs.'</font></b> 
    <br> 
    <br> 
  </td> 
   
  ';

Zoals je wellicht ziet heb ik een extra <td> toegevoegd en van de eerste de width bepaald.

Ik weet niet of je W3C bezig bent maar als je dat wel bent dan denk ik niet dat deze pagina Valid uit zal komen. Ik zou je aanraden om alvast met CSS bezig te gaan, het zal je aardig wat typwerk schelen en het ziet er vaak netter uit.

 

[Stinuz]

WC3 interesseert me niet zo. Maar bedankt voor je antwoord, het heeft gewerkt.

Enige probleem nu nog is dat ik alleen de onderste randen zwart wil laten kleuren, maar dit lukt niet.

Ik heb het op het moment zo staan: (html er tussenuit gepikt)

<TABLE align=center BORDER WIDTH=70% cellspacing="0" cellpadding="0">
<tr>
  <td BGCOLOR=#FFFFFF BORDER-BOTTOM-COLOR=#000000 width="5%">  
    <img align=left src='.$foto.'> 
  </td> 
  <td BGCOLOR=#FFFFFF BORDER-BOTTOM-COLOR=#000000> 
    <b>'.$naam.'</b>
    <br>
    <b><font color=red>&euro;'.$prijs.'</font></b>
    <br>
    <br>
  </td>
</tr>

Maar ik krijg dit:

Is dit PHP gerelateerd of niet? Het zou gewoon moeten werken :/

 

[Tha Devil]

Staat er geen "aanwijzing" in je bron?

 

[Stinuz]

Sorry, ik begrijp je vraag niet

 

[Tha Devil]

Wat ik altijd doe wanneer iets niet er uit komt te zien zoals ik verwacht is even in de bron kijken hoe het er daar uit ziet. Vaak haal ik er dan de fout wel uit.

Overigens zie ik nu (pas) dat je 2x die stijl op de <td> toepast. Is het niet handiger om die stijl 1x op de <tr> toe te passen? Wellicht lost dat je probleem ook op.

 

[Stinuz]

Met CSS is het gelukt

CSS werkt toch wat beter volgens mij

 

[Tha Devil]

CSS werkt toch wat beter volgens mij

Het scheelt je veel aanpaswerk wanneer je toch iets op een andere manier zou willen laten weergeven