Jump to content
Sign in to follow this  
Lord_Linus

Linkene fungerer ikke!

Recommended Posts

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 by Lord_Linus

Share this post


Link to post

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.

Share this post


Link to post

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

Share this post


Link to post

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 by PoleCat

Share this post


Link to post

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å

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...