|
|||
2 Ebenen übereinander
Hallo miteinander ,
ich habe ein Wordpress Blog und möchte nun in einem oder mehreren Beiträgen 2 Ebenen, sprich hier 2 Bilder übereinander legen. Das erste Bild soll der Hintergrund sein und das zweite "im Vordergrund" soll ein Dreieckbutton sein, das ganze soll so einen Videoplayer imitieren und wenn man raufklickt geht man eben auf den Artikel. Ich habe schon einiges gegoogelt aber alles scheint nur mit position:absolute zu funktionieren. Aber irgendwie hab ich das Gefühl das wenn ich die Ebenen auf mein Wordpresslayout ausgerichtet habe, es nur für die eine Auflösung ist die ich habe, wenn jetzt jemand eine andere Monitorauflösung hat werden die 2 Ebenen auseinandergerissen. Was ich bisher gemacht habe : 1. CSS Datei editiert : Zitat:
Zitat:
Der Container wo die Ebenen drin liegen soll 480px x 360px groß sein und die beiden Ebenen beinhalten. Und die beiden Ebenen sollen immer exakt übereinander liegen egal welche Auflösung man hat. Könnte mir da jemand weiterhelfen, ich komm da irgendwie auf keinen grünen Zweig |
Sponsored Links |
|
|||
warum machst du kein background-image (hintergrundbild.jpg)
und positionierst mit margin dein playbutton.jpg. HTML-Code:
<div class="container" style="width: 480px;height: 360px;background: transparent url(hintergrundbild.jpg) no-repeat;"> <img src="playbutton.jpg" border="0" alt="" style="margin: 10px 0 0 10px" /> </div> Geändert von onip (22.10.2009 um 17:57 Uhr) |
Sponsored Links |
|
|||
danke für die schnelle hilfe ,
manchmal stellt man sich alles komplizierter vor als man es eigentlich hätte machen könne ist es eigentlich auch noch möglich das wenn ich ein hover über den playbutton mache, sich ein anderes bild anzeigen lässt ( z.b. ein grösserer playbutton oder andere farbe) z.b. Zitat:
Geändert von silversun (22.10.2009 um 18:37 Uhr) |
|
|||
mach ein <a href="#"></a>
HTML-Code:
a { display: block; width: 10px; height: 10px; backgrund: transparent url(img.jpg) no-repeat; } a:hover { display: block; width: 20px; height: 20px; backgrund: transparent url(img_hover.jpg) no-repeat; } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Spezielle Fragen zum Einsatz von Ebenen | Mastertac | CSS | 2 | 30.04.2011 16:23 |
Zwei übereinander angeordnete Grafiken im Fließtext | Trebor | CSS | 1 | 14.01.2011 21:24 |
Transparente Farbwerte über mehrere Ebenen | firehorse | CSS | 3 | 13.09.2010 15:32 |
Floats als Ebenen übereinander | Schreiberling | CSS | 7 | 15.02.2008 21:50 |
Container passt sich in der Höhe nicht an andere Ebenen an | nicoendter | CSS | 56 | 24.07.2007 18:30 |