Linkene fungerer ikke!

Lord_Linus · September 14, 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!

Edited September 14, 2004 by Lord_Linus

Arve Systad · September 14, 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 · September 14, 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_ · September 14, 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 · September 14, 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.

Edited September 14, 2004 by PoleCat

Lord_Linus · September 14, 2004

Hva mener du egenlig med flytende layout?

Prøvde koden din, fungere fint den..

halvardm · September 14, 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 · September 14, 2004

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

Flytende layout: Ved hjelp av float-egenskapen.

Sign In

Linkene fungerer ikke!

Recommended Posts

Lord_Linus 6

Share this post

Link to post

Arve Systad 29

Share this post

Link to post

Marvil 6

Share this post

Link to post

_Paulsen_ 6

Share this post

Link to post

PoleCat 0

Share this post

Link to post

Lord_Linus 6

Share this post

Link to post

halvardm 0

Share this post

Link to post

PoleCat 0

Share this post

Link to post

Join the conversation

Popular Now

NVIDIA RTX 30XX - Levering, forsinkelse, fortvilelse og forhåpninger 1 2 3 4 186

Covid19: Nyheter og diskusjon rundt Coronaviruset 1 2 3 4 1350

AMD Polaris & Vega og midlertidig (?) Navi 1 2 3 4 308

Recently Browsing 0 members