Bilder übereinander

Fragen rund um PHP,HTML,CSS und MySQL

Bilder übereinander

Beitragvon sandmaus » 5. Sep 2011, 13:38

Hallo Ihr,
ich möchte gern eine Galerie mit einem Startbild aus der Medialist sowie einem Transparenten Icon "Hier zur Galerie" anlegen. Soweit so gut.

Die Quelle:

Code: Alles auswählen
print '<div class="startbild_erstes">';
print '<a href="#" rel="'.$art_box.'" title=""><img src="'.$REX['HTDOCS_PATH'].'index.php?rex_resize='.$size_fuer_einzelgalerie.'__'.$rxmodule['file'].'" title="" /></a>';
print '</div>';

print '<div class="galerie_schalter">';
print '<a href="#" rel="'.$art_box.'"  title="Galerie"><img src="'.$REX['HTDOCS_PATH'].'files/schalter_einzel_galerie.png" /></a>';
print '</div>'; // ende startbildschalter
}


Nun möchte ich gerne den Schalter "Zur Galerie" über das GalerieBild legen.

Meine css

Code: Alles auswählen
#main-content-block .startbild_erstes img{
display:block;
position:relative;
padding: 4px;
background-color:#f9f4e0;
z-index:1;
}

#main-content-block .startbild_erstes img:hover {
background-color:#cec59f;
}

#main-content-block .galerie_schalter {
display:block;
position:relative;
left:10px;
top:10px;
z-index:2;
}



Leider wird der "Zur Galerie"-Schalter immer unter dem Galeriebild angezeigt, nicht als Ebene mit Abstand x,y von linker oberer Ecke darüber.

Kann mir jemand nen Tipp geben?
Danke und Grüsse Sandmaus
sandmaus
 
Beiträge: 525
Registriert: 27. Apr 2006, 10:26
Wohnort: Dresden

Re: Bilder übereinander

Beitragvon Richard.Laing » 5. Sep 2011, 14:50

hmmm
schau dir doch mal den image manager an... damit kannst du doch ein bild über ein anderes legen.
video
http://www.rexvideo.de/tutorials/videotutorials/image-manager-addon-version-10-jandeluxe.html
download
http://www.redaxo.org/de/download/addons/?cat_id=-1&searchtxt=image+manager&version_id=

gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: Bilder übereinander

Beitragvon sandmaus » 5. Sep 2011, 15:09

ok, danke Dir
sandmaus
 
Beiträge: 525
Registriert: 27. Apr 2006, 10:26
Wohnort: Dresden

Re: Bilder übereinander

Beitragvon Thomas.Blum » 6. Sep 2011, 11:39

Hej,

ist richtig. Du müsstest den Top-Wert vom Schalter auf -Xpx setzen (X = Höhe des Bildes).

Oder du schiebst das div vom Schalter in das div vom Bild rein und stellst position auf absolute.

vg Thomas
blumbeet - web.studio - Dresden - 0351 217 6225
webbude - Blog über CSS.XHTML.REX
Ein Wunschzettel
Benutzeravatar
Thomas.Blum
Entwickler
 
Beiträge: 4670
Registriert: 24. Aug 2004, 21:11
Wohnort: Dresden


Zurück zu PHP/HTML/CSS/MySQL

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast