Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
CSS visited Link
#1 CSS visited Link
Ai Gude, und mal eine Frage an die CSS Kenner unter euch. Auf meiner Seite habe ich mir von ner anderen Seite die HTML und CSS gezogen, die Tabelle hab ich optisch überarbeitet, serienmäßig sind Links Gelb vom Forum. Wollte die Farbe hier aber in Blau, was auch funktioniert hat bloß möchte ich, das diese auch nachdem man sie angeklickt hat sie weiter blau bleiben. Wo ist mein Fehler da ich ja Blau hinter Visited drin habe?
Danke schonmal vorab.
Manu
#psuOutfitList a:link {font-weight:bold; color:#4682b4;} , a:active, a:visited {color:#4682b4;}, {text-decoration: none;}
#3 RE: CSS visited Link
Hey super danke dir, funktioniert so. Jetzt wunder ich mich aber was du im Endeffekt anders hast das es bei dir funktioniert. Was sagt denn das a:active aus damit du das weglassen kannst, weißt du das zufälligerweise? =)
Edit: Ok das hat ja alle Link Farben umgeändert, dabei wollte ich ja nur das für die Tabelle die Linkfarben. :)
das aktive färbt im prinzip einen gerade angeklickten link ein. darauf würde ich verzichten. wenn du eine festgelegte linkfarbe hast mit a:link und dann eine farbe für bereits besuchte links mit a:visited ist das doch völlig o.k.
Du könntest zusätzlich noch das Atribut a:hover {color: xyz;} verwenden , dann verfärbt sich der link, wenn du mit der mouse drüberfährst, quasi als aufmersamkeitsfarbe. Dein code ist falsch geschrieben, deshalb konnte es so nicht funktionieren.
#5 RE: CSS visited Link
#7 RE: CSS visited Link
Probiere das mal:
2
3
4
5
6
7
.alt2 a:link {
color:#4682b4 !important;
}
.alt2 a:visited {
color:#4682b4 !important;
}
Gruß
Olaf
#9 RE: CSS visited Link
Hat leider nicht die gewünschte Funktion, da dort dann jeder besuchte Link Blau wird. Ich schicke mal die vollständige CSS für die Tabelle vielleicht hilft ds ja mehr.
#psuOutfitList {font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 10pt;}
#psuOutfitList table {border-collapse: separate; border-spacing: 1px;}
#psuOutfitList table td {padding: 4px;}
#psuOutfitList a:link {font-weight:bold; color:#4682b4;} , a:active, a:visited {color:#4682b4;}, {text-decoration: none;}
#psuOutfitList a:hover {text-decoration: underline;}
#psuOutfitList span.bull {color:#00FF00;}
#psuOutfitList h2 {margin: 25px 0; font-size: 1.5em;}
#psuOutfitList h3 {margin: 25px 0;font-size: 1.17em;}
#psuOutfitList p {margin: 1em 0;}
.thead {background: #C0C0C0; font-size: 11px; font-weight: bold; color: #000; text-align: center;}
.alt1, .alt1Active {background: #727272; color: #000;}
.alt2, .alt2Active {background: #B6B6B6; color: #000;}
.inlineimg {vertical-align: middle;}
Zitat von Redeema1512 im Beitrag #7
nur in dieser Tabelle: Links = Blau, besuchte Links -> sollen Blau.
Mhhh,genau das macht mein Code....
Die Links sind unbesucht Blau und nach dem Anklicken (besucht) sind sind sie immer noch Blau.
Gruß
Olaf
Zitat von Firestone007 im Beitrag #11
...wenn sie vorher und hinterher blau sein sollen, dann kannst Dir doch den ganzen spaß mit active und visited sparen. legst nur a:link fest und gut ist.
Es soll ja nur bei den Links in der Tabelle so sein.Deshalb muß man vor der Pseudo-Klasse mit der Klasse ".alt2" nur die Links in der Tabelle begrenzen.
Dein Code würde alle Links ansprechen.
Gruß
Olaf
Es soll ja nur bei den Links in der Tabelle so sein.Deshalb muß man vor der Pseudo-Klasse mit der Klasse ".alt2" nur die Links in der Tabelle begrenzen.
Dein Code würde alle Links ansprechen.
Gruß
Olaf[/quote]
@Olaf , das ist mir schon klar. Aber wenn er in seinem code in der Zeile :
#psuOutfitList a:link {font-weight:bold; color:#4682b4;} , a:active, a:visited {color:#4682b4;}, {text-decoration: none;}
das von mir grün markierte entfernt, da es ja teilweise falsch ist, müsste doch das erreicht sein, was er will, dass die links immer blau sind in der Tabelle. Für :hover hat er ja "underline" drin.
Oder liege ich da jetzt falsch ?
Seinen CSS Code habe ich mir gar nicht genau angesehen.
Zitat von Firestone007 im Beitrag #13
#psuOutfitList a:link {font-weight:bold; color:#4682b4;} , a:active, a:visited {color:#4682b4;}, {text-decoration: none;}
Diese Schreibweise kenne ich nicht.
Es müsste so geschrieben werden und es funktioniert dann auch:
2
3
4
5
6
7
8
9
#psuOutfitList a:link {
font-weight:bold;
color:#4682b4;
text-decoration: none;
}
#psuOutfitList, a:active, a:visited{
color:#4682b4 !important;
}
Das letzte "color:#4682b4" muß mit "!important" erzwungen werden,weil ja die besuchten Links standartmäßig gelb sind.
Wobei ich lieber die Klasse ".alt2" angesprechen würde,weil es dann nur die Links in der Tabelle (Auflistung) sind.
Gruß
Olaf
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software