CSS - Logo over divs heen - Softwareontwikkeling

zaterdag 3 februari 2007 10:13

Acties:

Verwijderd

Topicstarter

Ik heb in CSS (als CSS rookie) 5 horizontale balken gemaakt. Aan de linkerkant van deze balken wil ik een logo plaatsen. Het logo (een transparante PNG) moet alle 5 de balken overlappen. Dit laatste krijg ik niet voor elkaar.

Wat ik tot dusver heb:

Cascading Stylesheet:

#logo {
float: left;
width: 100px;
height: 300px;
background:white;
}

#title1 {
     background:white;
     width:800px;
     margin-left: auto;
     margin-right: auto;
}
#title2 {
     background:#0032a6;
     width:800px;
     margin-left: auto;
     margin-right: auto;
}
#title3 {
      background:grey   ;
     width:800px;
     height:2px;
     margin-left: auto;
     margin-right: auto;
}
#title4 {
     background:#0032a6;
     width:800px;
     margin-left: auto; 
     margin-right: auto;
}
#title5      {
     background:white;
      width:800px;
      margin-left: auto;
      margin-right: auto;
}

HTML:

<link href="css.css" type="text/css" rel="stylesheet" />
<body>
<div id="logo">logo</div>
<div id="title1">test1</div>
<div id="title2">test2</div>
<div id="title3">test3</div>
<div id="title4">test4</div>
<div id="title5">test5</div>    
</body>

zaterdag 3 februari 2007 11:00

Acties:

Verwijderd

begin maar met lezen: http://www.w3.org/TR/CSS21/visuren.html
(serieus: dit is echt het beste), in jouw geval 9.6,9.7 en 9.8 vooral. Absolute positioning moet je hebben

zaterdag 3 februari 2007 11:31

Acties:

BasieP

* eens met mophor is *

misschien ook direct slim om eens te zoeken op containers. Je hebt nu een 6 divjes onder elkaar die je een voor een in het midden van je pagina zet.
je kan ook 1 container divje maken, die maak je 800px breed en center je. Al je andere divjes duw je daar gewoon in.
Dan hoef je deze niet meer te centeren.

This message was sent on 100% recyclable electrons.

zaterdag 3 februari 2007 11:42

Acties:

Verwijderd

Topicstarter

mophor en basiep: thanks daar kan ik wat mee.