Avatar billede www.denn.dk Nybegynder
02. august 2005 - 12:10 Der er 6 kommentarer og
1 løsning

span indeni div

Hej exper.

Jeg har følgende css kode:
#newimage {
background-image: url("gfx/page/menu/right_newimage.jpg");
background-repeat: no-repeat;
height: 237px;
padding-top: 20px;
padding-left: 5px;
margin-top: 12px;
}
span.newimages {
background-image: url("gfx/page/image_box.jpg");
background-repeat: no-repeat;
width: 122px;
height: 198px;
}

og følgende html kode:
<div id="newimage">
<span class="newimages"></span>
</div>

Så i kan se, har min <div> (newimage), en baggrund knyttet til sig. Det samme har min <span>, min <span>'s baggrund bliver dog ikke vist. Hvorfor?
Avatar billede doodoo Novice
02. august 2005 - 12:14 #1
#newimage {
background-image: url("gfx/page/menu/right_newimage.jpg");
background-repeat: no-repeat;
height: 237px;
padding-top: 20px;
padding-left: 5px;
margin-top: 12px;
}
.newimages {
background-image: url("gfx/page/image_box.jpg");
background-repeat: no-repeat;
width: 122px;
height: 198px;
}

<div id="newimage">
<span class="newimages"></span>
</div>


prøv lige dette...
Avatar billede mailand Nybegynder
02. august 2005 - 12:16 #2
... fordi et span tag ikke er et blockelement... med andre oird 'tilpasser' det sig efter, hvad det indeholder.

skift dig span tag til et div, eller sæt display:block; på .newimages

- Andreas
Avatar billede www.denn.dk Nybegynder
02. august 2005 - 12:17 #3
doodoo > Det virker hellere ikke.
Avatar billede doodoo Novice
02. august 2005 - 12:19 #4
Prøv at skriv noget tekst inden mellem <span>... kommer der så mon ikk noget?
Avatar billede www.denn.dk Nybegynder
02. august 2005 - 12:20 #5
mailand, display: block; gjorde det :)
Hvis du ligger et svar bliver jeg glad.
Avatar billede mailand Nybegynder
02. august 2005 - 12:21 #6
heller ikke, hvis du bruger <div> istedet for <span> ?
Avatar billede mailand Nybegynder
02. august 2005 - 12:22 #7
det var da så lidt. se bort fra min seneste kommentar så :o)
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