CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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>

Synes godt om

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>

?

Synes godt om

proff Nybegynder

08. januar 2009 - 17:11 #3

vælger at lukke.. intet virkede

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS