Eigen website

Verschillende foto's in een vak.+

Gestart door Romcornel op 09 nov 2005, 17:53 4 berichten 5.825 keer gelezen
Romcornel Startte dit onderwerp 09 nov 2005, 17:53 Deinze Belgie 1 berichten
Hoe krijgt men het klaar dat men verschillende foto's in een vak kan plaatsen. Indien mogelijk een antwoord graag. Alvast bedankt. (vraag door chukie in mijn gastenboek)

Ja chukie, dat kan ik niet zomaar in één twee drie uit leggen.
Vooreerst heb u wat kennis van HTML-code nodig. (http://www.handleidinghtml.nl/)
Dan moet u de foto's van gepast formaat bij een server plaatsen.
Die copiëert u en plakt die bij uw blog in de inhoud van uw bericht.
Hier ziet u een voorbeeld hoe u dat moet bewerken en plakken.

<FONT color=#3366cc size=2>Wandeling op den buiten.<BR></FONT><A href="http://members.lycos.nl/romcornel/10-84-1163.jpg"><IMG height=120 src="http://members.lycos.nl/romcornel/10-84-1163.jpg " width=200 border=3></A> <A href="http://members.lycos.nl/romcornel/11-86-1524.jpg"><IMG height=120 src="http://members.lycos.nl/romcornel/11-86-1524.jpg" width=200 border=3></A> <A href="http://members.lycos.nl/romcornel/13-86-1535.jpg"><IMG height=120 src="http://members.lycos.nl/romcornel/13-86-1535.jpg" width=200 border=3></A> <A href="http://members.lycos.nl/romcornel/21-36-2671.jpg"><IMG height=120 src="http://members.lycos.nl/romcornel/21-36-2671.jpg" width=200 border=3></A> <A href="http://members.lycos.nl/romcornel/22-36-2673.jpg"><IMG height=120 src="http://members.lycos.nl/romcornel/22-36-2673.jpg " width=200 border=3></A>

Kwestie van met veel geduld en doorzetting te leren hoe het moet.
Veel plezier.
timon 09 nov 2005, 18:41 kuststreek 20 berichten
hallo Romcornel,denk dat het al een tijdje geleden is dat wij u hier nog gehoord hebben,,blij nog eens iets te horen,want uw fotos zijn wel te smaken.
verhaegen Support SeniorenNet 12 nov 2005, 19:52 kapellen 6.279 berichten
beetje naar boven zetten om gelezen te worden
wamukota 12 nov 2005, 21:13 Brugge 170 berichten
Ik vermoed dat je bedoel hoe je je foto's'deftig' kunt weergeven.

Voortwerkend op je stukje HTML gaan we het geheel in een tabel plaatsen

De tabel zal 75% van de breedte van het scherm innemen en gecentreerd zijn.
We gaan 2 rijen met elk 3 kolommen gebruiken, en per cel komt er 1 foto.

Een tipje. Als je met de <img ...> tag werkt, ofwel de width ofwel de height meegeven, maar niet allebei. Als je er één meegeeft wordt de andere automatisch intern berekend om de verhouding van de foto niet te veranderen.

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Foto's plaatsen</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="White">

<div align="center">
<font color=#3366cc size=2>Wandeling op den buiten.</font>
<br>
<br>
<table width="75%">
<!-- Eerste rij -->
<tr bgcolor="White" align="center">
<!-- Kolom 1 : Cel (1,1) -->
<td width="33%">
<a href="http://members.lycos.nl/romcornel/10-84-1163.jpg">
<img  src="http://members.lycos.nl/romcornel/10-84-1163.jpg" width=200 border=3>
</a>
</td>
<!-- Kolom 2 : Cel(1,2) -->
<td width="33%">
<a href="http://members.lycos.nl/romcornel/11-86-1524.jpg">
<img src="http://members.lycos.nl/romcornel/11-86-1524.jpg" width=200 border=3>
</a>
</td>
<!-- Kolom 3 : Cel(1,3) -->
<td width="33%">
<a href="http://members.lycos.nl/romcornel/13-86-1535.jpg">
<img src="http://members.lycos.nl/romcornel/13-86-1535.jpg" width=200 border=3>
</a>
</td>
</tr>
<!-- Tweede rij -->
<tr bgcolor="White" align="center">
<!-- Kolom 1 : Cel (2,1) -->
<td>
<a href="http://members.lycos.nl/romcornel/21-36-2671.jpg">
<img src="http://members.lycos.nl/romcornel/21-36-2671.jpg" width=200 border=3>
</a>
</td>
<!-- Kolom 2 : Cel (2,2) (lege cel) -->
<td>
&nbsp;;
</td>
<!-- Kolom 3 : Cel (2,3) -->
<td>
<a href="http://members.lycos.nl/romcornel/22-36-2673.jpg">
<img src="http://members.lycos.nl/romcornel/22-36-2673.jpg" width=200 border=3>
</a> 
</td>
</tr>
</table>

</body>
</html>
Kopieer en plak, en testen maar

P.S. : Zijn wel mooie foto's

-- Alain --