hover links
Don
- css
0 Gunnar Bittersmann0 Don
0 Alla
Hallo
meine hover links funktionieren teilweise,
was ich nicht verstehe was sollte man benutzen id oder class ?
was kommt in der css datei rein #hoverlink .hoverlink?
Hello out there!
was ich nicht verstehe was sollte man benutzen id oder class ?
Je nachdem. [CLASS-ID]
was kommt in der css datei rein #hoverlink .hoverlink?
</hilfe/charta.htm#tipps-fuer-fragende>
See ya up the road,
Gunnar
was kommt in der css datei rein #hoverlink .hoverlink?
</hilfe/charta.htm#tipps-fuer-fragende>
See ya up the road,
Gunnar
Hallo
ich meine wenn ich ein id benutzte wie fange ich an in der css datei
mit "#" oder "." oder?
Hello out there!
ich meine wenn ich ein id benutzte wie fange ich an in der css datei
mit "#" oder "." oder?
See ya up the road,
Gunnar
Hello out there!
ich meine wenn ich ein id benutzte wie fange ich an in der css datei
mit "#" oder "." oder?See ya up the road,
Gunnar
Hallo
vielleicht bin ich zudumm dafür aber es funktioniert nicht.
<a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">Für Fragen steht Ihnen unser Kontaktformular zur Verfügung.</a>
#kontakt a:link,
#kontakt a:visited {
color: #000000;
font-size: 0.95em;
background: transparent;
}
#kontakt a:hover,
#kontakt a:active,
#kontakt a:focus {
color: #FFFFFF;
background: #ff0000;
}
Hello out there!
Hallo
vielleicht bin ich zudumm
Vielleicht. Vielleicht hast du auch [CSS2 §5.1] nicht aufmerksam genug gelesen.
<a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">
#kontakt a:link,
#kontakt a:visited {
1. Du fragtest "wenn ich ein id benutzte wie fange ich an in der css datei mit '#' oder '.' oder?" Jetzt beutzt du aber gar keine ID.
2. Was steht da für den Selektor mit Leerzeichen dazwischen 'E F'?
'#kontakt a:link' selektiert also alle a:link, die Nachfahre eines Elements mit der ID "kontakt" sind. Solche gibt es nicht.
Du möchtest ja aber auch alle a:link selektiern, die selbst die ID bzw. Klasse "kontakt" haben. Beides ist auf der bereits verlinkten SELFHTML-Seite zu finden:
Individualformate definieren
Formate für Klassen definieren
See ya up the road,
Gunnar
Hello out there!
Hallo
vielleicht bin ich zudummVielleicht. Vielleicht hast du auch [CSS2 §5.1] nicht aufmerksam genug gelesen.
<a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">
#kontakt a:link,
#kontakt a:visited {
Du fragtest "wenn ich ein id benutzte wie fange ich an in der css datei mit '#' oder '.' oder?" Jetzt beutzt du aber gar keine ID.
Was steht da für den Selektor mit Leerzeichen dazwischen 'E F'?
'#kontakt a:link' selektiert also alle a:link, die Nachfahre eines Elements mit der ID "kontakt" sind. Solche gibt es nicht.
Du möchtest ja aber auch alle a:link selektiern, die selbst die ID bzw. Klasse "kontakt" haben. Beides ist auf der bereits verlinkten SELFHTML-Seite zu finden:
Individualformate definieren
Formate für Klassen definierenSee ya up the road,
Gunnar
naja egal
danke
Hello out there!
naja egal
danke
Soll heißen, du hast es hinbekommen?
See ya up the road,
Gunnar
PS: Bitte zitiere vernünftig, nicht alles.
Soll heißen, du hast es hinbekommen?
nein, wir ist immer noch nicht klar wie es funktioniert
mfg.
Hello out there!
nein, wir ist immer noch nicht klar wie es funktioniert
Wo hakt's denn?
Gehen wir mal von
<a class="kontakt" href="kontakt.html" title=" Für Kontaktformular bitte hier klicken ">Für Fragen steht Ihnen unser Kontaktformular zur Verfügung.</a>
aus.
Äh nein, tun wir nicht. Was solle das 'title'-Attribut? Was soll das Tooltip, in dem keine andere Information staht als im Text des Links? Weg damit!
Der Link führt zum Kontaktformular, also sollte genau das der Linktext sein:
Für Fragen steht Ihnen unser <a class="kontakt" href="kontakt.html">Kontaktformular</a> zur Verfügung.
Der kurze prägnante Linktext dürfte für den Nutzer besser zu erfassen sein.
Gibt es noch andere Elemente der Klasse "kontakt"? Wenn nicht, wäre zu überlegen, ob die nicht besser eine ID sein sollte. Den Unterschied hatte ich in [CLASS-ID] erklärt.
'a'-Elemente der Klasse "kontakt" zu selektieren sollte kein Problem sein; den SELFHTML-Abschnitt Formate für Klassen definieren hatte ich dir bereits genannt.
(Falls du 'class' noch in 'id' umändern willst: auch auf den Abschnitt Individualformate definieren hatte ich dich schon verwiesen.)
Nun willst du das noch mit Pseudoklassen kombinieren. Auch auf die CSS-Spec hatte ich bereits verwiesen. Im nächsten Abschnitt [CSS2 §5.2] steht: „Ein einfacher Selektor ist entweder ein Typselektor oder ein universeller Selektor, unmittelbar gefolgt von null oder mehr Attribut-Selektoren, ID-Selektoren oder Pseudo-Klassen in beliebiger Reihenfolge.“
Sollte doch auch kein Problem sein, das zusammenzufügen. (Achtung: kein Leerzeichen dazwischen, sonst wirds ein Selektor für Nachfahren! Aber auch das sagte ich ja schon.)
Wenn du immernoch Probleme hast, darfst du gerne wieder nachfragen. Aber ein bisschen Eigeninitiative solltest du schon erkennen lassen.
See ya up the road,
Gunnar
Hi
sorry das ich dich nerve, die hover effekten funktionieren für alle
links, ich will aber für kontakt eigene
<a id="kontakt" href="kontakt.html">Kontaktformular</a>
in der css #kontakt ist drin aber es passiert nix?
mfg.
Hello out there!
in der css #kontakt ist drin aber es passiert nix?
Meine Glaskugel zeigt mir nur ein verschwommenes Bild von "passiert nix". Und davon, was gerade in deinem CSS steht, gar keins.
Muss man dir alle Links zweimal präsentieren, damit du ihnen folgst? </hilfe/charta.htm#tipps-fuer-fragende>
Du hast beim Lesen meines Postings nicht schon vor "Nun willst du das noch mit Pseudoklassen kombinieren" abgebrochen?
See ya up the road,
Gunnar
Abgrundtief schlechte Menschen (wie ich einer bin), koennten hier bei jedem 3. Post einfach einen Trollversuch vermuten.
Pessimisten und Viel-Forumsbesucher (wie ich...) wissen aber leider gleichzeitig auch, dass so mancher 'Trollversuch' leider einfach das Beste ist, was jemand zu bieten hat.
Also lieber Don: Dein Link hat also die ID 'kontakt'. Schoen. Da biste mit einem # schonmal auf der richtigen spur und es koennte noch ganz Schmuck werden.
Wenn Du allerdings im CSS #kontakt a:hover deklarierst, tust du was? Genau: Du sagts alle hovernden <a> im Element mit der ID 'kontakt' sollen ein bestimmtes Aussehen annehmen. Was stimmt nun nicht? Richtig! Als angehender Highman des HTML hast du erkannt, dass in deinem a kein weiteres a drin ist. Das ist auch gut so, denn es haette dort nix verloren.
Was ist nun zu tun? Wenn das a dein 'kontakt' ist, formatier doch auch das a und nicht seine Kindelemente. Dann wirste nochmal n richtiger Telehacker.
Gruss
Steel (der grad n echter Joker is...)
Abgrundtief schlechte Menschen (wie ich einer bin), koennten hier bei jedem 3. Post einfach einen Trollversuch vermuten.
Pessimisten und Viel-Forumsbesucher (wie ich...) wissen aber leider gleichzeitig auch, dass so mancher 'Trollversuch' leider einfach das Beste ist, was jemand zu bieten hat.
Also lieber Don: Dein Link hat also die ID 'kontakt'. Schoen. Da biste mit einem # schonmal auf der richtigen spur und es koennte noch ganz Schmuck werden.
Wenn Du allerdings im CSS #kontakt a:hover deklarierst, tust du was? Genau: Du sagts alle hovernden <a> im Element mit der ID 'kontakt' sollen ein bestimmtes Aussehen annehmen. Was stimmt nun nicht? Richtig! Als angehender Highman des HTML hast du erkannt, dass in deinem a kein weiteres a drin ist. Das ist auch gut so, denn es haette dort nix verloren.
Was ist nun zu tun? Wenn das a dein 'kontakt' ist, formatier doch auch das a und nicht seine Kindelemente. Dann wirste nochmal n richtiger Telehacker.
Gruss
Steel (der grad n echter Joker is...)
WOW euch muss ja langweilig sein oder? wenn ihr kein bock habt
dann antwortet auf meine postings nicht lol kinder.
gut das ihr was könnt oder nicht .... würde mal sehen wie es aussieht in anderen gebiete.
mfg. euch alle werde mal woanderes fragen....
Grütze .. äh ... Grüße!
WOW euch muss ja langweilig sein oder? wenn ihr kein bock habt
dann antwortet auf meine postings nicht lol kinder.
gut das ihr was könnt oder nicht .... würde mal sehen wie es aussieht in anderen gebiete.
Wir können nichts für deine Unfähigkeit. Es wurde gesagt, was zu tun ist, wenn du allerdings nicht in der Lage bist, zu lesen und denken und stattdessen eine copy&paste Lösung willst, dann ist das einzig und allein dein Problem.
mfg. euch alle werde mal woanderes fragen....
Ja bitte.Das Forum wird es dir danken.
Cü
Kai
Hi...
Echt jetzt. Da schreib ich ne ausfuerhliche Anleitung, weil ich dachte er koennte schlicht mit den Hinweisen nix anfangen und dann sowas. :( *schnief*
Kommen Elemente die so formatiert sind mehrfach auf der Seite vor: class(.xyz). Kommt nur ein Element mit dieser Formatierung vor, also es ist eindeutig mit einer ID identifizierbar, einzigartig: id (#xyz).