Avatar billede kew1n Nybegynder
02. december 2004 - 21:36 Der er 1 kommentar

billeder på række-problem

Hey Eksperter !

Jeg har 3 billeder som jeg har sat ind via CSS..
disse 3 billeder skal stå ved siden af hinanden, men jeg har ingen
idé om hvordan jeg gør det. her er min css:

#topleft {

    height: 51px;

    width: 135px;

    background-image:  url(../gfx/topleft.jpg);


}

#topmiddle {

    height: 51px;

    width: 454px;

    background-image:  url(../gfx/topmiddle.jpg);


   
}

#topright {

    height: 51px;

    width: 13px;

    background-image:  url(../gfx/topright.jpg);


}


PS. det skal lige siges, billederne skal stå lige op ad hinanden og centreret på hele siden..

sådan her:

|  [billede1][billede2][billede3]  |
Avatar billede roenving Novice
02. december 2004 - 23:36 #1
<div id="top">
  <div id="topleft"></div>
  <div id="topmiddle"></div>
  <div id="topright"></div>
</div>

-- og så tilføje i alle de ovenstående styles:

    float:left;

-- og tilføje en ny:

#top{
    height:51px;
    width:602px;
    margin:0px auto;
}

-- dette under forudsætning af, at du har en fuldt gyldig doctype inkl. dtd-link:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
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