här är html sidan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="CSDesign.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="container">
<div id="header">
<h1><img src="../karaters.jpg" /></h1>
</div>
<div id="meny">
<ul>
<li><a href="/">home</a></li>
<li><a href="/news/">news</a></li>
<li><a href="/projects/">projects</a></li>
<li><a href="/staff/">staff</a></li>
<li><a href="/contact/">contact</a></li>
</ul>
</div>
<div id="content">
<h2>Innehåll</h2>
<p></p>
</div>
</div>
</body>
</html>
här är min css dokument
body
{
background-color: #ffffff;
color: #000000;
padding: 0;
border: 0;
}
div
{
margin-left: auto;
margin-right: auto;
}
#header
{
background-color: #ffffff;
width: 750px;
height: 150px;
margin-top: 10px;
}
#menu
{
background-color: #ffffff;
color: #a0a86d;
height: 46px;
width: 750px;
border-width: 0 0 10px 0;
border-style: solid;
border-color: #000000;
}
#meny {
width:800px; margin:0; padding:0;
}
#meny ul {
list-style:none;
}
#meny li {
float:left;
font:bold 30px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
#meny a:link, #meny a:visited, #meny a:active {
display:block; color:#000; background:#fff;
padding:3px;
}
#meny a:hover {
display:block; color:#fff; background:#000;
padding:3px;
}
}
#content
{
background-color: #ffffff;
color: #ffffff;
width: 750px;
height: 450px;
}
Har ingen anning varför det inte funkar
cayaMedlem sedan aug. 20051 448 inläggnu med några editeringar...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
* { margin:0; padding:0; }
body {
background:#fff;
color:#000;
text-align:center;
}
#container {
margin:10px auto;
width:750px;
}
#header {
width:750px;
height:150px;
}
#header a img { border:0; }
#meny {
background-color: #ffffff;
color: #a0a86d;
height: 46px;
border-width: 0 0 10px 0;
border-style: solid;
border-color: #000000;
width:750px; padding:0;
}
#meny ul {
list-style:none; margin:0 auto;
}
#meny li {
float:left;
font:30px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
#meny a:link, #meny a:visited, #meny a:active {
display:block; color:#000; background:#fff;
padding:3px; text-decoration:none;
}
#meny a:hover {
display:block; color:#fff; background:#000;
padding:3px; text-decoration:none;
}
#content {
background-color: #ffffff;
color: #000;
width: 750px;
height: 450px;
text-align:left;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="/"><img src="../karaters.jpg" alt="Atum Animation" height="150" width="750" /></a></h1>
</div>
<div id="meny">
<ul>
<li><a href="/">home</a></li>
<li><a href="/news/">news</a></li>
<li><a href="/projects/">projects</a></li>
<li><a href="/staff/">staff</a></li>
<li><a href="/contact/">contact</a></li>
</ul>
</div>
<div id="content">
<h2>Innehåll</h2>
<p>Foo</p>
</div>
</div>
</body>
</html>
Nu funkar det. Vad ändrade du på?
cayaMedlem sedan aug. 20051 448 inlägg satte rättstavade namn, fixade text-align och marginaler
:)
tack.
det är fortfarande jätte krångligt och jag förstår inte riktigt vad jag gör när jag ändrar grejer.
cayaMedlem sedan aug. 20051 448 inlägg alla är vi barn i början...
