Gå til innhold

Linkene fungerer ikke!


Anbefalte innlegg

Holder på med å lage en hjemmeside til lanet jeg skal holde.

Har holdt på med å lært meg css, og klart å sette sammen siden ved hjelp av diver og css. Har lagt til noen linker, men disse fungerer ikke når jeg trykker på dem, muse pekeren forandrer seg helle ikke når jeg tar den over. Kan noen hjelpe meg? Her koden

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>the meeting,fra 15 oktober.</title>



<style type="text/css">
<!--
.header {
background-color: #FFFFFF;
height: 150px;
width: 800px;
position: static;
margin: 25px 100px 0px 150px;
border-top: thin dotted #000000;
border-right: thin dotted #000000;
border-bottom: thin none #000000;
border-left: thin dotted #000000;
}
.meny {
background-color: #FFFFFF;
height: 550px;
width: 150px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 150px;
text-align: center;
}
.content {
background-color: #FFFFFF;
height: 550px;
width: 648px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
left: 150px;
margin-top: -554px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 304px;
float: none;
}
.footer {
background-color: #FFFFFF;
height: 100px;
width: 800px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 150px;
}
head {
background-attachment: fixed;
background-image: url(design/bakgrunn.jpg);
}
body {
background-image: url(design/bakgrunn.jpg);


}
.bilde {
height: 150px;
width: 800px;
}
-->
</style>
</head>
<body>
<div class="header" id="header"><img src="design/themeeting2%20copy.jpg" width="771" height="141" class="bilde"></div>
<div class="meny" id="meny">
 <p>Meny</p>
<a href="partyinfo.php">partyinfo</a>
 <p><a href="index.php?s=news">news</a></p>
 <p><a href="index.php?s=regler">regler</a></p>
 <p><a href="index.php?s=compo">compo</a></p>
 <p><a href="index.php?s=contact">Kontakt oss</a></p>
 <p><a href="index.php?s=linker">linker</a></p>
 <p><a href="index.php?s=pakkeliste">pakkeliste</a></p>
 <p><a href="index.php?s=open">open</a></p>
 <p><a href="index.php?s=open">open</a></p>
</div>
<div class="content" id="content"> <?php
error_reporting(0);
$filnavn = $_GET['s'];
if (!$filnavn) {
$filnavn = 'news';
}
$filendelse = '.php';

if (!eregi("^((.*)/)", $filnavn)) {
include $filnavn . $filendelse;
}
else {
include "404.php";
}
?>

</div><div class="footer" id="footer">footer</div>
</body>
</html>

Bruker dreamweaver(jeg vet!) og IE 6(skal bytte til firefox snart)

Takk for all hjelp!

Endret av Lord_Linus
Lenke til kommentar
Videoannonse
Annonse

ka med å bytte ut

border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;

 

med dette:

border: thin dotted #000;

 

? ;)

Var ikkje egentlig et svar på spørsmålet ditt, men det var iallefall relevant.

Lenke til kommentar

Det som skjer, er at #content's margin legger seg "over" lenkene.

Jeg vil heller anbefale flytende layout, så slipper du slikt som dette.

 

Kodet litt for deg jeg. :tease:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Sidetittel</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">
 <h1>Lannavn</h1>
 <div id="menu">
 <ul>
   <li><a href="index.php?s=news">news</a></li>
   <li><a href="index.php?s=regler">regler</a></li>
   <li><a href="index.php?s=compo">compo</a></li>
   <li><a href="index.php?s=contact">Kontakt oss</a></li>
   <li><a href="index.php?s=linker">linker</a></li>
   <li><a href="index.php?s=pakkeliste">pakkeliste</a></li>
   <li><a href="index.php?s=open">open</a></li>
   <li><a href="index.php?s=open">open</a></li>
</ul>
</div>
 <div id="content"></div>
 <div id="footer"></div>
</div>

</body>
</html>

 

* {
 margin: 0;
 padding: 0;
}

body {
 text-align: center:
}

div#wrap {
 width: 800px;
 margin: 40px auto;
 border: 1px dotted #000;
 text-align: left;
}

h1 {
 display: block;
 overflow: hidden;
 padding: 150px 0 0 0;
 height: 0 !important;
 height /**/ : 150px;
 background: #333 url("esign/themeeting2%20copy.jpg") no-repeat;
}

div#menu {
 height: 550px;
 width: 150px;
 border: 1px dotted #000;
 border-left: none;
 float: left;
 background: #ccc;
}

div#content {
 height: 550px;
 width: 648px;
 border: 1px dotted #000;
 border-left: none;
 border-right: none;
 float: left;
 background: #eee;
}

div#footer {
 height: 100px;
 clear: both;
 background: #333 
}

#menu ul {
 list-style: none;
 text-align: center;
}

#menu ul li {
 margin: 0 0 10px 0;
}

 

EDIT: Med forbehold om masse slurvefeil, men det funker iallefall.

Endret av PoleCat
Lenke til kommentar

Bli med i samtalen

Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.

Gjest
Skriv svar til emnet...

×   Du har limt inn tekst med formatering.   Lim inn uten formatering i stedet

  Du kan kun bruke opp til 75 smilefjes.

×   Lenken din har blitt bygget inn på siden automatisk.   Vis som en ordinær lenke i stedet

×   Tidligere tekst har blitt gjenopprettet.   Tøm tekstverktøy

×   Du kan ikke lime inn bilder direkte. Last opp eller legg inn bilder fra URL.

Laster...
×
×
  • Opprett ny...