• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div soll alle unter ihm liegenden elemente verschieben?

F

Fr3ddy

Mitglied
Hi,

ich habe hier einen code:

HTML: 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#wrapper{
    max-width:800px;
    display:block;
}
.box{
    width:160px;
    display:block;
    float:left;
    background-color:#0C9;
    margin:5px;
}
.logo, .content{
    padding:10px 0;
}
.content{
    display:none;

}
.box:hover > .content{
    display:block;
}

</style>
</head>

<body>
<h1>Test tooltip</h1>
<div id="wrapper">
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    <div class="box">
        <div class="logo">
        <h2>Logo</h2>
        </div>
        <div class="content">
        <p>Content</p>
        </div>
    </div>
    

</div>
</body>
</html>
Ich möchte, dass wenn ich über eine der oberen boxen hovere, dass alle unteren boxen nach unten gehen und nicht nur die nach dem element, wie kann man das bewerkstelligen?

LG & danke
 
Das hättest du eigentlich schon beim ersten Thread hinzufügen können ...

Ich denke das wurde bei der Seite mit jQuery gelöst, wüsste nämlich nicht wie das mit purem CSS gehen sollte.

Und mit JavaScript gibt es hunderte Möglichkeiten so etwas zu realisieren.
Genau so gut könnte ich dich fragen: wie baut man ein Auto? Ob Diesel oder Benzin, ob Coupe oder Limousine, ob Allrad oder Heck ist dann schon ein gewaltiger Unterschied.

Du solltest mit mittlerweile 59 Beiträgen doch wissen dass du kein HTML-Gerüst posten kannst und irgendjemand legt dir dann die angepassten JavaScripts drüber - Schön wärs !

Es wäre besser erstmal selbst etwas zu versuchen und wenn du nicht mehr weiter weißt, findet sich sicher jemand der dir helfen kann.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben