CSS probs.: Hvad overruler hvad?
Jeg har nogle problemer med nedenstående stylesheet. I den sektion der hedder navbar (og navbar2) vil jeg gerne have at teksten skal være mørkerød (dvs. #903)som standard, og næsten hvid (dvs. #fff6eb)Af en eller anden grund bliver de det ikke.
Er der nogen der kan forklare mig hvoffor?
~Kurt
PS. html-koden til den side hvor det skal virke kommer under css\'et.
***css***
body {
background-color: #fff6eb;
color: #000;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
}
td {background-color: #fff6eb}
img {border-style: none}
a:link {text-decoration: none; font-weight: bold; color: #903;}
a:active {text-decoration: none; font-weight: bold; color: #f90;}
a:visited {text-decoration: none; font-weight: bold; color: #903; }
a:hover {text-decoration: underline; font-weight: bold; color: #f60; }
h1 {
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #903;
margin-bottom: 0px;
margin-top: 0px;
background-color: #fff6eb; }
h2 {
color: #000;
text-align: left;
font-size: 110%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 2px;
background-color: #fff6eb; }
h3 {
text-align: left;
color: #fff6eb;
font-size: 100%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
background-color: #903; }
.menu {margin: 1px 0px 1px 0px; }
.menu a {font-size:95%; font-family:verdana, arial, helvetica, sans-serif; width:100%; display: block; }
.menu a:hover {background-color:#903; color:#fff; text-decoration:none; width:100%; }
.højrejust { float: right; }
.indhold {margin: 8px; text-align: left; }
.indholdstekst { font-size: 90% }
.toptekst:first-letter {font-weight: bold; font-size: 110%; }
.venstreramme {border: 2px solid #000; background-color: #fff; width:100%; }
.hojreramme {border: 2px solid #000; background-color: #fff; }
.ramme {border: 2px solid #000; background-color: #fff6eb; }
.rammetop {background-color: #903; color: #fff6eb; padding: 2px; }
.rammeindhold {padding: 2px; }
.citat {border: 0px solid #000; text-align: center; margin-bottom: 0px; }
.kontakt {font-size: 55%; margin: 4px; }
.udmenu {text-align: center; margin: 10px 0px 10px 0px; }
.udknap {border: 1px solid #000; width:130px; }
.navbar {
text-align: left;
color:#903;
font-size: 80%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
height: 10px;
background-color: #000;
}
.navbar a {color:#fff6eb; }
.navbar2 {
text-align: left;
color:#903;
font-size: 80%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
height: 10px;
background-color: #808080;
}
.navbar2 a {color:#fff6eb; }
.nyhedsover {margin-bottom: 0; font-size: 80%; }
.nyhedsover a {text-decoration: underline; }
.nyhedsover a:visited {text-decoration: underline; }
.nyhedsdato {margin-bottom: 0; margin-top: 0; text-transform: uppercase; font-size: 70%; }
.teaser {margin-top: 0; font-size: 80%; }
.teaser a {text-decoration: none; font-weight: normal; color: #000; }
.teaser a:visited {text-decoration: none; font-weight: normal; color: #000; }
.teaser a:hover {text-decoration: underline; font-weight: normal; color: #000; }
.senyhedsover { margin-bottom: 0; font: bold 110%; }
.senyhedsdato { margin-top: 0; text-transform: uppercase; font-size: 90%; }
.seteaser { font-size: 90%; font-style: italic; }
***css***
***html***
<html>
<head>
<meta http-equiv=\"Content-Language\" content=\"da\">
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Bibliotek</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"../style_sfi.css\">
</head>
<body>
<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"4\">
<tr>
<td width=\"100%\">
<table border=\"0\" width=\"100%\" cellpadding=\"2\">
<tr>
<td width=\"15%\" valign=\"top\"><!--webbot bot=\"Include\" U-Include=\"../menu.htm\"
TAG=\"BODY\" startspan -->
<div class=\"venstreramme\">
<div class=\"rammetop\">
<p align=\"center\"><a href=\"../default.asp\"><img border=\"0\" src=\"../images/sfilogo2.gif\" width=\"49\" height=\"75\"></a></div>
<div class=\"menu\"><a href=\"../reception/reception.htm\">Reception</a></div>
<div class=\"menu\"><a href=\"../administration/administration.htm\">Administration</a></div>
<div class=\"menu\"><a href=\"Bibliotek.htm\">Bibliotek</a></div>
<div class=\"menu\"><a href=\"../forlag/forlag.htm\">Forlag</a></div>
<div class=\"menu\"><a href=\"../it/it.htm\">IT</a></div>
<div class=\"menu\"><a href=\"../direktion/direktion.htm\">Direktion</a></div>
<div class=\"menu\"><a href=\"../intrapersonelt/intrapersonelt.htm\">Intrapersonelt</a></div>
<div class=\"menu\"><a href=\"../nyhedsdel/nyheder.asp\">Nyhedsarkiv</a></div>
</div>
<!--webbot bot=\"Include\" endspan i-checksum=\"62276\" -->
<p> </td>
<td width=\"85%\" valign=\"top\">
<!-- her er overskriften -->
<h1><img border=\"0\" src=\"../images/overskrift.gif\" width=\"440\" height=\"75\"></h1>
<!-- her er navbaren -->
<div class=\"navbar\"><a href=\"../default7.asp\">Forside</a><img border=\"0\" src=\"../images/pilhen.gif\" width=\"13\" height=\"9\"><a href=\"bibliotek.htm\">Bibliotek</a></div>
<div class=\"navbar2\">
<img border=\"0\" src=\"../images/pilnedhen.gif\" width=\"12\" height=\"9\"> Ressourcer
<img border=\"0\" src=\"../images/prik.gif\" width=\"9\" height=\"9\"> <a
href=\"bogliste.htm\">Nye bøger</a> <img
border=\"0\" src=\"../images/prik.gif\" width=\"9\" height=\"9\"> <a href=\"Om_biblioteket.htm\">Om biblioteket</a> <img
border=\"0\" src=\"../images/prik.gif\" width=\"9\" height=\"9\"> <a
href=\"internetvejviser.htm\">Internetvejviser</a> <img
border=\"0\" src=\"../images/prik.gif\" width=\"9\" height=\"9\"> <a href=\"Tidsskrifter.htm\">Tidsskrifter </a></div>
<!-- her er den øverste tekst -->
<div class=\"indhold\"><h2>Ressourceoversigt</h2><div class=\"toptekst\">Fra denne
side kan du få adgang til alle bibliotekets elektroniske ressourcer, fx
Aleph-katalogen, de elektroniske tidsskrifter, cd-rom databaser ect.<br></div><br>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
