Guten Tag,
wenn ich einen normalen link einfüge, dann wird der blau und unterstrichen dargestellt, nach dem Besuch ändert er die Farbe.
Gut.
Wo kann ich die Gestaltung ändern? Ich will z.B. den Link nicht blau sondern weiß, ohne Unterstrich oder oder?
Die Links in der Navigation werden anders gestaltet. Wo ist das definiert?
DANKE!
Gestaltung von Links
Gestaltung von Links
Bernhard Plagemann
www.bernhard-plagemann.de
www.bernhard-plagemann.de
Moin Moin,
dafür gibt es folgende Formatierungen:
* a Der normale Link
* a:visited: Ein bereits besuchter Link
* a:hover: Mit Maus über Link gegangen
* a:active: Ein aufgerufener Link
Und damit machst du die Formatierungen. Wenn alle Links gleich bleiben sollen:
<a href="http://..." class="extern">Externer Link</a>
dafür gibt es folgende Formatierungen:
* a Der normale Link
* a:visited: Ein bereits besuchter Link
* a:hover: Mit Maus über Link gegangen
* a:active: Ein aufgerufener Link
Und damit machst du die Formatierungen. Wenn alle Links gleich bleiben sollen:
- Code: Alles auswählen
a:link
{text-decoration: none;color:red;}
a:visited, a:hover, a:active
{text-decoration: underline; color:#000;}
- Code: Alles auswählen
a.extern
{text-decoration: none;color:#356654;}
a.extern:hover
{text-decoration: underline; color:#000;}
<a href="http://..." class="extern">Externer Link</a>
Viele Grüße
Mobby
webEdition 8.1.0 (Ahlberg) (8.1.0.0, Revision: 10599)
Mobby
webEdition 8.1.0 (Ahlberg) (8.1.0.0, Revision: 10599)
Danke
DANKE für die Antwort!
Trotzdem noch eine Frage:
Habe ich ein Bild mit einem Link hinterlegt, wird um das Bild ein Rahmen in der Link-Farbe gelegt.
Wo kann ich diesen Rahmen loswerden?
Danke!
Trotzdem noch eine Frage:
Habe ich ein Bild mit einem Link hinterlegt, wird um das Bild ein Rahmen in der Link-Farbe gelegt.
Wo kann ich diesen Rahmen loswerden?
Danke!
Bernhard Plagemann
www.bernhard-plagemann.de
www.bernhard-plagemann.de
Hallo,
border:0; sollte da helfen
border:0; sollte da helfen
- Code: Alles auswählen
a:link
{text-decoration: none;color:red;border:0;}
Viele Grüße
Mobby
webEdition 8.1.0 (Ahlberg) (8.1.0.0, Revision: 10599)
Mobby
webEdition 8.1.0 (Ahlberg) (8.1.0.0, Revision: 10599)
-
- Senior Member
- Beiträge: 1319
- Registriert: Do 22. Mai 2003, 23:25
Hallo,
für grundlegende Fragen zum Thema HTML und CSS ist diese Seite sehr hilfreich.
http://de.selfhtml.org/index.htm
Grüße Elko
für grundlegende Fragen zum Thema HTML und CSS ist diese Seite sehr hilfreich.
http://de.selfhtml.org/index.htm
Grüße Elko
Unterschiedliche Link-Formatierung in einem Dokument
Ja, zugegeben, das ist auch wieder css - und es gibt dazu viel Material im Netz, aber ich habe die Antwort auf meine Frage nicht gefunden.
Also:
Habe in der css-Datei wie oben beschrieben die Links gestaltet.
Jetzt möchte ich aber einen bestimmten Link anderes gestalten. Wenn ich mit style= ... diesen Abschnitt gestalte, funktioniert das. Aber den Link scheine ich nicht in den style schreiben zu können.
Habe das so versucht:
<we:a style="color:white; text-decoration:none; a:hover:font-weight:bold;" id="813">BILDUNGSANGEBOT</we:a>
Gibt es dafür eine Lösung?
DANKE!
Also:
Habe in der css-Datei wie oben beschrieben die Links gestaltet.
Jetzt möchte ich aber einen bestimmten Link anderes gestalten. Wenn ich mit style= ... diesen Abschnitt gestalte, funktioniert das. Aber den Link scheine ich nicht in den style schreiben zu können.
Habe das so versucht:
<we:a style="color:white; text-decoration:none; a:hover:font-weight:bold;" id="813">BILDUNGSANGEBOT</we:a>
Gibt es dafür eine Lösung?
DANKE!
Bernhard Plagemann
www.bernhard-plagemann.de
www.bernhard-plagemann.de
Das müssen Sie über eine sog Klasse lösen
Code: Alles auswählen
a.spezial:link {style_angaben}
a.spezial:visited {style_angaben}
a.spezial:hover {style_angaben}
a.spezial:active {style_angaben}
<we:a class="spezial" >
Gruß Liquid
-
- Member
- Beiträge: 47
- Registriert: Mo 7. Aug 2006, 14:46
Sie werden bemerken, dass bei einem eingestellten MouseOver (Pseudo-Klasse :hover) dieser nicht mehr funktioniert, wenn Sie den Link bereits besucht haben. Dies können Sie über eine kleine "Schummelei" lösen, indem Sie einfach eine weitere Klasse in Ihrem Stylesheet ergänzen:
a:visited:hover {
Eigenschaften;
}
Dieser Klasse geben Sie dann alle Eigenschaften Ihrer "normalen" Hover-Klasse. Funktioniert auf jeden Fall mit allen IE's ab Version 5.5, Firefox, Opera, Safari und Konqueror (aktuelle Version, ältere nicht getestet).
Grüße aus dem Rheinland,
Pixeljockey
a:visited:hover {
Eigenschaften;
}
Dieser Klasse geben Sie dann alle Eigenschaften Ihrer "normalen" Hover-Klasse. Funktioniert auf jeden Fall mit allen IE's ab Version 5.5, Firefox, Opera, Safari und Konqueror (aktuelle Version, ältere nicht getestet).
Grüße aus dem Rheinland,
Pixeljockey
Danke
Danke, einfach Klasse Ihre Hilfe!
Viele Grüße aus Leverkusen
Viele Grüße aus Leverkusen
Bernhard Plagemann
www.bernhard-plagemann.de
www.bernhard-plagemann.de
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast