Jo her kommer det, måske lidt uoverskueligt:-)
Det er som om at når jeg loader siden så har linksne hver deres farver. Men ligeså snart de har været aktiveret 1 gang skifter de over og tager "bluelink" udseende.
Der er et punkt der hedder "INSTRUKTØREN". Ordet er længere end de andre links, så derfor vil jeg gerne have at stregen er lige så lang. Men de har alle den samme størrelse. Ud fra stylesheetet står der 100px, men det reagerer ikke når jeg ændrer i pixel størrelser. (har forresten sat det manglende div på).
Jeg paster også lige index siden på, som er den hvor menu.php bliver trukket ind på:
<?php require_once('includes/content.php'); ?>
<!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>
www.drametik.dk</title><link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table id="Main" width="900" border="3" bordercolor="#ffffff" cellspacing="0" cellpadding="0">
<tr>
<td>
<?php
$path = 'includes/' . $content . '.php';
$file = (file_exists($path)) ? $path : 'includes/HOME.php';
require_once($file);
?>
</td>
</table>
<table id="Top" width="900" border="1" bordercolor="#ffffff" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="menu">
<?php require_once('includes/menu.php'); ?>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
@charset "utf-8";
/* CSS Document */
table#Main
{
position:absolute;
margin-left:175px;
margin-top:10px;
width:900px;
height:550px;
}
table#MainSubPages
{
height:455px;
margin-top:100px;
}
table#Right
{
position:absolute;
width:900px;
height:455px;
margin-left:0px;
margin-top:-181px;
}
table#Left
{
height:455px;
margin-top:100px;
}
table#Top
{
position:absolute;
width:900px;
height:95px;
margin-left:179px;
margin-top:18px;
}
table#Green
{
position:absolute;
width:297px;
height:148px;
margin-top:-71px;
margin-left:600px;
}
table#Bleu
{
position:absolute;
width:297px;
height:151px;
margin-top:-225px;
margin-left:299px;
}
table#Red
{
position:absolute;
width:297px;
height:145px;
margin-left:299px;
margin-top:81px;
}
table#BilledeHkolonneTV
{
position:absolute;
width:297px;
height:148px;
margin-top:-71px;
margin-left:299px;
background-image:url(ArbejdsPhotos/pic2B.jpg);
}
table#BilledeHkolonneTHnede
{
position:absolute;
width:297px;
height:151px;
margin-top:-225px;
margin-left:600px;
background-image:url(ArbejdsPhotos/pic13B.jpg);
}
table#BilledeHkolonneTHnederst
{
position:absolute;
width:297px;
height:145px;
margin-top:81px;
margin-left:600px;
background-image:url(ArbejdsPhotos/pic11B.jpg);
}
table#BoksVkolonneHOME
{
position:absolute;
width:235px;
height:210px;
margin-top:-72px;
margin-left:48px;
color:#CCCCCC;
}
table#BilledeVkolonneHOME
{
position:absolute;
width:235px;
height:140px;
margin-top:-52px;
margin-left:0px;
background-image:url(ArbejdsPhotos/pic7B.jpg);
}
table#BoxOverstTV
{
position:absolute;
width:280px;
height:151px;
margin-top:-150px;
margin-left:0px;
}
txt#TxtOverstTV
{
position:absolute;
width:280px;
height:151px;
margin-top:-200px;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
letter-spacing:5px;
font-weight:bold;
}
td#content
{
width:900px;
height:455px;
}
#menu
{
margin-left:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
div#greylink
a:link,a:active,a:visited {
display:block;
width:100px;
height:50px;
background:#fff;
border-bottom:10px solid #CCCCCC;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#999999;
text-align:left;
}
a:hover {
background:#CCCCCC;
}
div#redlink
a:link,a:active,a:visited {
display:block;
width:100px;
height:50px;
background:#fff;
border-bottom:10px solid #C60031;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#999999;
text-align:left;
}
a:hover {
background:#C60031;
}
div#yellowlink
a:link,a:active,a:visited {
display:block;
width:100px;
height:50px;
background:#fff;
border-bottom:10px solid #ffb800;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#999999;
text-align:left;
}
a:hover {
background:#ffb800;
}
div#greenlink
a:link,a:active,a:visited {
display:block;
width:100px;
height:50px;
background:#fff;
border-bottom:10px solid #6f9C04;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#999999;
text-align:left;
}
a:hover {
background:#6f9C04;
}
div#bluelink
a:link,a:active,a:visited {
display:block;
width:100px;
height:50px;
background:#fff;
border-bottom:10px solid #4f7faa;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#999999;
txt-align:left;
}
a:hover {
background:#4f7faa;
}
Ny bruger
Nybegynder
Opret
Preview
