Hej Stig
On Oct 18, 8:06 am, Stig Johansen <wopr...@gmaill.com> wrote:
> Jeg sidder og fumler lidt med et eksempel på galleri, eller i virkeligheden
> er det mere noget javascript, jeg roder med.
>
> Som der er lige nu, tilpasser jeg en div efter størrelsen på 'det store
> billede':
> <
http://w-o-p-r.dk/test/galleri.poc2.html>
>
> Som udgangspunkt har jeg blot sat left til 200px, hvis billedet er undet
> 1000 px bredt, ellers 0.
>
> Det kunne være rart, hvis dev'en (imagediv1 eller -2) er centreret
> horisontalt hvis det er smallere end vinduet, ellers venstrestillet.
>
> Kan det lade sig gøre med CSS?
>
> Altså hvis man beskriver det i ord:
> - Top margin skal altid være fast, eks. 50 px.
> - Hvis div'en fylder mindre end bredden, skal den være centeret horisontalt,
> ellers venstrestillet.
Du kan lave noget margin:auto, det skulle gerne gør det for dig du
vil. og så en top, bottom og 3 midterblokke
Et godt råd jeg benytter mig meget af,når jeg leger med blokke og
deres placering:
..top {height:50px;}
..blok1{float:left;width:auto; (og div. indstillinger, her er tomt)}
..blok2{float:left (og div. indstillinger, her er dit billede)}
..blok3{float:left;width:auto; (og div. indstillinger, her er tomt}
..clear{clear:both;}
/* farver til layout debug */
..top{background:yellow}
..blok1{background:red}
..blok2{background:green}
..blok3{background:blue}
<div class="top"></div>
<div class="blok1"></div>
<div class="blok1"><img src.... ></div>
<div class="blok1"></div>
<div class="clear"></div>
<div>resten af din visning</div>
Det er nemt at udkommentere farverne, når man er færdig og nemt at se,
hva hulen, der sker... Clear stopper float, rart, hvis du skal have
andet under billedet...
Håber dette hjælper dig på vej
--
Mvh
Kim Emax