Anmelden | Registrieren | FAQ
Anonymous

Fehler bei Links (mit .classname)

+ Antwort erstellen

3 Beiträge Seite 1 von 1


Fehler bei Links (mit .classname)

von neckarheld » Mi Aug 10, 2011 1:25 pm

Hallo miteinander.
Ich lerne CSS erst gerade ein wenig kennen und denke, für Noob-Fragen bin ich hier genau richtig ;-)

Ich habe mich gemäß eurem Tutorial vorgearbeitet und an manchen Stellen ein wenig herumgespielt. Erst mal großes Kompliment für dieses Tutorial, es macht großen Spaß und hat sicher viel Arbeit gemacht. Das sollte nicht unerwähnt bleiben!

Nun zu meinem Problem:
Links werden in meinem CSS-File folgendermaßen ausgegeben:
Code: Alles auswählen
a:link {
          color: #6699CC;
        }

a:visited {
          color: red;
        }
a:active {
          background-color: #FFFF00;
        }
a:hover {
          letter-spacing: 10px;
          font-weight:bold;
          color:red;
          text-decoration:none;


Wie gesagt, ich habe einfach etwas herumgespielt und wollte sehen was alles möglich ist. Jetzt kriege ich aber in eurem Tutorial ein kleines Problem:

In Lesson 7 werden zwei Arten von Links klassiert. Einmal .weisswein und einmal .rotwein .
Code: Alles auswählen
a.weisswein {
          color: #FFBB00;
        }
a.rotwein {
          color: #800000;
        }


Auf der Webseite sind die Links jetzt in der Farbe wie im Code unter a.weisswein und a.rotwein angegeben. Sobald ich aber mit der Maus drüberfahre, klicke und den Link besucht habe, sind sie optisch wie alle anderen Links auch.

Ich bin noch nicht dahinter gekommen: wie kann ich die Links der Klassen a.weisswein und a.rotwein so coden, dass sie eben nicht wie alle anderen links sich beim klicken, drüberfahren etc. verhalten?
Schließlich sollen sich später mal Links z.b. in der Navigation anders verhalten als andere (auch wenn mir schon klar ist, das das wieder eine andere Baustelle ist).

Ich hoffe ihr versteht was ich meine und könnt mir etwas aushelfen.

Viele Grüße
der neckarheld
Benutzeravatar

neckarheld

  • Beiträge: 2
  • Registriert: Mi Aug 10, 2011 1:13 pm

Re: Fehler bei Links (mit .classname)

von HTML.net » Do Aug 11, 2011 8:37 am

Hallo,

Vielen Dank für die netten Worte:)

Sie können Pseudo-Klassen und normale Klassen wie diese zu kombinieren:

Code: Alles auswählen
a.whitewine {
color: #FFBB00;
}

a.whitewine:visited
color: #000000;
}




- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Fehler bei Links (mit .classname)

von neckarheld » Do Aug 11, 2011 11:06 am

Hallo Andreas,
das hat mir super geholfen! Vielen Dank!

Tatsächlich hätt man da aber auch selber draufkommen können. Naja, ich hoffe, ich habe irgendwann die Routine dafür.

Gruß
der neckarheld
Benutzeravatar

neckarheld

  • Beiträge: 2
  • Registriert: Mi Aug 10, 2011 1:13 pm


+ Antwort erstellen

Seite 1 von 1