Gå til innhold

Linkene fungerer ikke!


Anbefalte innlegg

Skrevet (endret)

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
Videoannonse
Annonse
Skrevet

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.

Skrevet

For å ta noe helt annet;

 

Er det ikke mulig å slå sammen ting i CSSen..?

 

border-top-color: #000000;

border-right-color: #000000;

border-bottom-color: #000000;

border-left-color: #000000;

 

til

 

border-color: #000;

 

for eksempel..?

Skrevet (endret)

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
Skrevet

Tror han mener at du når du skifter på css'en din så skjer det på alle sidene dine.

I stedet for at du må skifte på alle sidene dine.

"Da blir livet ditt så mye enklere"*

 

 

* Tatt fra en reklame jeg hørte akkkurat nå

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...