Ich habe zwar ein Problem welches sich ausschließlich auf HTML und CSS bezieht und weniger bzw nichts mit PHP ich hoffe aber trotzdem auf eure Hilfe.
Ich arbeite an einem umfangreihen Projekt und habe ein Problem mit der Formatierung von zwei <a>s
Ich möchte gerne das die Farbe der Links blau (#3399CC) ist und wenn ich mit der Maus darüberfahre soll sich die Farbe in orange (#FF9966) ändern.
Der Hover-Effeckt funktioniert bereits. Nur bekomme ich die "normale" Farbe nicht dem Link zugewiesen.
Obwohl doch das Div näher am <a> ist als die Tabelle scheint sich deren Formatierung auf die <a>s zu vererben.
Ich wäre euch für konstruktive Lösungsansätze und Hinweise zu Denkfehlern sehr dankbar.
Ich arbeite an einem umfangreihen Projekt und habe ein Problem mit der Formatierung von zwei <a>s
Ich möchte gerne das die Farbe der Links blau (#3399CC) ist und wenn ich mit der Maus darüberfahre soll sich die Farbe in orange (#FF9966) ändern.
Der Hover-Effeckt funktioniert bereits. Nur bekomme ich die "normale" Farbe nicht dem Link zugewiesen.
Obwohl doch das Div näher am <a> ist als die Tabelle scheint sich deren Formatierung auf die <a>s zu vererben.
Ich wäre euch für konstruktive Lösungsansätze und Hinweise zu Denkfehlern sehr dankbar.
PHP-Code:
<body>
<style type="text/css">
.aktemenu {
width:100%;
}
.aktemenu tr td {
width:14%;
}
.aktemenu tr td a {
display:block;
width:100%;
line-height:20px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
height:20px;
}
.aktemenu a:hover {
background-color:#FFFFFF;
color:#000000;
}
.trerste td {
color:#FFFFFF;
font-weight:bold;
background-color:#3399cc;
}
.delakteint {
width:550px;
border:red 2px solid;
}
.delakteint a {
border: 1px solid black;
color: #3399CC;
}
.delakteint a:hover {
color:#FF9966;
}
</style>
<table class="aktemenu" cellspacing="0" cellpadding="0">
<tr class="trerste">
<td colspan="6"><a href="#">TestNavi</a></td>
</tr>
<tr>
<td colspan="7">
<div class="delakteint">
Möchten Sie
<a href="#">HIER</a>
<a href="#">ODER HIER</a>klicken
</div>
</td>
</tr>
</table>
</body>
Kommentar