Verschillende foto's in een vak.+
-
Romcornel - Lid geworden op: 17 feb 2003, 14:43
- Locatie: Deinze Belgie
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.
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.
-
wamukota - Lid geworden op: 13 dec 2004, 22:33
- Locatie: Brugge
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.
Kopieer en plak, en testen maar
P.S. : Zijn wel mooie foto's
-- Alain --
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>
;
</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>
P.S. : Zijn wel mooie foto's
-- Alain --