Zum Inhalt springen

Probleme mit Link-Darstellung

Erstellt am 18. August 2005 · 4 Antworten · letzte Antwort am 18. August 2005

Tags: Links, HTML & CSS, Frage

Scarecrow ·

Hallo allerseits,

bin noch relativ neu was Typo3 angeht. Bin beim Umsetzen einer Seite allerdings schon ziemlich vorangekommen - ohne größere Probleme. Aber das hat sich nun geändert :-(

Ich möchte gerne die Links, die auf den Inhaltsseiten per RTE angegeben anders formatieren als die meines TMENUs und die von Breadcrumb. Nun habe ich festgestellt, dass man beim Einfügen von Links im RTE keine Möglichkeit hat dem <a>-Tag eine CSS-Klasse zuzuordnen. Deshalb wollte ich es folgendermaßen realisieren:

Ich habe in meiner CSS-Datei a {...} und so weiter definiert. Alle links in den Inhaltsseiten benutzen auch erfolgreich die Formatierung. Allerdings wird die gleiche Formatierung auch von meinem TMENU und Breadcrumb benutzt. Meiner Meinung nach darf das nicht sein, da die <a>-Tags des TMENUs und von Breadcrumb eine separate Klasse zugeteilt bekommen und diese doch Priorität haben sollte!
Ein Blick auf den Quelltext zeigt mir auch, dass die <a>-Tags erfolgreich die richtige KLasse beinhalten, dennoch wird immer die Klasse a{...} benutzt.

Weiß jemand von Euch wie ich dieses Problem beheben kann?

Für Hilfe wäre ich sehr dankbar.

Grüße, Scarecrow.

humpun ·

Hi, schau dir das mal an. Soltle dir helfen 😉

.menu_links A:link {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 15px;
    text-decoration : none;
    font-weight :  bold;
}



.menu_links A:visited {
    font-family: Arial;
    color: #FFFFFF;
    font-weight : bold;
    text-decoration : none;
    font-size: 15px;
}

a, a:link, a:visited, a:hover { 
	font-weight: bold; 
	text-decoration: none; 
	color: #009966;
	font-size: 12px;
	}
	
.menu_links A:hover {
    font-family: Arial;
	color: #CCCCCC;
    text-decoration : none;
    font-size: 15px;
}
.footer A:active {
    font-family: Arial;
    color : #FFFFFF;
    font-weight : bold;
    text-decoration : none;
    font-size: 12px;
}

.footer A:link {
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration : none;
    font-weight :  bold;
}

.footer A:visited {
    font-family: Arial;
    color: #FFFFFF;
    font-weight : bold;
    text-decoration : none;
    font-size: 12px;
}
#footer A:hover {
    font-family: Arial;
    color : #FFFFFF;;
    text-decoration : none;
    font-size: 12px;
}

Achja, wenn du einer DIV oder Tabelle eine ID ( <td id="menu_links">) sprichs tdu es im CSS mit eienr Route ( # ) an. Siehe Oben.

Bei Klassen (<td class="menu_links"> sprichst du mit einem Punkt an (.menu_links).

mfg

humpun

Scarecrow ·

Hi,

vielen Dank für Deine Antwort. Leider löste sie mein Problem nicht!

Nach wie vor steht im Quelltext der Seite in den <a>-Tags des Menüs class=menu_top. Angezeigt werden aber die Links der Klasse a, also die Standard-Links.

Hast Du vielleicht sonst noch ne Ahnung was da schief laufen könnte?

Vielen Dank vorab.

Gruß, Scarecrow.

humpun ·

Dann gib mir mal deine Seite , ich will Quelltext anschauen und poste am besten noch das CSS Abschnitt, wo du es ansprichst. So kann ich nicht viel dazu sagen.

Oder dazu noch TypoScript posten ,dann kann eine Fehleranalyse erst stattfinden.

Mfg

humpun

Scarecrow ·

Hallo,

vielen Dank für Deine Hilfe!!
Ich habe gerade etwas herausgefunden: Wenn ich im normalen <a>-Tag bei hover nicht die Hintergrundfarbe des Links verändere, dann nehmen die anderen Links aus den Menüs auch Ihre eigene CSS-Klasse!!!

Komisch oder? Nun ja, ich denke mal, dass es nicht unbedingt nötig sein wird eine andere Hintergrundfarbe zu vervenden. Falls der Designer doch meint, es müsse unbedingt sein, dann werde ich gerne noch einmal auf dein Angebot zurückkommen!

Vielen Dank nochmal!

Grüße, Scarecrow.