Hej Tommy.
"Tommy Hansen" skrev...
>
> "Dennis Munding" <nogen@etdomæne.dk> skrev i en meddelelse
>>
>> Derudover vil jeg selvfølgelig anbefale, at du flytter al styling til
>> dit/et stilark (css-fil), som du så laver et kald til imellem <head> og
>> </head>.
>>
> Jeg har ikke prøvet de forskellige forslag endnu, men hvis nu jeg skal
> have
> 3 billeder i en række, derunder 4 billeder i 3 forskellige størrelser og
> endnu
> en linie med 2 billeder i forskellige størrelser.
> Kan man styre det med et stilark ?
Det korte svar er "Ja!".
Men!
Metoden afhænger lidt af din forhåndsviden om billedernes størrelse.
Hvis på du forhånd kender til højden på billederne, ville jeg benytte
Bertels metode - han har angivet en højde på sin class="indeksbillede", som
giver plads både til lidt tekst, men også margin til billederne under - uden
at de "hopper".
Kender du derimod ikke højden på billederne men kun antallet pr. række,
ville jeg benytte flg. metode:
Lav en omkransende <div> om hver række af billeder og giv den en passende
margin-bottom, så der er luft imellem rækkerne - lidt á la scootergrisens
eksempel (dog ville jeg skære noget af koden væk - i disse sparetider...
- eks.:
HTML'en:
<div class="billedwrap">
<img src="####" alt="" width="100px" height="175px" />
<img src="####" alt="" width="100px" height="60px" />
<img src="####" alt="" width="200px" height="160px" />
</div>
<div class="billedwrap">
<img src="####" alt="" width="100px" height="200px" />
<img src="####" alt="" width="100px" height="175px" />
<img src="####" alt="" width="150px" height="225px" />
<img src="####" alt="" width="100px" height="175px" />
</div>
<div class="billedwrap">
<img src="####" alt="" width="150px" height="300px" />
<img src="####" alt="" width="100px" height="175px" />
</div>
CSS'en
..billedwrap {
width:60%; **
margin:0 auto 2em auto; ***
}
..billedwrap img {
float:left;
margin:0 1em; ***
}
* = Angiv selv ønsket bredde.
** = Angiv selv ønsket margin-bottom (pt. 2em)
*** = Giver luft på 2em ml. 2 billeder, men kun 1em ml. billede og hhv.
venstre og højre side af boksen.
Hvis scenariet er som ovenstående, men at du samtidig vil have tekst under
hvert billede, er du nødt til - som i Bertels eksempel - at pakke hvert
billede ind i en <div> eller et <p>.
Nu har du i hvert tilfælde fået lidt at arbejde med - og tænke over.
Med venlig hilsen
--
Dennis Munding
a.k.a. The Eye - Member of the PosseGrim Squad
http://pgsquad.com/
"When you hear the wind - you're already dead..."