|
|||
a href einmal roter hover einmal blauer
Hallo zusammen
Soo ich habe ein kleines Problem mit meinen Links... für meine Seite möchte ich den Hover meiner "hauptlinks" z.B. rot und für die Unterlinks grün - nur leider funktionniert das überhaupt nicht so wie ich will Code:
A:Hover {text-decoration: none; color:red;} B:Hover {text-decoration: none; color:red;} ich dachte mir, das A ist ne "ID" und habs mit <b href> versucht, leider funktionierte der link danach nichtmehr - verhielt sich wie text. Leider muss ich sagen dass ich ein wenig spezielle Links habe (sind aufklappbar) darum hier mal der ganze code: HTML-Code:
<div class="navileft"> <p class="links"><br /> <a href="#" onclick="outline('pc'); return false;"><b>PC & Server</b></a><br> <!-- Men 1 - Aufklappbar --> <span id="pc" style="display:none"> <a href="fail.php" alt="letse go" /> PC </br> <a href="fail.php" alt="letse go" /> Server</br> </span> <!-- Men 1 zu --> <!-- Men 2 - Aufklappbar --> <a href="#" onclick="outline('kabel'); return false;"><b>Kabel & Adapter</b></a><br> <span id="kabel" style="display:none"> <a href="fail.php" alt="letse go" /> Video </br> <a href="fail.php" alt="letse go" /> Audio</br> <a href="fail.php" alt="letse go" /> Weitere</br> </span> <!-- Men 1 zu --> <!-- Men 3 - Aufklappbar --> <a href="#" onclick="outline('links'); return false;"><b>CPU</b></a><br> <span id="links" style="display:none"><a href="#" onclick="outline('links_computer'); return false;"> Computer</a><br> <span id="links_computer" style="display:none"> Artikel<br> Download-Archive</span> <a href="index.php?kat=grafikkarten&ub=gpu">Grafik</a></br> <a href="index.php?kat=graka&ub=none">Grafik</a></br> <a href="index.php?kat=cpu&ub=I7">cpu I7</a></br> <a href="index.php?kat=cpu&ub=">cpu</a></br> </span> <!-- Men 3 zu --> </p> </div> Kann mir da jemand weiterhelfen? Danke vielmals leute mfg JM91 |
Sponsored Links |
|
|||
Zitat:
<a href="seite2.html"> ist ein Link der die Seite "seite2.html" aufruft. <b> ist ein Tag für fetten Text. Das sind sozusagen die Grundlagen der Grundlagen. Zu deinem Aufklappmenü: Das würde ich nicht mit JavaScript, sondern mit CSS lösen. schon alleine aus Gründen der Barrierefreiheit. Beim HTML würde ich, wie für Navigationen üblich auf Listen <ul> setzen. Für die Überschriften Überschriften (im Beispiel <h3>) Für die Untermenüs untergegliederte Listen: HTML-Code:
<ul> <li><h3><a href="xxx.html">PC & Server</a></h3> <ul> <li><a href="xxx.html">PC</a></li> <li><a href="xxx.html">Server</a></li> </ul> </li> <li><h3><a href="xxx.html">Kabel & Adapter</a></h3> <ul> <li><a href="xxx.html">Video</a></li> <li><a href="xxx.html">Audio</a></li> <li><a href="xxx.html">Weitere</a></li> </ul> </li> <li><h3><a href="xxx.html">CPU</h3> <ul> <li><a href="xxx.html">...</a></li> <li><a href="xxx.html">...</a></li> <li><a href="xxx.html">...</a></li> </ul> </li> </ul> HTML-Code:
ul li a{ color: #808000; } HTML-Code:
ul li h3 a{ color: #800000; } Auch das Ausblenden und Einblenden würde ich per CSS machen. Dazu bietet sich die Pseuoklasse :hover an. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 19:51 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 19:12 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 12:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 17:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 14:40 |