Hej. Jeg har rodet med nogle problemer nogle timer i træk nu, og
kan ikke rigtig finde den rigtige løsning.
Problem 1:
Jeg kunne godt tænke med at opdele title1 i to (evt. som title1
og title2), så de får 50% hver vandret. Altså en slags kopi af
left- og rightmenu, bare de er lige under title.
Problem 2:
Jeg har indlagt et baggrundsbillede i left- og rightmenu, så jeg
får en streg lodret. Det virker fint, men sletter jeg så
height:100% i left- og rightmenu, går det helt i kage og strengen
bliver pludselig meget kort. Hvorfor?
Problem 3:
Jeg kan ikke få titlebottom1 helt op under content og left- og
rightmenu. Der er en slags margen / mellem. Hvorfor?
Takker
Hjemmeside:
www.jensdahlgaard.dk
body {
margin: 0;
padding: 20px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
}
#title {
height:50px;
background-color:#C68D55;
padding: 5px;
border: 1px solid #000000;
}
#title1 {
height:15px;
background-color:#FFFFFF;
padding: 5px;
border-top-width: 0px;
border-top-style: solid ;
border-top-color: white;
border-bottom-width: 1px;
border-bottom-style: solid ;
border-bottom-color: #000000;
border-right-width: 1px;
border-right-style: solid ;
border-right-color: #000000;
border-left-width: 1px;
border-left-style: solid ;
border-left-color: #000000;
}
#leftmenu {
float:left;
width:150px;
height:100%;
background: #FFFFFF url("streg.jpg") no-repeat fixed right top;
padding:5px;
}
#rightmenu {
float:right;
width:150px;
height:100%;
background:#FFFFFF url("streg.jpg") no-repeat fixed left top;
padding:5px;
}
#content {
padding-top:5px;
margin-left:160px;
margin-right:160px;
background-color:white;
}
#titlebottom1 {
clear: both;
height:20px;
background-color:#000000;
padding: 5px;
border: 1px solid #000000;
}
#titlebottom {
clear: both;
height:20px;
background-color:#C68D55;
padding: 5px;
border: 1px solid #000000;
}
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials