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

Vragen/antwoorden betreffende het maken van je eigen website.

roby
Lid geworden op: 16 dec 2004, 16:30
Locatie: SCHOTEN

01 jul 2005, 20:03

ik tracht enkele fotos naast elkaar op een blad te zetten, maar dit lukt me niet, kan iemand helpen

Van Loon
Lid geworden op: 29 nov 2004, 21:23
Locatie: Antwerpen - België

01 jul 2005, 20:32

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
Lid geworden op: 13 dec 2004, 22:33
Locatie: Brugge

01 jul 2005, 21:20

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 --