✔ CSS- verzweifelt an Linkfarben

D

dbcsound

Grünschnabel
Moin moin,

bin ein totaler CSS- und hab da echt NULL Ahnung von. Jetzt steh ich erstmals vor einem Problem, das ich glaube, nur mit CSS lösen zu können. Folgendes: Ich habe eine Internetseite gestaltet (Tabellenlayout) und die Navigation hat einen dunkelroten Hintergund und ich habe mich entschieden, die Links (Textlinks) im body als weiss (#FFFFFF) zu definieren. So, nun hat aber der "content" einen weissen Hintergrund mit schwarzer Schrift - wenn ich darin einen Link posten will, kann man ihn verständlicherweise nicht lesen, was ein wenig störend ist ;O). Kann ich mit CSS einzelne Linkfarben andersfarbig definieren? So, dass in der Navigation die links weiss bleiben, aber im Textfluss von mir aus dunkelrot sind? Wenn ja, wie?

Für Hilfe wäre ich extrem dankbar!

Euer dbcsound aka CSS- :confused:
 
Moin Maik,

WOW, vielen Dank für Deine superschnelle Antwort! Jetzt muss ich mich nur noch soweit fit machen, dass ich auch verstehe, was in dem thread steht, aber ich wollte mich eh näher mit CSS beschäftigen und hab mir dazu auch schon ein Buch bestellt...

Könnte sein, dass ich Euch noch das ein oder andere Mal mit Fragen nerven muss, ich hoffe, das geht klar ;O)

dbcsound
 
Ich hab dir mal ein kleines Beispiel gestrickt, wie sich die beiden Techniken in einer Tabellenstruktur anwenden lassen ;)

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-02-15">

<title>tutorials.de | demo_dbcsound</title>

<style type="text/css">
<!--
/* Möglichkeit Nr.1 */
a.navi:link, a.navi:visited {
color:red;
}
a.navi:hover, a.navi:active {
color:green;
}

a.content:link, a.content:visited {
color:blue;
}
a.content:hover, a.content:active {
color:black;
}


/* Möglichkeit Nr.2 */
thead#navi a:link, thead#navi a:visited {
color:red;
}
thead#navi a:hover, thead#navi a:active {
color:green;
}

tbody#content a:link, tbody#content a:visited {
color:blue;
}
tbody#content a:hover, tbody#content a:active {
color:black;
}
-->
</style>

</head>
<body>

<h1>Möglichkeit Nr.1</h1>
<table border="1">
       <thead>
              <tr>
                  <td><a href="#" class="navi">Navi-Link 1</a></td>
                  <td><a href="#" class="navi">Navi-Link 2</a></td>
              </tr>
       </thead>
       <tbody>
              <tr>
                  <td colspan="2"><a href="#" class="content">Content-Link 1</a></td>
              </tr>
              <tr>
                  <td colspan="2"><a href="#" class="content">Content-Link 2</a></td>
              </tr>
       </tbody>
</table>

<h1>Möglichkeit Nr.2</h1>
<table border="1">
       <thead id="navi">
              <tr>
                  <td><a href="#">Navi-Link 1</a></td>
                  <td><a href="#">Navi-Link 2</a></td>
              </tr>
       </thead>
       <tbody id="content">
              <tr>
                  <td colspan="2"><a href="#">Content-Link 1</a></td>
              </tr>
              <tr>
                  <td colspan="2"><a href="#">Content-Link 2</a></td>
              </tr>
       </tbody>
</table>

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück