Gå til innhold

Trenger litt hjelp med koding

Tha_Zaynt

Anbefalte innlegg

Tha_Zaynt

Tha_Zaynt

Skrevet
Skrevet

Har litt problemer med å kode denne siden. Problemet er at menyen er helt feilplassert. Siden ser nå slik, men jeg vil at den skal bli sånn.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<title>Velkommen til Sjurs hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="wrap">
<div id="header"></div>
<div id="container"> 
<?php 
include "inc.php";
?>
<ul id="meny">
     <li><a href="?page=hovedsiden">Home</a></li>
     <li><a href="?page=meg">Om meg</a></li>
     <li><a href="?page=venner">Venner</a></li>
     <li><a href="?page=sitater">Sitater</a></li>
     <li><a href="?page=dikt">Dikt</a></li>
     <li><a href="?page=bilder">Bilder</a></li>
     <li><a href="?page=scootern">Scooter'n</a></li>
     <li><a href="?page=gjestebok">Gjestebok</a></li>
     <li><a href="?page=downloads">Downloads</a></li>
     <li><a href="?page=linker">Linker</a></li>
   </ul>

</div>
<div id="bottom"></div>
</div>

</body>
</html>

/*------------------*/
/*      LAYOUT      */
/*------------------*/

*{
margin:0;
padding:0;
}

#wrap {
height: auto !important;
margin: 0 auto;
width: 780px;
}

body {
   background: url(img/background.jpg) repeat-x;
background-color:#FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;	
margin-top: 1.5em;
}

#header {
background-image: url(img/header.png);
height: 120px;
width: 780px;
   border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
}


#container {
background-color: #E9E9E9;
height: auto;
width: 780px;
padding: 5px;
border-left: solid 1px;
border-right: solid 1px;
text-align: left;
}

#container p {
margin: 0;
padding: 0 0 1.5em 0;
}

#bottom {
background: url(img/bottom.gif) no-repeat;
height: 15px;
width: 780px;
border-bottom: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
}

h2 {
color: #82A4A6;
font-weight: normal;
font-size: 1.5em;
margin: 0.4em 35px 0.4em 35px;
}

h3 {
color: #3d3d3d;
font-weight: normal;
font-size: 1.1em;
margin: 0.4em 35px 0.4em 35px;
}

h4 {
color: #82A4A6;
font-weight: normal;
font-size: 1em;
margin: 0.5em 35px 0.4em 35px;
font-family: arial, tahoma, helvetica;
}

hr {
 height: 10px;
 background:  url(img/hr.gif) no-repeat center;
 display: none;
}

/*------------------*/
/*       MENY       */
/*------------------*/

#meny {
   border-top: 1px solid #CCCCCC; 
height: 23px;
width: 130px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
floar: right;
}

#meny li {
list-style-type:none;
border-bottom:1px solid #CCCCCC;
}

#meny li a {
display:block;
height:100%;
width:100%;
color:#000000;
background: url(img/arrow_green.gif) no-repeat 95% 50%;
text-decoration:none;
line-height: 23px;
}

#meny li a:visited{
display:block;
height:100%;
width:100%;
color:#000000;
background: url(img/arrow_green.gif) no-repeat 95% 50%;
text-decoration:none;
line-height: 23px;
}

#meny li a:hover {
  background: #D1DDDE url(img/arrow_black.gif) no-repeat 95% 50%;
}


#meny li a:active {
background:#CED7D7 url(img/arrow_black.gif) no-repeat 95% 50%;
border: 1px dotted #999999;
line-height: 23px;
}

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Loomy

Loomy

Skrevet
Skrevet (endret)

Har ikke jeg sett dette før? :hmm:

 

 

Anyhoo.. For det første må du validere CSSen og HTMLen - hvis noe vises feil er det det første du må gjøre, ettersom det ofte er årsaken til problemet. F.eks har du to body-tags, title-tags, osv, du har flere div's før en html-tag, osv - rydd opp i koden din!

 

For det andre har du ikke opprettet en div som faktisk skal være den savnede høyrekolonnen, så det er kanskje ikke så rart at den ikke vises...

Endret av Loomy
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...