Hallo Leutz,
ich habe folgendes Problem:
Ich habe zwei Boxen mit folgendem Code.
<div id="gal-frame">
<div class="gal-listing">
<div id="gal-listing-pic">
<a class="gal-pic-link" href="">
<img class="gal-pic" src="" alt="" />
</a>
<div id="gal-listing-desc">
</div>
</div>
<div id="gal-listing-meta">
<div id="gal-listing-name">
<a class="gal-name-link" href="">
</a>
</div>
<div id="gal-listing-price">
<a class="gal-price">
</a>
</div>
</div>
</div>
</div>
Dieser Code wird genau so mit einem PHP-Script generiert. Die Klassen und id's sind fest, dass bedeutet jede Box hat die gleichen klassen und id's wie die vorherige. Ich möchte an dem Punkt nicht um den Sinn diskutieren, der Code ist nicht von mir, ich arbeite nur damit.
Ich möchte nun, wenn ich mit der Maus über das a-Tag mit der id 'gal-pic-link' hover, dass das DIV mit der id 'gal-listing-desc' display:block gestylt wird. Das Problem, dass ich nun habe ist wie folgt, wenn ich über das a-Tag hover, werden natrülich von allen Boxen die DIV's mit der id 'gal-listing-desc' sichtbar gemacht. Ich möchte aber, dass nur das DIV der Box, welche ich gehovter habe, sichbar wird.
Wie kann ich das realisieren. Es geht, da ich es schon oft gesehen habe.
Beispiel
Wenn man dort über ein Schuh hovert, wird genau das erreicht, was ich möchte. Wie kann ich das erreichen?
Ich hoffe mein Text war relativ klar ??^^
Danke im vorraus.
grüße String