tutorials.de Buch-Aktion 05/2012
Seite 1 von 2 12 LetzteLetzte
ERLEDIGT
JA
ANTWORTEN
15
ZUGRIFFE
732
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 26.07.05 16:14 #1
    Comenius Tutorials.de Gastzugang
    Hi ihr

    Bis jetzt habe ich meine links so formatiert:

    A:hover { .....
    .link { .....

    Bei dieser Variante werden aber (bei mir zumindestens) ALLE links gleich formatiert.

    Ich möchte aber gerne mehrere Hyperlink-styles.

    Also:

    A:hover {....
    .link1 {....
    A:hover {....
    .link2 {....

    Da das so nicht geht, habe ich schon herausgefunden, aber ich weiss leider sonst keinen anderen weg.

    Speziell zu den Links habe ich bei goggel nichts passendes gefunden. Vielleicht könnt ihr mir ja helfen

    Danke

    Gruss
    Commi
     
  2. 26.07.05 16:19 #2
    Avatar von Gottox
    Gottox Gottox ist offline
    Registriert seit
    Jan 2003
    Beiträge
    448
    Code :
    1
2
3
4

    A:hover {....
A.link1:hover {....
A:hover {....
A.link2:hover {....

    So...
     
    Ich gebe keine Garantie darauf, dass meine Skripte funktionieren. Das, was ich in Foren poste, ist oft ungetestet. Trotzdem versuche ich nach bestem Wissen zu programmieren und zu erklären.
  3. 26.07.05 16:22 #3
    Maik Tutorials.de Gastzugang
    Wenn du mehrere (unterschiedliche) Link-Formatierungen in deinem Dokument / deiner Seite verwenden willst, dann benötigst du entsprechende CSS-Klassen - hier z.B. style1 und style2:

    Code :
    1
2
3
4
5
6
7
8
9

    a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }
 
a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }
    HTML-Code:
    <a class="style1" href=""> ... </a>

<a class="style2" href=""> ... </a>
     
  4. 26.07.05 16:26 #4
    Comenius Tutorials.de Gastzugang
    Danke

    Mir reicht eigentlich "hover" da ich nicht auf so viel schnick-schnack stehe.

    Aber dank euch trotzdem, jetzt hab ich das wenigstens kapiert

    Gruss
    Commi
     
  5. 26.07.05 16:34 #5
    Maik Tutorials.de Gastzugang
    Frage beantwortet? Problem gelöst? Dann markiere dein Thema bitte als "Erledigt"!

    Thanx
     
  6. 26.07.05 16:45 #6
    Comenius Tutorials.de Gastzugang
    Das mache ich erst wenn ich alles getestet habe und es auch läuft *g* muss noch eben was erledigen, bin also noch nicht dazu gekommen
     
  7. 26.07.05 17:11 #7
    Comenius Tutorials.de Gastzugang
    Hmmmm

    Bei mir wird nur die "hover"-Funktion ausgeführt, der "link"-Teil wird nicht angerührt.
    Es bleibt also immer der Standart Link stehen, ausser wenn man mit der Maus darüber geht *grummel*

    Code :
    1
2

    a.style1:link  { font-family: Arial,Verdana; font-size:  8pt; font-weight: bold; color: #FFFFFF; background-color: #003366; text-decoration: none; }
a.style1:hover { font-family: Arial,Verdana; font-size:  8pt; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; }

    Im HTML-Teil spreche ich den Code mit "class="style1"" an.

    Vielleicht weiss ja jemand weiter

    Danke

    Gruss
    Commi
     
  8. 26.07.05 17:29 #8
    Maik Tutorials.de Gastzugang
    Sorry, mein Fehler

    Code :
    1
2
3
4
5
6
7
8
9
10
11

    a.style1 { }
a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }
 
a.style2 { }
a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }
    oder
    Code :
    1
2
3
4
5
6
7
8
9

    a.style1, a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }
 
a.style2, a.style2:link { }
a.style2:visited { }
a.style2:hover { }
a.style2:active { }
     
  9. 26.07.05 17:42 #9
    Comenius Tutorials.de Gastzugang
    Hmmmmmmmmmm³

    Ich habe deine beiden (neuen) Code-Versionen mal getestet, jetzt wird gar nichts mehr angesprochen, also der Link ändert sich überhaupt nicht mehr.

    Mehr bleibt mir leider nicht übrig, denn ich habe davon nicht all zu viel Ahnung

    Vielleicht kannst du mir ja nochmal helfen.

    Gruss
    Commi
     
  10. 26.07.05 17:56 #10
    Maik Tutorials.de Gastzugang
    Dann poste bitte den kompletten Quelltext deiner Seite ... thanx
     
  11. 26.07.05 18:03 #11
    Comenius Tutorials.de Gastzugang
    HTML-Code:
    <HTML>
<HEAD>
<TITLE>TEST</TITLE> 
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css"> 
</HEAD>
<BODY>

<A HREF="test.html" CLASS="style1">Testlink</A>
 
</BODY>
</HTML>
    Meinen Css Code kennst du ja schon (s.o.). Den habe ich einfach in deine Code-Schnipsel eingefügt.... ohne Erfolg.
    Der Link bleibt immer normal.

    Gruss
    Commi
     
  12. 26.07.05 18:12 #12
    Maik Tutorials.de Gastzugang
    Vermutlich hast du keine allgemein-gültige Linkformatierung im CSS notiert:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

    a 
{ 
text-decoration: none;
font-family: Arial,Verdana;
font-size:  8pt; 
font-weight: bold;
}
 
a.style1, a.style1:link  
{ 
color: #FFFFFF; 
background-color: #003366; 
}
 
a.style1:hover 
{  
color: #000000; 
background-color: #FFFFFF;  
}
     
  13. 26.07.05 18:21 #13
    Comenius Tutorials.de Gastzugang
    Ich habe deinen Code jetzt mal 1 zu 1 kopiert.

    Das Einzige was passiert ist, ist, dass der Link-Text jetzt in formatierter Schrift angezeigt wird (a { ..... } ). Mit Farben und hover ist nichts

    Gruss
    Commi
     
  14. 26.07.05 18:41 #14
    Comenius Tutorials.de Gastzugang
    Ich habe meinen PC gerade wegen eines Fehlers neu starten müssen.
    Jetzt geht das mit dem Link *kopfkratz*

    Lag vielleicht an Xampp.... einfach bissle zu heiss gelaufen

    Najut, war ne schwere Geburt, Dank dir, dass du deine Zeit hier mit mir vergoldet hast (um nicht vergeuden zu sagen )

    Gruss
    Commi
     
  15. 26.07.05 18:42 #15
    Maik Tutorials.de Gastzugang
    Seltsam, bei mir funktioniert's in allen Browsers einwandfrei ...
     
« Drei Spalten Layout | Div Link mit Bild »

Ähnliche Themen

  1. Mehrere styles in einem File
    Von matthiasschnueriger im Forum PHP
    Antworten: 9
    Letzter Beitrag: 17.03.07, 20:20
  2. 1 Hyperlink - mehrere Websites?
    Von bigtop im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 02.01.05, 18:01
  3. Styles für mehrere Verweise
    Von Scared im Forum CSS
    Antworten: 5
    Letzter Beitrag: 16.10.04, 16:38
  4. XP-Styles
    Von Pardon_Me im Forum Microsoft Windows
    Antworten: 8
    Letzter Beitrag: 18.06.04, 10:00
  5. Mehrere Hyperlink Stile
    Von Dumm wie Brot im Forum CSS
    Antworten: 2
    Letzter Beitrag: 01.11.02, 18:40