LAYER oder etwas Ähnliches
Huhn
- dhtml
Hallo
Ich würde gerne Layer oder etwas derartiges in meine Webseite einbinden (zb. sowas: http://www.oldenburg.de/horst-janssen-museum/ )
nicht so kompliziert aber halt so in die richtung.
ich möchte Bestimmte bereiche auf meiner webseite als links "gestalten" un denen das hintergrundbild erhalten bleibt.
Beispiel:
Eine seite mit einem Hintergrundbild dort gibt es zb. ein buch unten rechts eine tasse irgendwo in der mitte und links unten einen briefumschlag. ich möchte dass der bereich um diese objekte noch als link gelten. das ganze zeugkann evtl auf nem tisch liegen oder so :D
wie mach ich das denn?
bin voll ratlos bitte helft mir!!!
danke im vorraus!!
Hallo,
wenn du das Bild im Hintergrund verlinken willst, kannst du mit Layern arbeiten die du an die Stelle der Bilder in der gewünschten Größe setzt (width:400px; height:300px;) und dann z.B. ein transparentes gif in den Layer setzt und verlinkst.
Ist vielleicht nicht die feine Art, klappt aber ganz gut ;-)
<div id="Layer1" style="position:absolute; width:400px; height:300px; z-index:1"><a href="dein_link.html"><img src="transparent.gif" width="225" height="100"></a></div>
Gruß Susanne
okay das verstehe ich bis jetzt mal :) danke schonmal nur: wie zum teufel mach ich denn ein tranzparentes gif?
okay das verstehe ich bis jetzt mal :) danke schonmal nur: wie zum teufel mach ich denn ein tranzparentes gif?
wenn du mit irgendeinem Graphik Programm den Hintergrund transparent angibst nichts anderes reinschreibst und dann als gif mit Indextransparenz speicherst...
oder mir mailst wir gross du sie brauchst, dann schicke ich sie dir...
oder mir mailst wir gross du sie brauchst, dann schicke ich sie dir...
Blödsinn schreibe ich da - die Größe ist egal - du kannst sie ja im Layer angeben - transparenz kann man ja nicht verzerren - ich mail dir eins..
Hallo,
Beispiel:
Eine seite mit einem Hintergrundbild dort gibt es zb. ein buch unten rechts eine tasse irgendwo in der mitte und links unten einen briefumschlag. ich möchte dass der bereich um diese objekte noch als link gelten. das ganze zeugkann evtl auf nem tisch liegen oder so :D
im "Vordergrund", also Bereiche um Teile des Bildes als Link, wäre es ein grosses Bild mit >Imagemap.
Als Hintergrund (Hintergrundbild, Tabelle oder div, body usw.) hättest du im Vorderung die jeweiligen Ebenen, z.B. einfach img-Tags, mit zunächst transparenten Bildern, die dann ausgetauscht werden.
Also >Bildwechsel, a:hover-Effekte per CSS und/oder JavaScript.
wie mach ich das denn?
Das Bild vom Tisch, dann die imagemap oder aber über dem Bild positionierte Teilbilder.
Oder den Tisch einfach komplett aus Teilbildern aufbauen, z.B. Raster mit 4 x 3 Bildern, und dann nur die Teilbilder bei/per omouseover austauschen, und CSS für moderne Browser ergänzen (hover).
Grüsse
Cyx23