Avatar billede proff Nybegynder
22. juli 2008 - 16:00 Der er 2 kommentarer og
1 løsning

Hjælp til center float

http://www.wubbleyew.com/tests/dropshadows.htm

Hej alle. Med inspiration i overstående har jeg prøvet at lave en funktion der kaster skygge på mine billeder.

Dog ønsker jeg at omskrive funktionen, eller putte den ind i en anden div således at den bliver centreret inde i denne. Jeg synes nu jeg er på bar bund, alt jeg har prøvet mht. centrering inden i en anden div osv ikke virker, idet selve billedet indeholder float:right; for at virke.

Forslag er varmest velkomne :)

På forhånd tak
Avatar billede proff Nybegynder
22. juli 2008 - 16:09 #1
For lige at få koden med :)

.photoContainer {
    float:left;
    clear:left;
    background: url(/studybox/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/studybox/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 15px 20px !important;
    margin: 10px 0 15px 5px;
}

.photoContainer img{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}


<div class=\"photoContainer\"><img src=\"/studybox/images/users/thumbs/1.jpg\" alt=\"\" class=\"userImg\" /></div>
Avatar billede w13 Novice
23. juli 2008 - 10:23 #2
Så det virker ikke med:

.photoContainer {
    float:left;
    clear:left;
    background: url(/studybox/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/studybox/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 15px 20px !important;
    margin: 10px 0 15px 5px;
}

.photoContainer img{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

<div style=\"width:200px;margin:auto\">
<div class=\"photoContainer\"><img src=\"/studybox/images/users/thumbs/1.jpg\" alt=\"\" class=\"userImg\" /></div>
</div>

?
Avatar billede proff Nybegynder
08. januar 2009 - 17:11 #3
vælger at lukke.. intet virkede
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester