Css klasse har ingen effekt
Hey there... sidder lige og "messer" med et design for sjov, men kan ikke få min menu til at virke...Indtil nu er det bare en td med baggrundsbillede, men der er ikke noget fra tbl_menu klassen der tager effekt på den. How come ??
HTML:
<html>
<head>
<title>test</title>
<link rel="STYLESHEET" type="text/css" href="default.css">
</head>
<body>
<center>
<table class="tbl" cellspacing="0">
<tr>
<td class="tbl_left" rowspan="4">
</td>
<td class="tbl_logo">
</td>
<td class="tbl_right" rowspan="4">
</td>
</tr>
<tr>
<td class="tbl_menu" height="22">
menu
</td>
</tr>
<tr>
<td>test</td>
</tr>
<tr>
<td>test</td>
</tr>
</table>
</center>
</body>
</html>
Css:
body {
height : 100%;
margin : 20;
background-color : #f1f1f1;
scrollbar-3dlight-color: #D9E1ED;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #c0c0c0;
scrollbar-highlight-color: #D9E1ED;
scrollbar-shadow-color: #D9E1ED;
}
a:link {
color: #494949;
text-decoration:underline;
}
a:visited {
color: #494949;
text-decoration:underline;
}
a:active {
color: #494949;
text-decoration:underline;
}
a:hover {
color: #000;
text-decoration:underline;
}
.tbl {
height : 100%;
border : 1px solid black;
margin : 0;
background-color: #fff;
width : 738px;
}
.tbl_left {
height : 100%;
border-left : 1px solid black;
padding : 0;
margin : 0;
background-image: url("beam_red_left.gif");
background-repeat:repeat-y;
background-attachment: fixed;
background-position: right;
width : 6px;
}
.tbl_main {
font-family : sans-serif, Verdana;
font-size : 10px;
}
.tbl_right {
height : 100%;
border-left : 1px solid black;
padding : 0;
margin : 0;
background-image: url("beam_red_right.gif");
background-repeat:repeat-y;
background-attachment: fixed;
background-position: right;
width : 7px;
}
.tbl_logo {
padding : 0;
margin : 0;
height : 136px;
background-image: url("logo.gif");
background-repeat:norepeat;
background-attachment: fixed;
background-position: top;
width="725px;
}
.tbl_menu {
height : 22px;
padding : 0;
margin : 0;
background-image: url("menu_bg.gif");
background-repeat:repeat-x;
background-attachment: fixed;
background-position: top;
font-family : sans-serif, Verdana;
font-size : 10px;
font-color : white;
}
.default {
background-color : #fff;
font-family : sans-serif, Verdana;
font-size : 10px;
padding : 0;
}
