Linkene fungerer ikke!

Lord_Linus · 14. september 2004

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 14. september 2004 av Lord_Linus

Arve Systad · 14. september 2004

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.

Marvil · 14. september 2004

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..?

_Paulsen_ · 14. september 2004

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

Så vidt det er meg bekjent, skal dette gå utmerket! Fungerer hvertfall for meg :dribble:

PoleCat · 14. september 2004

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 14. september 2004 av PoleCat

Lord_Linus · 14. september 2004

Hva mener du egenlig med flytende layout?

Prøvde koden din, fungere fint den..

halvardm · 14. september 2004

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å

PoleCat · 14. september 2004

Skomaker: Nei, ikke akkurat, men det er sant det du sier også.

Flytende layout: Ved hjelp av float-egenskapen.

Logg inn

Linkene fungerer ikke!

Anbefalte innlegg

Lord_Linus

Lenke til kommentar

Videoannonse

Arve Systad

Lenke til kommentar

Marvil

Lenke til kommentar

_Paulsen_

Lenke til kommentar

PoleCat

Lenke til kommentar

Lord_Linus

Lenke til kommentar

halvardm

Lenke til kommentar

PoleCat

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer