Eigen website

Verschillende foto's in een vak.+

Gestart door Romcornel op 09 nov 2005, 17:53 4 berichten 5.822 keer gelezen Reageer
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.
    Citeer
    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.
      Citeer
      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 --
        Citeer

        Schrijf gerust een antwoord

        Om te antwoorden heb je een gratis account nodig. Heb je al een account, klik dan op "Aanmelden". Via "Gratis account maken" maak je er eenvoudig een in enkele minuten.

        Aanmelden Gratis account maken