Mit CSS a:Link farbe ändern.. ???

Hi Community,

falls irgendwelche moderatoren schimpfen,
ich habe schon nach dem Thema gesucht aber habe leider dazu nichts passendes gefunden.. :(

Mein Problem:

www.feryat-music.com
diese seite versuche ich gerade mit typolight zu erstellen

die seite soll die gleiche seite von www.dugunumuzvar.de sein
Mit Css habe ich schon sehr lang rumgemacht, jedoch kann ich die Farbe von den Hyperlinks irgendwie nie richtig ändern.. alles soll in helles blau erscheinen wie bei der orginalen seite, nur mein a:hover soll weiß sein, das habe ich auch gut hinbekommen, doch die Links bleiben kommischerweise immer lila...

Meine eingebene CSS lautet:

http://img.fotoambar.com/img/00000/7...71d8e70ad4.jpg

also ich möchte kein visited angezeigt haben kein active deswegen mache ich alle farben gleich bis auf a:hover weil ich ja möchte das wenn ich mit meiner maus auf einen link drauf gehe weiß angezeigt wird, das klappt ja auch.. bloß wieso erscheinen die links immer noch in der farbe lila???? www.feryat-music.com ihr könnts ja euch mal anschauen..

Vielen Dank im VOraus.
MFG.

Zitat:

---

Zitat von typolight-anfänger

also ich möchte kein visited angezeigt haben kein active deswegen mache ich alle farben gleich bis auf a:hover weil ich ja möchte das wenn ich mit meiner maus auf einen link drauf gehe weiß angezeigt wird, das klappt ja auch.. bloß wieso erscheinen die links immer noch in der farbe lila???? www.feryat-music.com ihr könnts ja euch mal anschauen..

---

Vielleicht, weil Du für

Code:

---

a

---

nix festgelegt hast?

http://www.css4you.de/ wäre die Seite, die ich an Deiner Stelle jetzt mal besuchen würde ...

Carolina.

ergänzend, ich denke mal das blau ist die default Farbe des Browsers.
Da nichts neues definiert, bleibt es ebend so.

Entweder, wie oben schon erwähnt a direkt definieren oder

HTML-Code:

---

.mod_navigation a { color: #82C6FF;}

---

um es nur für die Navi zu definieren.

Zitat:

---

Zitat von BugBuster

ergänzend, ich denke mal das blau ist die default Farbe des Browsers.
Da nichts neues definiert, bleibt es ebend so.

Entweder, wie oben schon erwähnt a direkt definieren oder

HTML-Code:

---

.mod_navigation a { color: #82C6FF;}

---

um es nur für die Navi zu definieren.

---

ihr seid ja blitz schnell wahnsinn :)
Super :) funktioniert einwandfrei :D jaa ihr hattet recht, das wusste ich nicht, das man extra A definieren muss, ich dachte das wär die eigenschaft für a:Link ? hmm was definiere ich dann für a:link ??? ah ja noch eine frage, z.B. wenn ich gerade bei der "Ana Sayfa" (Startseite) bin, also ausgewählt ist gerade die "Startseite" aber wenn ich jetzt mit der maus auf die Startseite gehe zeigt er mir die weiße farbe (a:hover) nicht an, weil ich ja quasi mich gerade dort befinde.. wie kann ich denn das einstellen, das er mir überall die farbe weiß zeigt auch wenn ich mich gerade in dem Navigationspunkt befinde.. also wie bei der orginalen Seite www.dugunumuzvar.de

Vielen Dank nochmals :)

kann ich auch einfach alle links in meiner seite in einer css-datei definieren ohne dieses a:??
die seite ist nämlich eigentlich fertig und ich versteh das mit den a: nich so wirklich?!

Bitte scrolle doch in diesem Thema ein paar Beiträge nach oben - da ist ein Link zu css4you. Und dort ist auch erklärt, was es mit dem 'a' auf sich hat.

Carolina

für die ganze Seite

HTML-Code:

---

a{
color:#000;
text-decoration:none;
}
a:visited{
color:#000;
text-decoration: none;       
}
 a:active{
color:#3F3F3F;
text-decoration: none;       
}
a:hover{
color:#CC5200;
text-decoration:underline;       
}
 a:focus{
        color:#CC5200;
text-decoration: none;       
}

---

die Formatierung musst dir dir natürlich anpassen, eventuell nicht wie hier besser drauf achten, dass Links auch immer als soclhe zu erkennen sind

super hat direkt geklappt!:)besten dank!

Kein Problem..dafür sind wir ja da.., und wenn man Hauptsächlich redaktionelle Arbeitet leistet, will man ja nicht unbedingt Cascading Stylesheets pauken

Hallo,
also bei mir Funktioniert das mit dem ändern der Farben noch nicht.

Mein Code:

Zitat:

---

/* Navigation Farbe der Links ändern */
#header .level_1 {
/* Links */
a{
color:#006193;
text-decoration:none;
}
a:visited{
text-decoration: none;
}
a:active{
color:#006193;
text-decoration: none;
}
a:hover{
color: #fff;
border-bottom: 1px dotted #438800;
}
a:focus{
color:#CC5200;
text-decoration: none;
}
}

---

Und die Seite dazu: http://webtp.lima-city.de/contao-3.0.0/

Zitat:

---

Und die Seite dazu: http://webtp.lima-city.de/contao-3.0.0/

---

Ich kann das hier gepostete CSS dort nicht finden. Bist du sicher, dass du das Stylesheet richtig eingebunden hast?

Da ist auf jeden Fall eine Klammer zu viel:

Zitat:

---

a:focus{
color:#CC5200;
text-decoration: none;
}
}

---

Das CSS ist durchaus eingebunden, aber der Browser ignoriert es, weil es teilweise ungültig ist.

Du kannst im CSS nicht "schachteln" - Beispiel:

Code:

---

#header .level_1 {
    /* Links */
    a{
      color:#006193;
      text-decoration:none;
    }
    ...
 }

---

Das wäre eine "Schachtelung", die nicht funktioniert. Du denkst zwar ganz richtig "für alle Elemente <a> unterhalb von div#header ul.level_1 soll gelten ...", aber das musst du dann so schreiben:

Code:

---

#header .level_1 a { color:#006193; text-decoration:none; }
#header .level_1 a:visited { text-decoration: none; }
...

---

Zitat:

---

Zitat von jubel

Ich kann das hier gepostete CSS dort nicht finden. Bist du sicher, dass du das Stylesheet richtig eingebunden hast?

Da ist auf jeden Fall eine Klammer zu viel:

---

Ich hab es auf jedenfall in der Formatdefinition.
Die andere Klammer kommt von der Selektor der Formatdefinition, aber ohne den Selektor geht die Formatdefinition ja nicht.

Mein neuer Code ist jetzt(funktioniert aber noch nicht :(:

Code:

---

/* Navigation Farbe der Links ändern */
#header .level_1 {
    /* Links */
    #header .level_1 a{ color:#006193; text-decoration:none; }
    #header .level_1 a:visited{ text-decoration: none; }
    #header .level_1 a:active{ color:#006193; text-decoration: none; }
    #header .level_1 a:hover{ color: #fff; border-bottom: 1px dotted #438800; }
    #header .level_1 a:focus{ color:#CC5200; text-decoration: none; }
}

---

MartinG hatte oben schon mal erwähnt, dass Formatdefinitonen nicht verschachtelt werden dürfen. So wird das nicht funktionieren.

Zitat:

---

Zitat von thomas91

Mein neuer Code ist jetzt(funktioniert aber noch nicht :(:

Code:

---

/* Navigation Farbe der Links ändern */
#header .level_1 {
    /* Links */
    #header .level_1 a{ color:#006193; text-decoration:none; }
    #header .level_1 a:visited{ text-decoration: none; }
    #header .level_1 a:active{ color:#006193; text-decoration: none; }
    #header .level_1 a:hover{ color: #fff; border-bottom: 1px dotted #438800; }
    #header .level_1 a:focus{ color:#CC5200; text-decoration: none; }
}

---

---

Du "schachtelst" ja auch immer noch. Du musst nicht eine Formatdefinition anlegen, in welche du dann 5 CSS-Definitionen einfügst, sondern du musst 5 Formatdefinitionen im Contao anlegen:

1. #header .level_1 a{ color:#006193; text-decoration:none; }
2. #header .level_1 a:visited{ text-decoration: none; }
3. #header .level_1 a:active{ color:#006193; text-decoration: none; }
4. #header .level_1 a:hover{ color: #fff; border-bottom: 1px dotted #438800; }
5. #header .level_1 a:focus{ color:#CC5200; text-decoration: none; }

Zitat:

---

Zitat von xchs

MartinG hatte oben schon mal erwähnt, dass Formatdefinitonen nicht verschachtelt werden dürfen. So wird das nicht funktionieren.

---

Die Formatdefinition verschachtel das ohne meinen einfluss. Wie löse ich das anders?

Edit:
Wenn ich einzeln Formatdefinitionen mache heißt die erste aber auch:

Code:

---

#header .level_1 {
    /* Links */
    #header .level_1 a{ color:#006193; text-decoration:none; }

---

Und das ist doch auch Verschatelt?!?

Hier ein Beispiel für eine Formatdefinition:

Code:

---

/* Navigation Farbe der Links ändern */
#header .level_1 {
    a:hover{ color: #fff; border-bottom: 1px dotted #438800; }
}

---

Funktioniert aber immer noch nicht.

Du verwendest den internen Stylesheet-Editor von Contao? Falls ja, schau Dir bitte die Formatdefinitionen in der Contao Online-Demo an: Dort siehst Du in der Übersicht die einzelnen Formatdefinitionen und - wenn Du eine davon editierst - wie der entsprechende Selektor lautet sowie alle weiteren Einstellungen im Eingabeformular.

Zitat:

---

Zitat von xchs

Du verwendest den internen Stylesheet-Editor von Contao? Falls ja, schau Dir bitte die Formatdefinitionen in der Contao Online-Demo an: Dort siehst Du in der Übersicht die einzelnen Formatdefinitionen und - wenn Du eine davon editierst - wie der entsprechende Selektor lautet sowie alle weiteren Einstellungen im Eingabeformular.

---

Dieser Tipp war Gold Wert. Danke! Jetzt weis ich was ich morgen alles mach.