Ændre rammers baggrundsfarve
HejsaJeg har virkelig et problem. Jeg har snuppet denne lækre menu inde fra et svar her på eksperten, mit problem er så bare at hvis jeg vil lave rammer med billeder på selve siden, så får billederne (og teksten) i rammerne samme baggrundsfarve som menuen har. Det skal de ikke have, de skal være som resten af min baggrund.
Hvad kan jeg gøre?
<head>
<title>.:Lækker menu:.</title>
<div align="left"><img src="logo.jpg" border="0"></div>
<br>
<style type="text/css">
a.menu {
background-color: 84949C;
color: white;
text-align: center;
display: blocK;
}
a.menu:hover
{
background-color: #9C8C84;
color: white;
text-align: center;
display: blocK;
}
Table
{
font-family:Tahoma, verdana, Microsoft Sans Serif, Ms Sans Serif, arial;
font-size:8pt;
font-color: #FFFFFF;
Background-color: #84949C;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table.menu {border: 1px solid #393939;}
td.menu, .overskrift {font: bold 14,5px verdana, sans-serif;text-align: center;}
a.menupunkt {
text-decoration: none;
background-color: EFDEC6;
color: 806341 ;
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-bottom : 1px solid #6D6D6D;
display: block;
line-height: 32px;
width:99%;
}
a.menupunkt:hover {
text-decoration: none;
background-color: #9C8C84;
border-top : 1px solid #8F9CC6;
border-left : 1px solid #8F9CC6;
border-bottom : 1px solid #6D6D6D;
display: block;
color: 000000;
width:99%;
}
.overskrift {
background-color: EFDEC6;
color: 000000;
border-top: 1px solid #D5DFFF;
border-left: 1px solid #D5DFFF;
border-bottom: 1px solid #393939;
line-height: 28px;
}
-->
</style>
</head>
<body style="margin: 0px;"><body bgcolor="#EFDEC6">
<table cellpadding="0" cellspacing="0" width="100%" backgroundcolor="EFDEC6">
<tr>
<td>
<a href="index.htm" class="menu"> FORSIDE</a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="frem.htm" class="menu"> FREMVISNING </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="produkt.htm" class="menu"> PRODUKTEKSEMPLER </a>
</td>
<td><font color="#FFFFFF">|</font></td>
<td>
<a href="kontakt.htm" class="menu"> KONTAKT</a>
</td>
</tr>
</table>
<br>
<br>
<br>
<style type="text/css">
<!--
table.menu {border: 1px solid #393939;}
td.menu, .overskrift {font: bold 14,5px verdana, sans-serif;text-align: center;}
a.menupunkt {
text-decoration: none;
background-color: EFDEC6;
color: 806341 ;
border-top : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
border-bottom : 1px solid #6D6D6D;
display: block;
line-height: 32px;
width:99%;
}
a.menupunkt:hover {
text-decoration: none;
background-color: #9C8C84;
border-top : 1px solid #8F9CC6;
border-left : 1px solid #8F9CC6;
border-bottom : 1px solid #6D6D6D;
display: block;
color: 000000;
width:99%;
}
.overskrift {
background-color: EFDEC6;
color: 000000;
border-top: 1px solid #D5DFFF;
border-left: 1px solid #D5DFFF;
border-bottom: 1px solid #393939;
line-height: 28px;
}
-->
</style>
</div>
<div style="width: 555px; height: 300px;
background-color: #EFDEC6; position: absolute; top:
35%; right: 14%;"><br>
<center><h3>
</div>
</table>
</body>
</html>
