linken

Status
Niet open voor verdere reacties.
Ja dat zal ik met de volgende pagina doen.Alleen snap ik nog niet hoe het nu precies zit met de foto's uitelkaar te zetten.Als ik h:confused:et doe met <a> aan het begin en einde dan vind ik ze te kort opelkaar staan.Groetjes Lia
 
Ja dat zal ik met de volgende pagina doen.Alleen snap ik nog niet hoe het nu precies zit met de foto's uitelkaar te zetten.Als ik het doe met <a> aan het begin en einde dan vind ik ze te kort opelkaar staan.Groetjes Lia
 
Ja, dat zou kunnen. Daarbij moet je even opletten dat er vlak vóór alle </a>'s géén spatie staat, want die veroorzaakt het steepje _ tussen de afbeeldingen.

De &nbsp; komen dan tussen de </a> en de <a> van de volgende foto:
HTML: 
<a href="boomer%20van%20huis%20naar%20bejaardenhuis.JPG"><img 
alt="boomer van huis naar bejaardenhuis - kopie (13K)" 
src="boomer%20van%20huis%20naar%20bejaardenhuis%20-%20kopie.JPG" 
height="87" width="130" /></a>&nbsp; &nbsp;<a href="boomer%20in%20auto%20naar%20bejaardenhuis%201.JPG"><img ... enz.
Tussen twee &nbsp; codes moet wel een spatie staan, anders is kunnen de foto's niet naar de volgende regel als de breedte van het scherm op is.

Een mooiere manier is om het als volgt te doen.
  • 1. Je zet de hele riedel foto'tjes in een <p>...</p>
  • 2. Die <p> geef je een zogenaamde "class" naam, bijvoorbeeld <p class="fotorij">.
  • 3. Nu kunnen in de code-weergave alle <a>'s in een rijtje onder elkaar gezet worden.
Bijvoorbeeld:
HTML: 
... Dat laatste weekend toevallig niet</p>
<p class="fotorij">
	<img alt="0356 (3K)" src="0356.gif" height="42" width="94" />
	<a href="boomer%20van%20huis%20naar%20bejaardenhuis.JPG"><img alt="boomer van huis naar bejaardenhuis - kopie (13K)" src="boomer%20van%20huis%20naar%20bejaardenhuis%20-%20kopie.JPG" height="87" width="130" /></a>
	<a href="boomer%20in%20auto%20naar%20bejaardenhuis%201.JPG"><img alt="boomer in auto naar bejaardenhuis 1 - kopie (10K)" src="boomer%20in%20auto%20naar%20bejaardenhuis%201%20-%20kopie.JPG" height="58" width="87" /></a>
	<a href="boomer%20in%20auto%20naar%20bejaardenhuis%202.JPG"> <img alt="boomer in auto naar bejaardenhuis 2 - kopie (10K)" src="..."></a>
	... enz.
	<a href="ha%20ha%20hier%20zit%20ik%20lekker%20droog.jpg"><img alt="ha ha hier zit ik lekker droog - kopie (3K)" src="ha%20ha%20hier%20zit%20ik%20lekker%20droog%20-%20kopie.jpg" height="60" width="80" /></a>
</p>
<p><b><i><big>Ik weet nog toen hij zowat een 8 a 9 maanden was ... enz.
  • 4. De laatste stap is, dat je in de <head> van de pagina (nog steeds in de code-weergave) deze regels zet:
HTML: 
<title>boomer</title>
<style type="text/css">
.fotorij a {
    margin-left: 8px;
    }
</style>
</head>
In regel 3 moet er dus een puntje voor "fotorij" komen.
Dat betekent: als er een ding is met de naam class="fotorij", dan moeten alle <a>'s een afstand van 8px aan de linkerkant krijgen. Dat is dus de tussenruimte.
  • Ik heb er nu 8px (acht pixels) voor genomen. Maar je kunt ook een ander getal kiezen: zo kan je precies die afstand tussen de foto'tjes krijgen die je het mooiste vindt.
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Hoi Ronnie
Ik ga dat zeker bij de volgende pagina uit proberen.Die van smokie en max is bijna klaar daar staan nog wel puntjes tussen de foto's.Maar dat gaat dan veranderen bij de volgende.Groetjes Lia
 
Hoi Ronnie
Na veel werken omdat ik hem erop wilde hebben zoals ik wilde.Staat de pagina van max en smokie erop zoals ik hem wil hebben.Met jouw goed tips is me dat aardig gelukt.Bedankt Groetjes Lia:)
 
kijk aan. goed om te horen;) Maar de info die csshunter gaf was eigenlijk nog beter als die van mij ;)

Als er weer eens een vraag is horen we dat graag;)
Succes met je website Lia:D
 
csshunter zei:
Ja, dat zou kunnen. Daarbij moet je even opletten dat er vlak vóór alle </a>'s géén spatie staat, want die veroorzaakt het steepje _ tussen de afbeeldingen.

De &nbsp; komen dan tussen de </a> en de <a> van de volgende foto:
HTML: 
<a href="boomer%20van%20huis%20naar%20bejaardenhuis.JPG"><img 
alt="boomer van huis naar bejaardenhuis - kopie (13K)" 
src="boomer%20van%20huis%20naar%20bejaardenhuis%20-%20kopie.JPG" 
height="87" width="130" /></a>&nbsp; &nbsp;<a href="boomer%20in%20auto%20naar%20bejaardenhuis%201.JPG"><img ... enz.
Tussen twee &nbsp; codes moet wel een spatie staan, anders is kunnen de foto's niet naar de volgende regel als de breedte van het scherm op is.

Een mooiere manier is om het als volgt te doen.
  • 1. Je zet de hele riedel foto'tjes in een <p>...</p>
  • 2. Die <p> geef je een zogenaamde "class" naam, bijvoorbeeld <p class="fotorij">.
  • 3. Nu kunnen in de code-weergave alle <a>'s in een rijtje onder elkaar gezet worden.
Bijvoorbeeld:
HTML: 
... Dat laatste weekend toevallig niet</p>
<p class="fotorij">
	<img alt="0356 (3K)" src="0356.gif" height="42" width="94" />
	<a href="boomer%20van%20huis%20naar%20bejaardenhuis.JPG"><img alt="boomer van huis naar bejaardenhuis - kopie (13K)" src="boomer%20van%20huis%20naar%20bejaardenhuis%20-%20kopie.JPG" height="87" width="130" /></a>
	<a href="boomer%20in%20auto%20naar%20bejaardenhuis%201.JPG"><img alt="boomer in auto naar bejaardenhuis 1 - kopie (10K)" src="boomer%20in%20auto%20naar%20bejaardenhuis%201%20-%20kopie.JPG" height="58" width="87" /></a>
	<a href="boomer%20in%20auto%20naar%20bejaardenhuis%202.JPG"> <img alt="boomer in auto naar bejaardenhuis 2 - kopie (10K)" src="..."></a>
	... enz.
	<a href="ha%20ha%20hier%20zit%20ik%20lekker%20droog.jpg"><img alt="ha ha hier zit ik lekker droog - kopie (3K)" src="ha%20ha%20hier%20zit%20ik%20lekker%20droog%20-%20kopie.jpg" height="60" width="80" /></a>
</p>
<p><b><i><big>Ik weet nog toen hij zowat een 8 a 9 maanden was ... enz.
  • 4. De laatste stap is, dat je in de <head> van de pagina (nog steeds in de code-weergave) deze regels zet:
HTML: 
<title>boomer</title>
<style type="text/css">
.fotorij a {
    margin-left: 8px;
    }
</style>
</head>
In regel 3 moet er dus een puntje voor "fotorij" komen.
Dat betekent: als er een ding is met de naam class="fotorij", dan moeten alle <a>'s een afstand van 8px aan de linkerkant krijgen. Dat is dus de tussenruimte.
  • Ik heb er nu 8px (acht pixels) voor genomen. Maar je kunt ook een ander getal kiezen: zo kan je precies die afstand tussen de foto'tjes krijgen die je het mooiste vindt.
Met vriendelijke groet,
CSShunter
Klik om te vergroten...

Hoi Css hunter.Ik heb zeker ook een aantal tips van jouw gebruikt.Alleen dat van een tot vijf niet maar jij ook bedankt voor je tips.Groetjes Lia :confused:
 
Hoi Lia,
Ja, is prima hoor. Wat ik met die stappen voorstelde, is om CSS te gaan gebruiken. Maar dat is eigenlijk een hele eigen "taal" om webpagina's op te maken: een mooie taal, maar best ingewikkeld als je dat niet gewend bent.
Als je er tijd voor hebt, kan je dit eens lezen: www.web-garden.be/cursus-html/cursus-html/. Daarin worden ook de basisprincipes van CSS uitgelegd.
Maar dat kan later ook nog wel eens.
Het belangrijkste is nu, dat je pagina's het meeste doen van wat je wilt. :)

Succes verder!
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan