Reihe von Bildern ...

[berdn]

Hallo Forum,

ich will beim überrollen von text an verschiedenen Stellen meiner Seite
unter anderen auf einer Landkarte Bilder ein/bzw. ausblenden.
Nu gibt es dafür ja verschiedene Möglichkeiten.

Nun die Frage:
Wenn ich mich dazu entschliese die Bilder "unsichtbar" zu machen und per css pixelgenau positionieren was wäre da denn die richtige(rer) schreibweise?
Ich würde auf b tippen.

#image01{position:absolute;top:23px;left:48px}

a.) <div id="image01"><img src=" ....></div>
    <div id="image02"><img src=" ....></div>
    <div id="image0n"><img src=" ....></div>

b.) <div id="imageSammlung">
    <p id="image01"><img src=" ....></p>
    <p id="image02"><img src=" ....></p>
    <p id="image0n"><img src=" ....></p>
    </div>
c.) <div id="imageSammlung">
    <img src=" .... id="image01">
    <img src=" .... id="image01">
    <img src=" .... id="image01">
    </div>
d.) <div id="imageSammlung"><p>
    <img src=" .... id="image01">
    <img src=" .... id="image01">
    <img src=" .... id="image01"></p>
    </div>

Dann gebe es ja noch die Möglichkeit, die Bilder als Hintergundbild eines Listenpunktes zu setzen und via hover einzublenden ...

Werde aber hier wohl auf eine JS Lösung zurückgreifen ...

Liebe Grüße aus Berlin,

Bernd

[Ingo Turski]

Hi,

c.) <div id="imageSammlung">
    <img src=" .... id="image01">

würde völlig ausreichen.
Schöner wäre aber wohl:

Dann gebe es ja noch die Möglichkeit, die Bilder als Hintergundbild eines Listenpunktes zu setzen und via hover einzublenden ...

Aber statt:

Werde aber hier wohl auf eine JS Lösung zurückgreifen ...

würde ich doch eher eine einfache Lösung wie
e) <a class="imageSammlung" href="#"><img id="image01" src=" ... />Linktext</a>

bevorzugen.

freundliche Grüße
Ingo

[berdn]

Hallo Ingo,

Danke, bin halt noch am feilen wie man sich am besten ausdrückt

Bernd