Kan ikke få underline til at virke i menu
Hej alle.Jeg er igang med en hjemmeside: http://www.sand-wellness.dk
Jeg vil gerne have lavet sådan, at når man klikker på menuen skifter den selvfølgelig side, også skal der være en streg under den sektion man har klikket sig ind på. f.eks. profil.
index.php koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sand-Wellness.dk</title>
<link rel="stylesheet" type="text/css" href="css/design.css" />
</head>
<body>
<table width="1024" border="0" align="center">
<tr>
<td height="100">
<img src="logo.png" alt="" align="top"/>
</td>
</tr>
<tr>
<td id="menu">
<a href="index.php?page=profil">PROFIL</a> ·
<a href="index.php?page=behandlinger">BEHANDLINGER</a> ·
<a href="index.php?page=makeup">MAKEUP</a> · <a href="index.php?page=galleri">GALLERI</a> ·
<a href="index.php?page=kontakt">KONTAKT</a></td>
</tr>
<tr>
<td id="indhold" valign="top">
<?php
if(!isset($_GET['page'])) $_GET['page']="";
switch($_GET['page']) {
case "behandlinger": include('behandlinger.html'); break;
case "makeup": include('makeup.html'); break;
case "galleri": include('galleri.html'); break;
case "kontakt": include('kontakt.html'); break;
default: include('profil.html');
}
?>
</td>
</tr>
</table>
</body>
</html>
Og min CSS kode:
@charset "utf-8";
/* CSS Document */
body {
margin:0;
background-color:#9ed8d2;
background-image: url("Blomst.png");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}
#menu {
height:10px;
word-spacing:21px;
letter-spacing: 0px;
font-size:13px;
font-family:arial;
color:#FFFFFF;
font-weight:normal;
padding-left:8px;
padding-top:0;
}
#indhold {
padding-left:8px;
padding-top:80px;
}
A:link {
font-family: arial;
font-size:13px;
color:#FFFFFF;
text-decoration: none;
}
A:visited {
font-family: arial;
font-size:13px;
color:#FFFFFF;
text-decoration: none;
}
A:active {
font-family: arial;
font-size:13px;
color:#FFFFFF;
text-decoration: underline;
}
A:hover {
font-family: arial;
font-size:13px;
color:#FFFFFF;
text-decoration: none;
}
