hoe zet ik fotos naast elkaar in html? - opgelost +
-
Van Loon - Lid geworden op: 29 nov 2004, 21:23
- Locatie: Antwerpen - België
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>
<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
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.
-- Alain --
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>