ok, layers/divs som bugger.. css [LØST]

phun-ky · 13. februar 2005

holder på med denne siden:

men bildene som kommer under til venstre, skal egentlig mellom de to "krusedullene" og ikke under det største.. how? alt ser riktig ut...

css:

BODY{
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size: 11px;  
color: #7a633c;
background-color:#d6d1b6;
margin-left: 0px;
margin:0px 0px; 
padding:0px;
background-image: url(/images/back.png);


}
a:link, a:visited, a:active { 
text-decoration:none; 
color: #7a633c;
border:0;
}
a:hover { 
color: #c5bd96;
text-decoration: underline; 
}
ul {
list-style-type: disc;
list-style-position: inside;
}
p{
text-indent:20px;
}
img
{
border:0px;
}
#brb{
text-align:center;
padding:0px;
margin:0px auto;
}
#cp {
width:350px;
height:auto;
text-align:center;
padding:10px;
margin:0px auto;

}
#backl{
position:absolute;
top:0px;
left:0px;
padding:0px;
width:186px;
height:204px;
z-index:0;
}
#back3{
position:absolute;
top:0px;
left:500px;
padding:0px;
z-index:1;
}
#back4{
position:absolute;
top:450px;
left:0px;
padding:0px;
 z-index:2;

}
imgs{
width:400px;
height:37px;
padding:5px;
position:absolute;
top:0px;
left:40px;
z-index:3;


}

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="no">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>reseda</title>
<link href="/reseda.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="back1"><img src="/images/back1.png" alt="back1"></div>
<div id="back3"><img src="/images/back3.png" alt="back3"></div>
<div id="back4"><img src="/images/back4.png" alt="back4"></div>
<div id="imgs">
<img src="/images/en.gif" alt="en">
<img src="/images/to.gif" alt="en">
<img src="/images/tre.gif" alt="en">
<img src="/images/en.gif" alt="en">
<img src="/images/to.gif" alt="en">
<img src="/images/tre.gif" alt="en">
</div>
<div id="brb"><img src="/images/brb.png" alt="be right back"></div>
<div id="cp">
<a href="http://validator.w3.org/check?uri=referer"><abbr title="w3c Hyper Text Markup Language Validator">html</abbr></a>
 | 
<a href="http://jigsaw.w3.org/css-validator/check/referer"><abbr title="w3c Cascading Stylesheets Validator">css</abbr></a>
 | 
<a href="http://www.contentquality.com/"><abbr title="Content Quality Validator">508</abbr></a>
 | 
<a href="http://www.phun-ky.net"><abbr title="Alexander V. Røyne">© 05/06</abbr></a>
<p><span class="cc">Alt innhold på denne websiden (inkludert tekst, fotografier, audiofiler, og annet originalt arbeid), hvis ikke annet er spesifisert, er under en <a href="http://creativecommons.org/licenses/by-nc/1.0/">Creative Commons Lisens</a>.</span> </p>
</div>
</body>
</html>

Endret 13. februar 2005 av phun-ky

halvardm · 13. februar 2005

Du glemte å sette at "imgs" var en id.

Altså det skal være slik:

#imgs{
width:400px;
height:37px;
padding:5px;
position:absolute;
top:0px;
left:0px;
z-index:3;
}

phun-ky · 13. februar 2005

takk!

Logg inn

ok, layers/divs som bugger.. css [LØST]

Anbefalte innlegg

phun-ky

Lenke til kommentar

Videoannonse

halvardm

Lenke til kommentar

phun-ky

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer