Ergebnis 1 bis 5 von 5
  1. #1
    Pariak ist offline Eroberer
    registriert
    12-05-2013
    Beiträge
    62

    Verschachtelte CSS möglich?

    Hallo zusammen,

    ich habe nun folgendes Problem.

    Ich habe drei Felder, die ich mit DIV erstellt habe.

    Nun soll, wenn man mit der Maus über ein der DIV-Felder geht, das eine DIV Feld größer werden und die anderen beiden kleiner, damit das eine DIV-Feld ein bisschen hervor sticht.

    Natürlich könnte ich hier nun jQuery verwenden und mit mousenter() und mouseout() und darin animate() arbeiten, aber leider funktioniert dies nicht einwandfrei...

    Da kam mir die Idee, das ganze mit CSS zu lösen, in dem ich "transition" nutze. Leider kriege ich es hier nur so hin, dass ich die Änderung nur auf ein Div-Feld ablegen kann, aber nicht auf alle 3. Also, wenn Maus über das 1.Div-Feld ist, dann wird dieses groß und die anderen werden kleiner.

    Ich hoffe, dass mir jemand helfen kann.

    Vielen Dank & beste Grüße
    Pariak

  2. #2
    Pariak ist offline Eroberer
    registriert
    12-05-2013
    Beiträge
    62

    AW: Verschachtelte CSS möglich?

    Ich konnte das Problem lösen

    Trotzdem danke & beste Grüße
    Pariak

  3. #3
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.755

    AW: Verschachtelte CSS möglich?

    Und wie hast du es gelöst?

  4. #4
    Pariak ist offline Eroberer
    registriert
    12-05-2013
    Beiträge
    62

    AW: Verschachtelte CSS möglich?

    Das Problem konnte ich mit Javascript lösen:

    Code:
    var kleinFormat = "300px";
    var großFormat = "400px";
    var normalFormat = "350px";
    
    $(document).ready(function () {
    	/*Animation des Events-Feldes*/
        $("#event").mouseover(function () {
            $("#event").stop(true).animate({
                "width": großFormat,
                "height": großFormat,
            });
            $("#leer").stop(true).animate({
                "height": "0px"
            });
            $("#video").stop(true).animate({
                "width": kleinFormat,
                "height": kleinFormat
            });
            $("#werbung").stop(true).animate({
                "width": kleinFormat,
                "height": kleinFormat
            });
        });
        $("#event").mouseout(function () {
            $("#event").stop(true).animate({
                "width": normalFormat,
                "height": normalFormat,
            });
            $("#leer").stop(true).animate({
                "height": "50px"
            });
            $("#video").stop(true).animate({
                "width": normalFormat,
                "height": normalFormat
            });
            $("#werbung").stop(true).animate({
                "width": normalFormat,
                "height": normalFormat
            });
        }); ...
    Für jedes einzelne DIV-Feld habe ich den Code kopiert und die IDs angepasst. Bestimmt kann man das ganze irgendwie kürzen, aber dazu fehlt mir das Wissen.

    Ich hoffe, dass dies auch anderen hilft.

    Falls Fragen zum Code sind, könnt ihr gerne fragen

    Beste Grüße
    Pariak

  5. #5
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: Verschachtelte CSS möglich?

    Etwas allgemeiner lautet das obige Problem:
    Wie kann ich nur mit CSS per Hover über ein Element andere Elemente ändern?
    Dieses Beispiel (Mit CSS Class eine andere Class ansprechen) zeigt dies.
    Es existieren 3 graue Elemente, Hover, Rot und Blau. Befindet sich die Maus über dem Element hover, erhalten Rot und Blau ihre Farben.
    Das Beispiel könnte Ausgangspunkt für einige Versuche sein, das obige Problem komplett mit CSS zu lösen.

    LG jspit

Ähnliche Themen

  1. Verschachtelte For-Schleifen
    Von Frakie Figs im Forum JavaScript
    Antworten: 17
    Letzter Beitrag: 06-01-2011, 00:21
  2. [sql] verschachtelte queries zusammenfassbar?
    Von rasputin im Forum Serverseitige Programmierung
    Antworten: 9
    Letzter Beitrag: 24-06-2008, 20:06
  3. dynamische verschachtelte tabellen
    Von tobiasd im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 21-04-2008, 18:22
  4. verschachtelte navigation
    Von breathe im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 05-10-2006, 19:25
  5. Verschachtelte MySQL-Abfrage
    Von kasimir83 im Forum Serverseitige Programmierung
    Antworten: 1
    Letzter Beitrag: 22-02-2004, 20:02

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •