Avatar billede mrjowns Novice
07. april 2004 - 10:45 Der er 5 kommentarer og
1 løsning

XHTML - placering af billede i DIV (css)

Hejsa,

Det drejer sig om denne side: http://svoem.dk.web16.wannafind.dk

Som I kan se i min kode, består siden af to div's - i den øverste er billedet placeret og i den nederste er teksten placeret. Det der irriterer mig er, at jeg ikke kan finde ud af at placere billedet i bunden af min div - dvs. valign = bottom.

Er dette overhovedet muligt?

Jeg er ikke interesseret i at få mit billede placeret relativt da det gerne må se ens ud på alle skærmstørrelser...

Hvordan gør men det?

I kan se min css her: http://svoem.dk.web16.wannafind.dk/css/style.css
Avatar billede nute Nybegynder
07. april 2004 - 12:36 #1
du kan prøve:

<div class="bokstop">
<div class="imgContainer">
</div>
</div>

<div class="boksbot">
Vi er i øjeblikket ved at udvikle en ny hjemmeside, som går live omkring den 1. juli 2004.<br />Indtil videre er du velkommen til at besøge vores nuværende hjemmeside,<br />som du finder på adressen: <a href="www.svoem.dk</a>" target="_blank">http://www.svoem.dk">www.svoem.dk</a>
</div>

derefter lægge dette i dit stylesheet:

.imgContainer
{
    height:100%;
    width:450;
    background:url(images/svoemunion_logo_text_mellem.gif) no-repeat bottom;
}

/nute
Avatar billede mrjowns Novice
07. april 2004 - 13:25 #2
Hej Nute - hmmm, det ser ikke ud til at hjælpe det helt store: http://svoem.dk.web16.wannafind.dk

Nu er billedet i hvert fald forsvundet! Har du andre ideer?
Avatar billede nute Nybegynder
07. april 2004 - 13:35 #3
ahh ... undskyld.

denne linie:
background:url(images/svoemunion_logo_text_mellem.gif) no-repeat bottom;

tager jo udgangspunkt i den folder som dit stylesheet ligger i. dvs stien 'images/billede.gif' peger på en subfolder under din 'css' folder. skift den ud med denne linie:

background:url(../images/svoemunion_logo_text_mellem.gif) no-repeat bottom;

så kører det nok

/nute
Avatar billede mrjowns Novice
07. april 2004 - 14:00 #4
Det var jo bare det der skulle til! Tak for hjælpen Nute! Laver du et svar - så får du point...
Avatar billede nute Nybegynder
07. april 2004 - 14:02 #5
yup yup ...
Avatar billede nute Nybegynder
07. april 2004 - 14:06 #6
- takker -
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