HTML - Wie lege ich verschiedene Bilder ebenen an?
Ich habe einen Hintergrund und will ein kleineres Bild im Hintergrund plazieren ..
wenn man auf das kleinere Bild klickt soll sich ein neuer Tab öffnen...
Finde keine passenden codes dafür..
3 Antworten
Wenn ich Deine Frage richtig kapier, dann hat ~body> also schon ein background-color{} oder background-image{}.
Dein hautpsächliches HTML müsste dann in einer Art ~div#container stehen.
Die Ebenen von unten nach oben wären demnach:
- body
- #container
- …alles weitere
Willst Du dann visuell eine Zwischeneben "1.b" haben, in der das kleine Bild liegt? Eine Lösung könnte so aussehen (CSS):
div#container{position:relative;}/*brauchst Du, weil das nächste absolut positioniert wird*/
div#container:before {content:~a target="_blank" href="link…"~² ~img src="…" width="50px" height="50px" ~² ~/a~² ; /* credits an xxxcyberxxx */
display:block;
height:50px;
width:50px;
position:absolute; /* freie Positionierung bezogen auf #container */
left:-50px;
top:0;}
Probier mal aus, alles in der "content:"-Zeile in 'Hochkommata' oder in (Klammern) zu setzen, falls es nicht auf Anhieb klappt.
Der Pfad zur Bildquelle muss relativ zur CSS-Datei angegeben werden, nicht zum HTML-Dokument.
Verschiedene Ebenen macht man mit css. Und zwar mit position und z-index.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Damit stellst du das kleine Bild an die gewünschte Stelle, machst einen Link auf das Bild mit dem Attribut target="_blank".
Dann öffnet sich ein neuer Tab, wenn man draufklickt, aber nur, wenn der User seinen Browser auch so eingestellt hat. Ansonsten gibt es ein neues Fenster.
mach das doch so: ~a href="link zur website"~²~img src="link des bildes"~²~/a~²
und danneinach ~ durch die spitze kalmmer AUF und ~² durch die spitze klammer ZU ersetzen
Das mit dem neue Tab klappt aber nur, wenn im a-Element noch das Attribut target="_blank" dazukommt (mit Unterstrich, ist diesmal kein Platzhalter).