Gestaltung von Links

Fragen zu CSS.
Fragen zu we:Tags bitte im Forum webEdition Templates erstellen (we:Tags) posten.
Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

Gestaltung von Links

Beitragvon Plagemann » Do 2. Nov 2006, 21:50

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!
Bernhard Plagemann
www.bernhard-plagemann.de

mobby
Senior Member
Beiträge: 1164
Registriert: Do 1. Sep 2005, 05:07

Beitragvon mobby » Do 2. Nov 2006, 22:09

Moin Moin,
dafür gibt es folgende Formatierungen:
* a:link: 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;}
Und für einen bestimmten Linktyp (z.b. nur externe Links):
Code: Alles auswählen
a.extern
{text-decoration: none;color:#356654;}

a.extern:hover
{text-decoration: underline; color:#000;}
Und der entsprechende Link wird dann mit der class angesprochen:
<a href="http://..." class="extern">Externer Link</a>
Viele Grüße
Mobby

webEdition 8.1.0 (Ahlberg) (8.1.0.0, Revision: 10599)

Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

Danke

Beitragvon Plagemann » Fr 8. Dez 2006, 18:59

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!
Bernhard Plagemann
www.bernhard-plagemann.de

mobby
Senior Member
Beiträge: 1164
Registriert: Do 1. Sep 2005, 05:07

Beitragvon mobby » Fr 8. Dez 2006, 19:15

Hallo,
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)

Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

unglaublich

Beitragvon Plagemann » Fr 8. Dez 2006, 19:41

unglaublich - wie schnell Sie sind.

Danke!
Bernhard Plagemann
www.bernhard-plagemann.de

e_herrmann
Senior Member
Beiträge: 1319
Registriert: Do 22. Mai 2003, 23:25

Beitragvon e_herrmann » Fr 8. Dez 2006, 21:27

Hallo,
für grundlegende Fragen zum Thema HTML und CSS ist diese Seite sehr hilfreich.
http://de.selfhtml.org/index.htm

Grüße Elko
Elko Herrmann
komplexx | internet.fotografie
web: http://www.komplexx.de

Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

Unterschiedliche Link-Formatierung in einem Dokument

Beitragvon Plagemann » Mo 11. Dez 2006, 23:18

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!
Bernhard Plagemann
www.bernhard-plagemann.de

Liquid
Senior Member
Beiträge: 1172
Registriert: Do 8. Jan 2004, 12:31
Wohnort: Karlsruhe

Beitragvon Liquid » Di 12. Dez 2006, 10:58

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

Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

Klappt

Beitragvon Plagemann » Mi 13. Dez 2006, 23:31

Danke für die schnelle Hilfe!
Bernhard Plagemann
www.bernhard-plagemann.de

Pixeljockey
Member
Beiträge: 47
Registriert: Mo 7. Aug 2006, 14:46

Beitragvon Pixeljockey » Di 19. Dez 2006, 13:09

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

Plagemann
Member
Beiträge: 91
Registriert: Sa 30. Okt 2004, 20:56
Wohnort: Leverkusen
Kontaktdaten:

Danke

Beitragvon Plagemann » Di 19. Dez 2006, 14:25

Danke, einfach Klasse Ihre Hilfe!

Viele Grüße aus Leverkusen
Bernhard Plagemann
www.bernhard-plagemann.de


Zurück zu „CSS“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste