Eigen website

hoe zet ik fotos naast elkaar in html? - opgelost +

Gestart door roby op 01 jul 2005, 20:03 3 berichten 13.505 keer gelezen
roby Startte dit onderwerp 01 jul 2005, 20:03 SCHOTEN 10 berichten
ik tracht enkele fotos naast elkaar op een blad te zetten, maar dit lukt me niet, kan iemand helpen
Van Loon 01 jul 2005, 20:32 Antwerpen - België 78 berichten
Dit is een pagina met drie beeldekens naast elkaar. Natuurlijk mogen de beelden niet te breed zijn, anders kunnen ze niet naast elkaar en riskeren ze onder elkaar te gaan staan. Let niet op de naam van de beelden, ik koos er drie op mijn schijf C, dat moet je natuurlijk anders doen.


<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<img style="width: 200px; height: 238px;"
alt=""
src="file:///C:/Documents%20and%20Settings/Van%20Loon/Mijn%20documenten/persoonlijk/01.JPG"><img
style="width: 200px; height: 152px;" alt=""
src="file:///C:/Documents%20and%20Settings/Van%20Loon/Mijn%20documenten/persoonlijk/02.JPG"><img
style="width: 200px; height: 153px;" alt=""
src="file:///C:/Documents%20and%20Settings/Van%20Loon/Mijn%20documenten/persoonlijk/04.JPG">
</body>
</html>
wamukota 01 jul 2005, 21:20 Brugge 170 berichten
Maak een tabel van 3 kolommen en 1 rij. Per cel kun je dan je foto's plaatsen, achtergrond aanpassen, centreren, tekst net onder foto plaatsen, ...
Hier onder een voorbeeld met 1 tabel
1 rij <tr> ... </tr>
3 kolommen <td ..> ... </td>

per cel dan 1 plaatje <img ...>
en net onder de foto een beetje tekst, die je kunt formatteren zoals je wil

Deze manier van werken is de meest gangbare voor de meeste websites. Zo is deze pagina hier op seniorennet ook als een complexe tabel opgevat.

Code: Selecteer alles

<table width="100%" align="center" border="0">
  <tbody>
    <tr>
      <td width="33%" align="center" valign="middle">
      <img src="plaatje1.jpg"><br>
      <font color="red">Dit is het eerste plaatje</font>
      </td>
      <td width="33%" align="center" valign="middle">
      <img src="plaatje2.jpg"><br>
      Dit is het tweede plaatje vanop de camping
       </td>
      <td width="33%" align="center" valign="middle">
      <img src="plaatje3.jpg"><br>
      En hier onze campingcar
      </td>
    </tr>
  </tbody>
</table>
-- Alain --