myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Zurück   myGully.com > Webmaster Talk > Entwicklung & Programmierung
Seite neu laden

CSS mehrfach Hover-Effekt

Willkommen

myGully

Links

Forum

 
Antwort
Themen-Optionen Ansicht
Ungelesen 06.11.13, 21:32   #1
Safran
Newbie
 
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
Safran ist noch neu hier! | 0 Respekt Punkte
Standard 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...
Safran ist offline   Mit Zitat antworten
Ungelesen 07.11.13, 13:02   #2
43841384175
Anfänger
 
Registriert seit: May 2011
Beiträge: 12
Bedankt: 6
43841384175 ist noch neu hier! | 0 Respekt Punkte
Standard

Ich glaube du kommst um JavaS***** hier nicht rum.
43841384175 ist offline   Mit Zitat antworten
Ungelesen 07.11.13, 14:11   #3
ProgMaster
Banned
 
Registriert seit: Mar 2012
Beiträge: 337
Bedankt: 93
ProgMaster ist noch neu hier! | 0 Respekt Punkte
Standard

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...
ProgMaster ist offline   Mit Zitat antworten
Ungelesen 07.11.13, 17:32   #4
Safran
Newbie
 
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
Safran ist noch neu hier! | 0 Respekt Punkte
Standard

Zitat:
Zitat von ProgMaster Beitrag anzeigen
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.ä.
Safran ist offline   Mit Zitat antworten
Ungelesen 07.11.13, 17:35   #5
NetWebs
Banned
 
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
NetWebs ist noch neu hier! | 0 Respekt Punkte
Standard

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.
NetWebs ist offline   Mit Zitat antworten
Ungelesen 08.11.13, 03:47   #6
weberleins
Ist öfter hier
 
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
weberleins ist noch neu hier! | 6 Respekt Punkte
Standard

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
weberleins ist offline   Mit Zitat antworten
Ungelesen 13.11.13, 22:26   #7
Safran
Newbie
 
Registriert seit: Nov 2008
Beiträge: 52
Bedankt: 123
Safran ist noch neu hier! | 0 Respekt Punkte
Standard

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.
Safran ist offline   Mit Zitat antworten
Ungelesen 13.11.13, 23:11   #8
sigon
Erfahrener Newbie
 
Benutzerbild von sigon
 
Registriert seit: Jul 2009
Beiträge: 58
Bedankt: 611
sigon ist noch neu hier! | 0 Respekt Punkte
Standard

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.
__________________
Ich lese mir die [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] durch, bevor ich eine Sig erstelle!
I read the [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] before I create a signature.
sigon ist offline   Mit Zitat antworten
Ungelesen 13.11.13, 23:26   #9
NetWebs
Banned
 
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
NetWebs ist noch neu hier! | 0 Respekt Punkte
Standard

@sigon

Thread lesen... dann antworten...
Das geht, kommt aber aufs Markup an.
NetWebs ist offline   Mit Zitat antworten
Antwort


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

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 00:21 Uhr.


Sitemap

().