[CSS/HTML] Hintergrund vor Vordergrund?
Ja, ich weiß es klingt lustig, aber es gibt eine Erklärung dafür ;)
Ich baue zur Zeit ein Template fürs phpBB. Dabei soll das Banner der Seite in einen "Rahmen" eingebaut werden. Dieser Rahmen setzt sich an der linken Seite wie folgt zusammen:
Code:
In der zweiten Zelle von Zeile 2 sollte der Hintergrund allerdings vor das Banner, und nicht dahinter. Der Hintergrund hat nämlich abgerundete Ecken, und die sollten das Banner eben verdecken.
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr> <td style="background:url(top1.gif);"></td> <td style="background:url(top2.gif);"></td> </tr> <tr> <td style="background:url(middle1.gif);"></td> <td style="background:url(middle2.gif);">[img]banner.jpg[/img]</td> </tr> <tr> <td style="background:url(bottom1.gif);"></td> <td style="background:url(bottom2.gif);"></td> </tr> </table> Weiß jemand ob (und wie) ich das lösen könnte? Ich möchte nämlich verhindern, dass man das Banner an das Template anpassen muss. Greetz alcaeus |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
hi andreas,
ganz einfach: mach in der zweiten zeile nur eine spalte, füge den rahmen als bild ein und den banner via css als hintergrundbild! *MFG* |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Hallo Meflin,
Zitat:
Zitat:
Greetz alcaeus |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Kann man da nicht z-index nehmen? Also mit
Code:
Kann man angeben wie hoch auf dem Bildschirm das Bild liegen soll. Ich glaube je höher die Zahl um so weiter oben ist es...denke mal das könnte hier auch gehen, oder?
style="z-index: 1"
|
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Was mir noch einfällt, wäre evtl. mit Layern zu arbeiten. Damit kannste glaub ich auch die Reihenfolge festlegen. Allerdings hab ich das noch nie gemacht, sondern nur davon gehört. Such einfach mal nach CSS Layer.
mfg, mh166 //Edit: Ich sehe gerade, das is mir wohl jemand zuvor gekommen. :evil: :wink: Naja, das is aber das, was ich meine. |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Hallo Neuni,
Zitat:
Code:
Die Bilder liegen nun schön übereinander, aber leider wird bild2 nicht wie gewollt von bild1 überdeckt, auch nicht wenn ich den z-index umdrehe.
<td>[img]bild1.gif[/img][img]bild2.gif[/img]</td>
Weiters, wenn ich "position:absolute" verwende, dann werden die Bilder nicht an der Tabellenzelle ausgerichtet, sondern am body. Kann ich irgendwie angeben woran das ausgerichtet werden soll? (ich hätte da nämlich noch gern ein drittes Bild rechtsbündig, aber die Breite der Zelle ist variabel) @mh166: Danke für den Tipp, aber Layers funktionieren nicht, da die Bilder teilweise transparent sind (oder funktioniert das trotzdem? :gruebel:) Greetz alcaeus |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Hi,
ich hab das grad mal nachvollzogen... Bild1 ist das Hintergrundbild und Bild2 ist das Vordergrundbild. Transparenz funktioniert. Wenn du sie ausrichten willst, dann mach sie doch gleich groß und den überlappenden Teil transparent. Dann bist du flexibel... Gina. PS: Vielleicht hängst du einfach mal deine beiden bzw drei Bilder an? |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Hallo Gina,
die Bilder kann ich leider nicht anhängen, ich hab alles auf dem Laptop und bin nur Gast hier auf diesem PC. Nochmal zur Erklärung:
Greetz alcaeus |
Re: [CSS/HTML] Hintergrund vor Vordergrund?
hi alcaeus, u meiner methode mit dem banner als hintergrundbild: das geht schon, lege einfach ein blindgif darüber und verlinke dieses, dann hast du immernoch den gewünschten effekt.
|
Re: [CSS/HTML] Hintergrund vor Vordergrund?
Hallo Meflin,
Zitat:
Greetz alcaeus |
Alle Zeitangaben in WEZ +1. Es ist jetzt 18:24 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz