Gå til innhold

[Løst]Menybar vil ikke frigi seg fra header!

Wæsp

Av Wæsp
i Programmering og webutvikling

Anbefalte innlegg

Wæsp

Wæsp

Skrevet
Skrevet

Hei,

 

har begynt å kode designet mitt i div-tags..

Men nå støter et annet problem opp.

 

Menyknappene har "limt" seg fast i headeren, uansett hva jeg prøver, vil de ikke firgi seg fra headeren..

Jeg legger ved et bilde så dere ser problemet mitt:

 

abou1l.jpg

 

Kan noen hjelpe meg med å fikse dette?

 

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>FailIRL.com - Nettsiden folk snakker om</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="rounded.js"></script>
</head>
<body>

<div id="container">

	<div id="menu">
		<li><a href="index.html">Forsiden</a></li>
		<li><a href="about.html">Om oss</a></li>
		<li><a href="fails.html">Fails</a></li>
		<li><a href="wins.html">Wins</a></li>
		<li><a href="kontakt.html">Kontakt</a></li>
		<li><a href="diverse.html">Diverse</a></li>
	</div>


	<div id="header">
	<p>FailIRL</p>
	</div>

	<div id="right-content">

	innhold kommer..			

	</div>

	<div id="content">
	test!
	</div>



</div>


<script type="text/javascript">
Rounded('rounded', 6, 6);
</script>
</body>
</html>

 

CSS:

body {
background-color: black;
text-align: center;
margin: 0px auto;
font-family: verdana;
font-size: 11px;
}

#container {
width: 848px;
margin: 0px auto;
text-align: left;
}

#menu li {
display: inline;
}

#menu li a {
background: url(img/menu.png);
background-repeat: no-repeat;
text-align: center;
font-weight: bold;
color: #ffffff;
width: 120px;
height: 100px;
padding-top: 10px;
display: block;
float: left;
margin-right: 10px;
text-decoration: none;
}

#menu li a:hover {
text-decoration: underline;
color: white;
}

#header {
background: url(img/header.jpg);
background-repeat: no-repeat;
border: 1px solid orange;
width: 846px;
height: 250px;
margin-top: 13px;
}

#right-content {
float: right;
background-color: #999999;
height: 300px;
width: 170px;
margin-left: 10px;
margin-top: 10px;
padding-top: 5px;
border: 1px solid orange;
text-align: center;
}

#content {
background: url(img/contentbg.png);
background-repeat: repeat-x;
float: left;
width: 653px;
height: 340px;
background-color: black;
border: 1px solid orange;
margin-top: 10px;
padding: 5px;
text-align: left;
}

 

setter stor pris på hjelp fra dere :)

-Fredrik

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
plakatmannen

plakatmannen

Skrevet
Skrevet (endret)

Prøv denne CSSkoden:

body {
background-color: black;
text-align: center;
margin: 0px auto;
font-family: verdana;
font-size: 11px;
}

#container {
width: 848px;
margin: 0px auto;
margin-top: 42px;
text-align: left;
}

#menu{
display: block;
height: 42px;
}

#menu li {
display: inline;
}

#menu li a {
background: url(img/menu.png);
background-repeat: no-repeat;
text-align: center;
font-weight: bold;
color: #ffffff;
width: 120px;
height: 100px;
padding-top: 10px;
display: block;
float: left;
margin-right: 10px;
text-decoration: none;
}

#menu li a:hover {
text-decoration: underline;
color: white;
}

#header {
background: url(img/header.jpg);
background-repeat: no-repeat;
border: 1px solid orange;
width: 846px;
height: 250px;
}

#right-content {
float: right;
background-color: #999999;
height: 300px;
width: 170px;
margin-left: 10px;
margin-top: 10px;
padding-top: 5px;
border: 1px solid orange;
text-align: center;
}

Endret av plakatmannen
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...