verschiedene Linklayouts in einem Dokument

[Christian Eyrich]

Hallo Forum,

auf meinen Webseiten habe ich ein Menü am oberen Seitenrand das aus Textlinks besteht und auf den Seiten selbst natürlich auch viele Links.
Nun sollen die Links im Menü anders aussehen als die restlichen.

Sowas wie eine CSS-Definition
.menulink {a:link {color:#BB4400; text-decoration:none;}; a:hover {background-color:#E3E3E3;};}
und dann die Menülinks mit <span class="menulink"></span> umklammern funktioniert ja leider nicht.

Es greift daher leider immer die in der CSS-Datei gemachte Definition für alle Links. Die kann zwar mit
.menulink {font-size:9pt; color:#FFFFFF; text-decoration:none;}
zusammen mit <a ... class="menulink"> ausgehebelt werden, umfaßt aber natürlich keine gesonderten Attribute wie hover, visited und active.

Gibt es also irgendeine Möglichkeit die Darstellung von Links durch verschiedene Angaben auf einer Seite verschieden aussehen zu lassen? Bei allen anderen Tags kriege ich das hin, nur bei Links nicht.

Grüße,
Christian

[Cheatah]

Hi,

<a ... class="menulink">

ja; und Klassen lassen sich auch für einzelne Elemente definieren. Pseudoklassen wie ":hover" lassen sich natürlich ebenfalls angeben.

Noch mehr Zaunpfähle? ;-) Falls ja: Archiv-Suche.

Cheatah

[benni]

hallo erstmal...

» .menulink {a:link {color:#BB4400; text-decoration:none;}; a:hover {background-color:#E3E3E3;};}

ich bin mir nicht 100%ig sicher, aber ich meine, du musst das folgendermasen angeben:

.menulink a:link { color:#bb4400 }

.menulink a:hover {background-color:#e3e3e3: }

und so weiter...
versuchs mal!
viele grüße,
benni

p.s.: kuck dir mal die style-definitionen in www.stadtgrafen.de/index2.htm an!

[Christian Eyrich]

hallo erstmal...

» .menulink {a:link {color:#BB4400; text-decoration:none;}; a:hover {background-color:#E3E3E3;};}

ich bin mir nicht 100%ig sicher, aber ich meine, du musst das folgendermasen angeben:

.menulink a:link { color:#bb4400 }

.menulink a:hover {background-color:#e3e3e3: }

Ja, das scheint's zu sein. Hatte ich gar nicht versucht. Wahrscheinlich weil ich meinte, .menulink doppelt zu definieren und den a:link mit a:hover zu überschreiben.

p.s.: kuck dir mal die style-definitionen in www.stadtgrafen.de/index2.htm an!

Hey, einiges an interessanten Ideen. Werd ich machen, danke.
Hast Du die Seite schonmal im Mozilla getestet? Der hat mir zuerst den gesamten Inhalt des Textes über den Autor in der Menüspalte angezeigt. Nachdem sich das plötzlich gegeben hat, verhält er sich aber trotzdem anders als der IE. Die aufklappenden Texte verschwinden dummerweise wieder wenn man die Maustaste losläßt.
Ob das jetzt gewollt ist oder nicht, welcher Browser sich an die Spezifikation hält weiß ich nicht, aber so ist es jedenfalls etwas unkomfortabel.

Wo IE anscheinend nicht mitkommt ist beim Klick auf die News, die gehen zwar auf, aber erst beim Page-Reload wieder weg.

Zumindest mein IE 5.0 ...

Gruß,
Christian

[benni]

morgen...

naja, also im ie 6 gehts jedenfalls
[für obige aussage werden mich ungefähr 5000 webmaster KILLEN lol].

eigentlich wollte ich bloß eine möglichkeit finden, die kleinen fenster unten in der navi-leiste einblenden zu lassen (was ja auch mit a:hover span klappte). dann hab ich rumgespielt und bin darauf gekommen, ein div-bereich auf die gleiche art bei a:active anzeigen zu lassen...wie gesagt, im ie6 gehts! das ganze ist aber eigentlich bloß ne spielerei und nicht meine wirkliche homepage, die über www.stadtgrafen.de (wer hätte es gedacht lol) zu erreichen ist.
also denn, viele grüße
benni

[Kai Lahmann]

hi

...kommt mir das nur so vor, oder holt diese Frage bald die ZFF ans meistgestellte Frage ein?

a.bla:hover{} soll Gerüchten zu Folge helfen

Grüße aus Bleckede

Kai

[Christian Eyrich]

hi auch,

...kommt mir das nur so vor, oder holt diese Frage bald die ZFF ans meistgestellte Frage ein?

a.bla:hover{} soll Gerüchten zu Folge helfen

Ich hasse selbst auch wenig mehr als eine echte FAQ- oder RTFM-Frage. Die Sache ist jetzt seit ein paar Stunden gelöst mit Anstößen aus dem Forum (ein kleinwenig anders als a.bla:hover).
Keine Ahnung warum ich selbst einfach nicht drauf gekommen bin wie es zu machen ist, manchmal hakt's halt einfach.

Danke euch,
Christian