Verschillende foto's in een vak.+

Vragen/antwoorden betreffende het maken van je eigen website.

Romcornel
Lid geworden op: 17 feb 2003, 14:43
Locatie: Deinze Belgie

09 nov 2005, 17:53

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
Lid geworden op: 23 mei 2003, 11:38
Locatie: kuststreek

09 nov 2005, 18:41

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
Lid geworden op: 03 apr 2003, 20:48
Locatie: kapellen

12 nov 2005, 19:52

beetje naar boven zetten om gelezen te worden

wamukota
Lid geworden op: 13 dec 2004, 22:33
Locatie: Brugge

12 nov 2005, 21:13

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