14.09.2007, 10:22
Hi,
Du kommst warscheinlich besser wenn Du bestimmten Oberbereichen eindeutige Eigenschaften gibst. Falls die verschachtelt vorkommen kann man auch mit !important bestimmte CSS Regeln priorisieren, guckst Du...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}
.text {
color: #990000 !important;
font-size: 12px !important;
}
.text a {
color: #339900 !important;
text-decoration: none !important;
}
.text a:hover {
color: #8994bc !important;
text-decoration: underline !important;
}
.divtext {
color: #000000;
font-size: 11px;
}
.divtext a {
color: #cc6600;
text-decoration: underline;
}
.divtext a:hover {
color: #ffcc00;
text-decoration: none;
}
</style>
</head>
<body>
<p class="text"><a href="#">Link 1</a></p>
<div class="divtext"><a href="#">Link 2</a> Text Text Text
<p class="text"><a href="#">Link 1</a> Text Text Text</p>
</div>
</body>
</html>[/HTML]
Cu Helmut
Du kommst warscheinlich besser wenn Du bestimmten Oberbereichen eindeutige Eigenschaften gibst. Falls die verschachtelt vorkommen kann man auch mit !important bestimmte CSS Regeln priorisieren, guckst Du...
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}
.text {
color: #990000 !important;
font-size: 12px !important;
}
.text a {
color: #339900 !important;
text-decoration: none !important;
}
.text a:hover {
color: #8994bc !important;
text-decoration: underline !important;
}
.divtext {
color: #000000;
font-size: 11px;
}
.divtext a {
color: #cc6600;
text-decoration: underline;
}
.divtext a:hover {
color: #ffcc00;
text-decoration: none;
}
</style>
</head>
<body>
<p class="text"><a href="#">Link 1</a></p>
<div class="divtext"><a href="#">Link 2</a> Text Text Text
<p class="text"><a href="#">Link 1</a> Text Text Text</p>
</div>
</body>
</html>[/HTML]
Cu Helmut