• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Pseudoformate für Hyperlinks (a:link)

Status
Für weitere Antworten geschlossen.
N

nakedsnake2

Neues Mitglied
Hallo,

hab mal ne frage. Unswar:

Code: 
a:link
{
color : red;
}

Warum ist der Link nicht rot sondern immer noch blau ?

Habe diese externe .css wie gehabt in die HTML eingebunden worin sich der Link mit <a href...> befindet.

Vielen Dank

MFG
 
Nein daran leigts nicht. DIe css ist richtig eingebunden. es geht nur um die ganz normalen links in dem HTML dokument die z.B. zu google verweisen. ich versuche die gerade mit css zu formatieren.

Habe nochwas. Unswar:

Code: 
a:visited                         
{
text-decoration : line-through;
}
Das geht auch nicht. Der zeigt mir die links schon von anfang an durchgestrichen an und nicht erst nachdem man die seite besucht hat.

Woran liegt das ?

Vielen Dank
 
Hi,

wenn du Links per CSS formatierst kommst es auch auf die Reihenfolge an in der du das machst sonst kann es zu Darstellungsfehlern kommen:
a:link
a:visited
a:focus
a:hover
a:active

koslowski
 
Jep hast zwar recht mit der reihenfolge hab ich auch gemerkt aber die beiden sachen sprich a:link und a:visited funktionieren trotzdem nicht. Und zusätlich geht auch folgendes nicht:
Code: 
body                  
{
cursor : url(cursor.cur);
}
cursor.cur hab ich im selben ordner jedoch war das eine jpg habs sie lediglich umbennant, vielleicht liegts ja daran.

MFG
 
Hi,

nakedsnake2 schrieb:
Jep hast zwar recht mit der reihenfolge hab ich auch gemerkt aber die beiden sachen sprich a:link und a:visited funktionieren trotzdem nicht. Und zusätlich geht auch folgendes nicht:
Code: 
body                  
{
cursor : url(cursor.cur);
}
cursor.cur hab ich im selben ordner jedoch war das eine jpg habs sie lediglich umbennant, vielleicht liegts ja daran.

MFG
Zum Vergrößern anklicken....

was mir gerade auffällt:
Cursor:url wird ja nicht von allen Browsern unterstützt, vorgeschrieben ist bei den Browsern wo es geht noch die zusätzliche Angabe einer Standardangabe z.B.
Code: 
cursor:url(cursor.cur), move;

wobei .cur im FF unter Linux nicht geht.

Um den Fehler bei den Links zu finden brauchte man den code/Css.
Sonst kann man nur raten.

Ich rate mal: Irgendwas mit Spezifität, das die richtige Darstellung der Links verhindert??

koslowski
 
HTML: 
<a href="css hauptseite buch4.html">Beispieldatei zu Kapitel 4</a><br>
So würde mein link auschauen wobei der link an sich ohne probleme funktioniert.
Nur die formatierung mit css macht probleme, eben wie gesagt das a:link und a:visited funktionieren nicht.

Aber schon mal vielen vielen Dank, denn das mit
css:
Code: 
cursor:url(cursor.cur), move;
funktioniert :-o

MFG

Und das meine komplette css datei

Code: 
body                                                      
{
cursor : url(cursor.cur), move;                      
}

a                                        
{
cursor : help;                  
}

a:link                                            /*GEHT NICHT*/                        
{
color : red;                            
}

a:visited                                       /*GEHT NICHT*/            
{
text-decoration : line-through;        
}

a:focus                                  
{
font-size : 10pt;                       
}

a:hover                            
{
font-size : 10pt;                   
}

a:active                         
{
color : yellow;                   
}

p:first-letter               
{
font-size : 20pt;            
font-style : italic;           
}

p:first-line                
{
text-decoration : underline;        
font-style : italic;                     
}

p:after                   
{
content : " Zusätzlicher Text.";      
}

p:before                   
{
content : "Zusätlicher Text. ";          
}

p                                       
{
cursor : wait;                           
}

h1                  
{
cursor : crosshair;                      
}
 
Zuletzt bearbeitet von einem Moderator:
a:link halte ich für überflüssig

Cursor : url() wird laut SELFHTML: Stylesheets / CSS-Eigenschaften / Anzeigefenster
ab Firefox1.5 Unterstützt. Opera Ignoriert die Angabe bis Vers.9
Kai Laborenz (css-Praxis 4.Auflage) hat in seinen Referenztabellen keine Unterstützung für Firefox1.5 notiert.

:before und :after werden nicht von Internet-Explorern unterstützt.
:first-letter wird nicht von IE5 unterstützt.
Und Irgendwas war da noch mit :first-letter beim a-Tag. Ich weiß aber nicht mehr bei welchem Browser.

Warum visited an der Stelle nicht funktioniert weiß ich nicht.
Aber so funktioniert es jedenfalls:
Code: 
  <style type="text/css">
  /* <![CDATA[ */
{
cursor : url(cursor.cur), move;
}
a
{
cursor : help;
color : red;
}
a:focus
{
font-size : 10pt;
}
a:hover
{
font-size : 10pt;
}
a:active
{
color : yellow;
}
a:visited
{
text-decoration : line-through;
color : #FF15C8;
}
p:first-letter
{
font-size : 20pt;
font-style : italic;
}
p:first-line
{
text-decoration : underline;
font-style : italic;
}
p:after                   
{
content : " nach Text.";      
}
p:before
{
content : "vor Text. ";
}
p
{
cursor : wait;
}
h1
{
cursor : crosshair;
}
  /* ]]> */
  </style>
</head>
<body>

<a href="#">Beispieldatei zu Kapitel 4</a>
<p>Absatz</p>
Um :visited zu testen mußt du zwischendurch den Cache des Browsers leeren.
pt ist eine komische Einheit für Screendesign.
 
Zuletzt bearbeitet:
Also hab deins jetzt mal komplett reinkopiert und hat den selben effekt wie meins spich die links sind schon durchgestrichen wobei sie eigentlich erst durchgestrichen sein dürften nachdem ich auf den link klicke (eben visited).

also vorrausgestzt a:link setze ich nicht ein dann geht alles ausßer visited was den effekt haben müsste das die links durchgestrichen werden müssen nachdem ich den link ancklicke was nicht der fall ist weder bei meinem noch bei deinem queltext ? Ratlos

Aber erst einmal will ich mich für deine mühe bedanken und wenn du oder jemand noch ne lösung findet bin ich offen für :-)

Vielen Dank

MFG
 
Hallo,
dass die Links am Anfang schon durchgestrichen sind, liegt daran, dass du sie schon angeclickt hast.Du änderst die Datei und rufst sie neu auf, die Links sind aber trotzdem noch visited, weil die Links bei einem früheren Aufrufen der Datei schon angeclickt wurden. Schreib mal ne neue Datei und bau direkt die Pseudoformate ein.Dann klappts.
Bleistift
 
Krasss was für ein fehler von mir :-)

Jetzt geht alles einwadfrei, unswar dank dem cach leeren.

Ich danke dir, euch vielmals; als anfänger hat man es nicht leicht.

Aber eine frage hab ich noch:
Unswar:
Code: 
cursor : url(cursor.cur), move;
warum kommt da ein komma vor dem move ? normalerweise werden die atribute doch nur durch ein leerzeichen getrennt.
und welche atribute außer move kann ich an der stelle noch verwenden ?

Vielen Dank nochmal im vorraus ihr macht mir das leben echt leichter. ;Jump

MFG
 
nakedsnake2 schrieb:
warum kommt da ein komma vor dem move ? normalerweise werden die atribute doch nur durch ein leerzeichen getrennt.
und welche atribute außer move kann ich an der stelle noch verwenden ?
Zum Vergrößern anklicken....
Das move ist eine alternative falls (url) nicht ausgeführt werden kann.
Sowie bei font-family.
Da werden auch Kommas gesetzt um alternativen aufzuzählen.

Anstelle move kannst du auch help oder text angeben.

Sag mal,
Willst du die Pseudoklassen alle verwenden oder nur ausprobieren?
 
also bei atribut aufzählung wo eben alle benutzt werden durch leerzeichen trennen und bei alternativen wo nur einer benutzt wird mit komma trennen ? ok

Ich lerne grad HTML und CSS. Bin noch anfänger und da hab ich ein buch wo das drin vorkommt. Ich probier einfach alles aus was da im Buch drinsteht. Ist fast durch danach hol ich mir den da. schint ziemlich gut zu sein.
Amazon.de: Einführung in XHTML, CSS und Webdesign. Standardkonforme, moderne und barrierefreie Websites erstellen: Michael Jendryschik: Bücher
 
nakedsnake2 schrieb:
also bei atribut aufzählung wo eben alle benutzt werden durch leerzeichen trennen und bei alternativen wo nur einer benutzt wird mit komma trennen ? ok
Zum Vergrößern anklicken....
Ja, wobei mir außer font-family und cursor jetzt keine weitere Anwendung einfällt.
Amazon.de: Einführung in XHTML, CSS und Webdesign. Standardkonforme, moderne und barrierefreie Websites erstellen: Michael Jendryschik: Bücher
Zum Vergrößern anklicken....
Kenne ich nicht aber das Inhaltsverzeichnis sieht gut aus.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben