KompoZer / Nvu » Serie af billeder

Kofoedsskole
 

Serie af billeder

Indlægaf Kofoedsskole » fre 26. okt 2012 11:02

Hvordan indsætter man nemmest en serie af billeder i f.eks. 4 kolonner og x antal rækker ??? Hvor Kolonner er faste og rækker er bestemt af antal billeder ???

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4

Kofoedsskole
 

Re: Serie af billeder

Indlægaf Kofoedsskole » fre 26. okt 2012 11:09


Kim Ludvigsen
MozillaDanmark
 
Indlæg: 11701
Tilmeldt: lør 5. mar 2005 22:45

Re: Serie af billeder

Indlægaf Kim Ludvigsen » fre 26. okt 2012 13:34

Det nemmeste er at indsætte billederne i små div-bokse, som du så lader flyde efter hinanden. Så tilpasser de helt automatisk sig selv.

Det kunne se sådan ud:

<div class="billedskema">
<img src="billede1.jpg" alt="Billede 1" title="Her er billede 1" width="300" height="200">
</div>

<div class="billedskema">
<img src="billede2.jpg" alt="Billede 2" title="Her er billede 2" width="300" height="200">
</div>

osv.

I stilarket skal du så have oprettet stilen ".billedskema" med egenskaberne:

width:300px (angiver bredden på boksen)
height: 200px (angiver højden på boksen)
float:left (får billederne til at flyde efter hinanden)
margin-right:5px (giver afstand vandret mellem billederne - udskift selv de 5px med noget passende)
margin-bottom:5px (som ovenfor, men lodret afstand)

Det kan være nødvendigt med flere koder afhængig af, hvordan du ellers har lavet din side. Og hvis du vil have vist en stor udgave ved klik som i dit eksempel, skal du have fat i noget JavaScript. Hvis du vil have vist en stor udgave på en selvstændig side, skal du blot linke til den fra de små billeder.
Mvh. Kim

Kofoedsskole
 

Re: Serie af billeder

Indlægaf Kofoedsskole » fre 26. okt 2012 16:19

Tak for det hurtige svar. Det vil jeg straks arbejde med, når jeg kommer tilbage til skolen mandag.