zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text Links unterstrichen (aber nicht alle Link-Elemente)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.07.2014, 08:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2014
Beiträge: 4
-lisa- befindet sich auf einem aufstrebenden Ast
Standard Text Links unterstrichen (aber nicht alle Link-Elemente)

Hallo,
ich arbeite mit einem WordPress-Theme und möchte gerne alle Links in Fliesstexten unterstrichen haben.
Mit
a {
text-decoration: underline;
}

jedoch werden auch Footer- und Header-Elemente (Icons etc.) unterstrichen, ebenso Button-Texte.

Ich habe schon rausgefunden, dass
.post a {
text-decoration: underline;
}
zumindest für Blog-Posts klappt, da werden dann nur die Links im Fliesstext unterstrichen. Aber was muss ich dazufügen, dass es auch für alle Links im Fliesstext (also innerhalb Textparagraphen) in den Pages klappt?

Wäre total dankbar für Tipps!
LG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.07.2014, 11:18
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von -lisa- Beitrag anzeigen
ich arbeite mit einem WordPress-Theme und möchte gerne alle Links in Fliesstexten unterstrichen haben.
Du musst die Links ansprechen, die du willst. Wir kennen aber die Struktur des Themes nicht, können dir daher auch nicht helfen.

Ach so, ein Nachtrag: Dein Selektor klappt auch bei Links in einem p Element. Wenn es bei dir nicht funktioniert, dann ist etwas falsch
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.07.2014, 11:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2014
Beiträge: 4
-lisa- befindet sich auf einem aufstrebenden Ast
Standard

Hi,

danke für die Antwort! Mir ist schon klar, dass ich eine class erstellen könnte und dann immer manuell class="text-underlined" einfügen könnte, aber ich hätte es gern automatisch. Oder wie meinst du das? Ich kenne mich nicht so mit CSS aus, ich weiss leider auch nicht, was du damit meinst: "Dein Selektor klappt auch bei Links in einem p Element."
Meine Website ist noch nicht online, aber ich arbeite mit dem X Theme: Renew | X WordPress Theme

Wenn du das noch mal mehr erläutern könntest, wäre das prima Danke!

PS. Also wie gesagt, es geht mir darum, dass alle Texte im Fliesstext automatisch unterstrichen werden, wenn sie externe/interne Links sind - aber nicht unterstrichen werden sollen Icons im Header und Footer etc.

Geändert von -lisa- (26.07.2014 um 11:45 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 26.07.2014, 14:11
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von -lisa- Beitrag anzeigen
danke für die Antwort! Mir ist schon klar, dass ich eine class erstellen könnte und dann immer manuell class="text-underlined" einfügen könnte,
Davon habe ich nicht gesprochen und dazu würde ich auch nicht raten, Klassen beschreiben keine Elemente.

Zitat:
Zitat von -lisa- Beitrag anzeigen
aber ich hätte es gern automatisch. Oder wie meinst du das? Ich kenne mich nicht so mit CSS aus, ich weiss leider auch nicht, was du damit meinst: "Dein Selektor klappt auch bei Links in einem p Element."
Naja, ich meine das so, dass das was du uns gezeigt hast, genau das tut was du willst.

Zitat:
Zitat von -lisa- Beitrag anzeigen
PS. Also wie gesagt, es geht mir darum, dass alle Texte im Fliesstext automatisch unterstrichen werden, wenn sie externe/interne Links sind - aber nicht unterstrichen werden sollen Icons im Header und Footer etc.
Ja, das habe ich auch so verstanden.
Mit Zitat antworten
  #5 (permalink)  
Alt 27.07.2014, 12:46
Benutzer
neuer user
 
Registriert seit: 22.04.2014
Beiträge: 75
Toro befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von -lisa- Beitrag anzeigen
... jedoch werden auch Footer- und Header-Elemente (Icons etc.) unterstrichen, ebenso Button-Texte.
Hallo, ich nehme an das Du irgentwo einen link nicht wieder geschlossen hast, also das </a> fehlt irgentwo in HTML und deswegen ist alles unterstrichen.
Mit Zitat antworten
  #6 (permalink)  
Alt 28.07.2014, 15:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2014
Beiträge: 4
-lisa- befindet sich auf einem aufstrebenden Ast
Standard

Hi Toro, nee es ist ja nicht der ganze Text unterstrichen, aber Elemente, hinter denen sich Links verstecken (siehe meine erste E-Mail), z.B. Social Icons. Ich will aber nur, dass Links im Text unterstrichen sind.

Protonenbeschleuniger, danke fürs Antworten! Aber leider hilft mir das nicht weiter. Also was muss ich tun, damit dass passiert, was ich möchte? Danke!
Mit Zitat antworten
  #7 (permalink)  
Alt 28.07.2014, 16:17
Benutzer
neuer user
 
Registriert seit: 22.04.2014
Beiträge: 75
Toro befindet sich auf einem aufstrebenden Ast
Standard

Probier mal mit:
Code:
a, a:link, a:visited {text-decoration: underline;}
Den link den Du uns gegeben hast ist zu einer Demo-Template - mit fürchterlichen inline-styling. Wahrscheinlich (hoffentlich) ist aber im Download das inline-styling rausgenommen und in ein stylesheet geszetz. Du must also Dein CSS im letzen (untersten) stysheet einsetzen, oder im im head (inline), sonst wird es evtl von anderen stylsheets wieder überschrieben.

Geändert von Toro (28.07.2014 um 16:27 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 28.07.2014, 21:47
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Toro Beitrag anzeigen
Probier mal mit:
Code:
a, a:link, a:visited {text-decoration: underline;}
Damit werden alle Links unterstrichen, sie will alle Links im Fliesstext unterstrichen haben und den passenden Selektor hat sie auch benutzt, warum es bei ihr nicht funktioniert können wir nicht sagen, da wir nicht ihren Code kennen.
Mit Zitat antworten
  #9 (permalink)  
Alt 28.07.2014, 21:51
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von -lisa- Beitrag anzeigen
Protonenbeschleuniger, danke fürs Antworten! Aber leider hilft mir das nicht weiter. Also was muss ich tun, damit dass passiert, was ich möchte? Danke!
Du musst die Links ansprechen die du willst, z.b. mit
Code:
.post a {
text-decoration: underline;
}
Wenn die Links sich in einem Element befinden mit der Klasse post. Ich hab mir das Theme nicht genauer angeschaut, eigentlich ist es deine Aufgabe heraus zu finden, wo sich das Element befindet, dass du mit CSS gestalten willst.
Und wir Wissen auch nicht welches Element du überhaupt meinst, da die Beispielseite in meinen Augen keinen Fliestext enthält.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 31.07.2014, 16:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2014
Beiträge: 4
-lisa- befindet sich auf einem aufstrebenden Ast
Standard

Hi,
Code:
a, a:link, a:visited {text-decoration: underline;}
erzeugt leider wieder das Problem, dass Icons auch unterstrichen werden (z.B. das icon oben rechts im Eck: Renew | X WordPress Theme

Ich hatte halt gehofft, es gibt einen Befehl, dass immer wenn WORTE verlinkt sind im body bzw. in Absätzen, dass dann automatisch verlinkt wird.

@Protonenbeschleuniger: Aber warum kann ich dann nicht wenigsten so definieren, also warum rätst du nicht dazu?
Code:
a.text-underlined {
text-decoration: underline;
}
Dann könnte ich einfach manuell die Links im Fliesstext dieser Klasse zuordnen.

Danke für die Hilfe!
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
links, underline

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe!!! mein Homepagelayout funktioniert nicht! maxx CSS 5 14.10.2012 08:21
Float:right fehler im IE6 gertnaster CSS 9 04.01.2011 22:59
Div Float Clear usw... Ich dreh durch ;) buggix CSS 14 11.02.2010 09:42
gibt es eine andere Lösung ohne Tabelle? online CSS 16 24.04.2009 09:41
Internet Explorer verschluckt Grafik Webentwickler Eric CSS 4 06.07.2007 15:53


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:53 Uhr.