Willkommen |
|
myGully |
|
Links |
|
Forum |
|
|
|
|
06.11.13, 21:32
|
#1
|
Newbie
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
|
CSS mehrfach Hover-Effekt
Hallo Leute,
heute brauch ich mal Hilfe
Folgendes habe ich vor:
Ich erstelle einen Wochenkalender, dessen Termine aus Boxen bestehen.
Einige Aktivitäten Wiederholen sich an verschiedenen Tagen.
Es soll nun so sein, dass der User alle gleichen Aktivitäten farblich hervorheben, sodass er gleiche Aktivitäten auf einen Blick identifizieren kann.
Das ganze soll ohne JavaS***** ablaufen. Ich dachte ich gebe gleichen Aktivitäten einfach die selbe CSS Klasse und kann sie via hover-Effekt sichtbar machen. Leider funktioniert das nicht, es wird nur das "aktive" einzelne Element gehovert.
Das muss doch mit CSS gehen...
|
|
|
07.11.13, 13:02
|
#2
|
Anfänger
Registriert seit: May 2011
Beiträge: 12
Bedankt: 6
|
Ich glaube du kommst um JavaS***** hier nicht rum.
|
|
|
07.11.13, 14:11
|
#3
|
Banned
Registriert seit: Mar 2012
Beiträge: 337
Bedankt: 93
|
1. Du solltest mal dazu schreiben, was und wie Du es umsetzt. Du machst was mit CSS...aha...JSF, ASP, JavaFX, HTML? CSS 3?
2. Das was Du vorhast kann man auch nur mit CSS 3 hinbekommen. Kommt aber ganz drauf an.
Ab hier kann ich nur raten...
|
|
|
07.11.13, 17:32
|
#4
|
Newbie
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
|
Zitat:
Zitat von ProgMaster
1. Du solltest mal dazu schreiben, was und wie Du es umsetzt. Du machst was mit CSS...aha...JSF, ASP, JavaFX, HTML? CSS 3?
|
Perdon, hab vergessen zu schreiben, dass es nur ein Mix aus HTML5 und CSS 3 sein soll.
Keinerlei S*****sprachen o.ä.
|
|
|
07.11.13, 17:35
|
#5
|
Banned
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
|
Das sollte mit CSS3 gehen. Ohne die Struktur oder das Markup zu kennen, sehe ich keine Möglichkeit dir helfen zu können. Eine Allgemeinlösung gibt es da nicht.
|
|
|
08.11.13, 03:47
|
#6
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
Meinst Du [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]?
Wenn Du eine bessere Antwort brauchst, dann siehe Antwort von NetWebs
|
|
|
13.11.13, 22:26
|
#7
|
Newbie
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
|
danke weberleins, danach habe ich glaube ich gesucht. Ich werde das am Wochenende ausprobieren.
Naja Mock würde so aussehen:
.box1{position:relative;
height:250px;
width:250px;
background-color:green;}
.box2{position:relative;
height:250px;
width:250px;
background-color:blue;}
.box1:hover{
background-color:red;}
.box2:hover{
background-color:red;}
HTML:
...
<div class="box1">Aktivität X</div>
<div class="box2">Aktivität Y</div>
<div class="box1">Aktivtät X</div>
...
Sobald mal über ein box1 Element mit dem Zeiger fährt soll nicht nur die eine aktive box1 hovern, sondern alle box1 Elemente auf der Seite.
|
|
|
13.11.13, 23:11
|
#8
|
Erfahrener Newbie
Registriert seit: Jul 2009
Beiträge: 58
Bedankt: 611
|
Ich glaube ohne JS ist da nichts zu machen bei nur 2 Boxen ist das wohl mit CSS machbar aber bei 3 oder mehr, wie soll das mit CSS zu realiseren sein? Zumal ich denke das als Llayout eine Art Tabelle mit mehreren Spalten genutzt wird um die Termine darzustellen.
|
|
|
13.11.13, 23:26
|
#9
|
Banned
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
|
@sigon
Thread lesen... dann antworten...
Das geht, kommt aber aufs Markup an.
|
|
|
Forumregeln
|
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren
HTML-Code ist Aus.
|
|
|
Alle Zeitangaben in WEZ +1. Es ist jetzt 00:21 Uhr.
().
|