Dummi Frage: Formatierung von Links

Chefarztfrau

Ein gefälliges Theme habe ich mir ausgesucht und auch wunschgemäß modifiziert. Nur ein Problem bleibt. Alle Links sind mit Strichlinien unterstrichen, chefarztfraulicher:beobachter

Wie veränder ich das so, dass ein durchgezogener Unterstrich erzeugt wird?

Danke für eure Hilfe!

Grüße
Alex

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Syntronica

HTML

a 
{
border-style:none; 
text-decoration:underline;
}

believer

Wollte kein neues thread aufmachen, deswegen hier meine Frage:

Wie beomme ich das in meinem Theme hin, daß anstatt eines Unterstriches eines Links der Strich wegfällt, aber dafür die Schriftfarbe in blau erscheint?
Konnte unter "Suchen" im Forum bisher nichts finden...

G, believer

marX

Zitat von believer

Konnte unter "Suchen" im Forum bisher nichts finden...

Na hast doch den richtigen Thread gefunden. ;-) Alles weitere ist CSS. "text-decoration" ist für die Unterstreichung zuständig:
text-decoration: Textdekoration: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Für die Farbe ist "color" zuständig:
color: Vordergrundfarbe: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Bei Links musst du dabei zwischen besuchten (:link), unbesuchten (:visited) Links usw. unterscheiden. Dafür gibts in CSS Pseudoklassen:
Pseudo-Klassen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Beispiele jeweils hinter den Links, ansonsten wie Syntronica das schon erklärte.

believer

Danke erst mal. Aber ich habe in meiner style.css nur folgendes gefunden:

PHP

/*********************************************
                 Link Styles
*********************************************/
a {
        color: #1291a4;// alte Farbe #1c4f93
        text-decoration: none;
}
a:hover { color: #009999; text-decoration: none; }     //old #547aaa


/*********************************************

Alles anzeigen

und habe hier allerdings schon underline raus genommen. Hatte also überall nach "underline" gesucht und da, wo es mir richtig schien, "none" vergeben. Klappt aber trotzdem nicht. Ich wollte auch alle download-links etc. ohne Unterstrich haben, besser gesagt, erst beim darüber fahren mit dem Curser sollte die Linkfarbe sich ggf. verändern. Geht das, wenn ja, brauche ich noch mal Hilfe, bitte.

marX

Zitat von believer

Danke erst mal. Aber ich habe in meiner style.css nur folgendes gefunden:

An der Stelle bist du genau richtig. "a" steht für alle Links (ganz allgemein), "a:hover" für den Link, der sich gerade unter dem Mauszeiger befindet.

Zitat

Hatte also überall nach "underline" gesucht und da, wo es mir richtig schien, "none" vergeben. Klappt aber trotzdem nicht.

Eventuell mal nach "text-decoration" oder "border" suchen, in den Regeln die mit Links ("a") zu tun haben. Ggf. noch den Browsercache leeren, CSS-Änderungen bleiben dort sonst häufig hängen. ;-)

believer

Wirklich komisch...
Ich habe jetzt in definitiv jeder CSS-Datei meines themes jedes "underline" bei text-decoration in "none" vergeben, aber: die underline bleibt, sowohl bei einfachen Linkverweisen wie auch bei Download-Links. Woran liegt das und wie bekomme ich die Unterstriche weg? Habe keine Ahnung mehr :???:

Gack81

Zitat von marX

Eventuell mal nach "text-decoration" oder "border" suchen, in den Regeln die mit Links ("a") zu tun haben. Ggf. noch den Browsercache leeren, CSS-Änderungen bleiben dort sonst häufig hängen. ;-)

verständnis frage was hatt border mit a underline zutun?

marX

Zitat von Gack81

verständnis frage was hatt border mit a underline zutun?

Beides bringt eine Linie unter den Link. ;-) Für den Besucher ist es meist gar nicht ersichtlich, ob das jetzt als Text-Decoration oder als Rahmen umgesetzt wurde. Tools wie Firebug können da beim Debuggen Aufschluss geben.

believer: Poste bitte nochmal deine Seite, ich habs vergessen. ;-) Irgendwas mit Gospel, richtig?

believer

Ja, Gospel Life

marX

Füge es mal hier (style.css, Zeile 40) noch hinzu, um den Browserstandard zu überschreiben:

Code

a {
color:#1291A4;
[COLOR="Red"]text-decoration:none;[/COLOR]
}

believer

Funzt :-D
Lag`s an dem Leerzeichen? Denn "text-decoration: none" steht ja schon da!!
Habe also jetzt 2 Varianten untereinander stehen.. Auf jeden Fall klappts. Wenn ich das erste tecxt-decoration weg nehme, würde es nicht gehen (gerade probiert).
Vielen Dank!!

believer

Doch noch eine Frage:
Wie bekomme ich denn jetzt beim überfahren des Links eine andere Farbe zu sehen?

marX

Antwort auf die 1. Frage: Du hattest es nur für die Pseudoklasse :hover drin - die ist (nur) für den gerade mit der Maus überfahrenen Link zuständig. Damit sollte ich dann auch deine 2. Frage beantwortet haben. ;-)

believer

ok. Danke für die Hilfe. Probiere ich dann weiter aus. ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Dummi Frage: Formatierung von Links

Jetzt mitmachen!