Error i css script

erlnico · 31. mars 2006

Hei, Eg har programmert ei side med css script, men det ser ut til å være ein eller fleire feil i scriptet.

Kan noen hjelpe meg??

Du finner heimesiden på

Her er koden min for index.php

<!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="default.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header"><img src="gfx/overskrift.gif" alt="Header" /></div>

<div id="mainContent">
<div id="navigation">  
<img src="gfx/main_menu.gif" alt="main_menu" />
   <ul>
   <li>Home</li>
   <li>Guestbook</li>
   <li>Forum</li>
   <li>Downloads</li>
   <li>Links</li>
   <li>Contact</li>
 </ul>
<img src="gfx/downloads.gif" alt="downloads" />  
 </div>
   <div id="right">
     <img src="gfx/poll.gif" alt="poll" />
   </div>
 
 <div id="mainBody">
 
   

<p>
<a href="http://jigsaw.w3.org/css-validator/">
 <img style="border:0;width:88px;height:31px"
      src="http://jigsaw.w3.org/css-validator/images/vcss" 
      alt="Valid CSS!" />
</a>
</p>
 </div>
</div>
<div id="footer"><img src="gfx/bottom.gif" alt="Bottom" /></div>
</div>
</body>
</html>

og for css

#container {
padding: 0px;
width: 1024px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
background-color: #000000;
margin: 0px;
padding: 0px;
}
#navigation {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}

#right {
float: right;
padding: 0px;
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 0px;
clear: none;
}


#mainBody {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 170px;
float: none;
background-color: #FFFFFF;
}
#mainBody p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 1.2em;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}



#header {
margin: 0px;
padding: 0px;
width: 1000px;
}

#footer {
margin: 0px;
padding: 0px;
width: 1000px;
}
#mainContent {
background-image: url(gfx/background.gif);
background-repeat: repeat-y;
background-position: center top;
padding: 0px;
width: 1000px;
margin: 0px;
}
#navigation ul {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}

Endret 31. mars 2006 av fistersn

Arne · 31. mars 2006

Ein god start kan jo vere å forteje korleis du vil den skal vere.

erlnico · 31. mars 2006

Som dere kan si på sida mi, så vil eg at det grå feltet skal gå helt ned til bunn på venstre og høgre side. I tillegg så skal det være kvit farge i midtfeltet...

Noe som det ikkje er nå

qualbeen · 2. april 2006

har ikke tittet så nøye på css'en din, men hva med å legge inn følgende helt øverst i css-dokumentet

*{
   margin:0;
   padding:0;
}

Edit: så nå at du har spesifisert det meste av margin/padding. Tviler derfor på at mitt svar vil hjelpe :/

Endret 2. april 2006 av qualbeen

funkweb · 2. april 2006

Du har nå 2 doctyper, enkelte steder har du dobbel av <html><head> ovs.. rens koden din.

Logg inn

Error i css script

Anbefalte innlegg

erlnico

Videoannonse

Arne

erlnico

qualbeen

funkweb

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer