Hi,
ich will, dass z.B. nur die Links aus #links .inhaltDiv in weiß sind,
aber wenn ich es da reinschreibe ( wie im Beispiel unten zu sehen), dann passiert nichts.
Wenn ich es einfach nur so in den Css-tesxt schreibe, z.b. ganz oben, dann klappt es zwar, aber die Links werden dann ja überall verändert.
Würde mich freuen, wenn mir jemand sagt, was ich falsch mache.
Danke schonmal im Vorraus und hier noch der Code:
MFG,
Sven
ich will, dass z.B. nur die Links aus #links .inhaltDiv in weiß sind,
aber wenn ich es da reinschreibe ( wie im Beispiel unten zu sehen), dann passiert nichts.
Wenn ich es einfach nur so in den Css-tesxt schreibe, z.b. ganz oben, dann klappt es zwar, aber die Links werden dann ja überall verändert.
Würde mich freuen, wenn mir jemand sagt, was ich falsch mache.
Danke schonmal im Vorraus und hier noch der Code:
Code:
html, body {
width: 100%;
height: 100%;
margin: 0;
border: 0;
padding: 0;
}
body {
background-color: #fff;
overflow: hidden; /* Scrollbalken im Fenster unterbinden */
}
#mitte{
position:absolute;
top:150px;
bottom:0;
left:150px;
right:0;
overflow:auto;
}
*html #mitte{
top:0;
left:0;
width:100%;
height:100%;
border-top-width:150px;
border-left-width:150px;
border-bottom-width:0;
border-right-width:0;
border-style:solid;
}
#mitte .inhaltDiv{
margin:10px;
}
#oben{
position:absolute;
top:0;
left:0;
right:0;
height:150px;
padding:0;
overflow:hidden;
background-color:white;
z-index:2;
}
*html #oben{
width:100%;
height:150px;
}
#oben .inhalDiv{
margin:10px;
}
#links{
position:absolute;
background-color:#00CCFF;
top:150px;
left:0;
bottom:0;
width:150px;
padding:0;
overflow:hidden;
z-index:1;
}
*html #links{
top:0;
width:150px;
height:100%;
border-top-width:150px;
border-bottom-width:0;
border-left-width:0;
border-right-width:0;
border-style:solid;
}
#links .inhaltDiv{
a:link,a:visited{
color:white;
}
margin:10px;
}
MFG,
Sven