Bild zwischen Header und Header Bild einblenden ?
Eingetragen von trunkx (7)
am 22.04.2014 - 02:03 Uhr in
am 22.04.2014 - 02:03 Uhr in
Hallo,
Ich habe folgendes Problem und bitte um eure Hilfe.
Ich habe einen Header der aus einem Logo besteht.
Direkt darunter hätte ich gern ein Bild welches sich ändert wenn ich auf eine andere Unterseite ich gehe.
Das ganze hätte ich soweit mit Hilfe von Blocks schon geschafft.
Jetzt möchte ich allerdings einen Bild (Button) genau zwischen Header und Header Bild einblenden.
Um besser zu verstehen was ich meine habe ich eine kleine Skizze angefertigt:
Hat vllt. jemand eine Idee wie man so etwas am einfachsten realisieren könnte ?
Danke schon mal im vorhinein.
- Anmelden oder Registrieren um Kommentare zu schreiben
Du könntest
am 22.04.2014 - 08:08 Uhr
im Template dafür einen neuen Bereich anlegen.
Grüße
Ronald
Danke für die
am 22.04.2014 - 11:10 Uhr
Danke für die Antwort.
Könntest du mir das vielleicht ein bisschen detaillierter erklären ?
wenn ich einen Bereich zwischen Header und Header Bild mache und
dort dann den Button einfüge schiebt es mir doch das ganze Header Bild nach unten oder ?
Halllo, Du könntest doch
am 22.04.2014 - 11:53 Uhr
Halllo,
Du könntest doch einfach einen div um die beiden Bereiche legen und das Bild darin als Hintergrund festlegen...
Gruß
Christian
Don't code today what you can't debug tomorrow
Ariya Hidayat
Da das alles mit CSS beschrieben wird
am 22.04.2014 - 12:46 Uhr
kannst du für den Button eine relative Positionierung realisieren, die sich mit der Position des Bildes/Headers überlagert.
Grüße
Ronald
danke für eure Tipps. Ich hab
am 30.04.2014 - 16:03 Uhr
danke für eure Tipps. Ich hab das ganze jetzt mal mit css eingebunden mit folgendem code:
position: absolute;
z-index:10;
display:block;
content:' ';
top: 100px;
left: 1120px;
width:220px;
height: 219px;
background-image: url('images/button.gif');
background-repeat: no-repeat;
Wenn die Seite auf "Vollbild" angezeigt wird passt die Position des Buttons genau.
Wenn man das Fenster allerdings verkleinert rutscht der Button um 1120px
nach rechts und befindet sich dann außerhalb des Browser Fenster.
Der Button soll aber immer an der genau gleichen Position bleiben egal ob ich
das Fenster auf Vollbild hab oder nicht.
Hat jemand eine Idee wie man das schöner lösen könnte ?
Danke im vorhinein !
Man müsste mal die komplette
am 30.04.2014 - 20:36 Uhr
Man müsste mal die komplette Seite vorher sehen ansonsten kann man nur rumraten.
Auch bei Vollbild wird die Position aber nur auf deinem Monitor, bei deiner Auflösung stimmen. Wenn jemand einen höhere Auflösung hat, wird es da auch nicht mehr stimmen.
WEBTRANSFORMER
Anstelle von left: 1120px;
am 01.07.2014 - 15:44 Uhr
Anstelle von left: 1120px; z.B. right:25px; oder right:5%;
http://jsfiddle.net/A48tW/12/
g. nick