Bilder einfügen mit CSS
Ich habe eine sehr einfache Aufgabe, die mir wieder einmal aufzeigt, dass ich Probleme mit Positionierungen habe.
Möchte einfach nur Bilder einfügen. Allerdings sollen die das Layout der Seite nicht verändern. Die Seite ist ein CMS-System und dort möchte ich an 5 freien Stellen Bilder einfügen. An 4 Stellen, werde ich diese wohl direkt als image einbinden. Da sieht das erste zum Beispiel so aus: <p><img alt="Ei" class="smallcontent_pic" src="/out/easteregg_magenta.png" style="position:absolute;left:780px;" /></p> Hier stellt sich mir schon die Frage, ob es überhaupt richtig ist das Bild absolute zu positionieren. Ich möchte es über ein anderes Bild legen und hab sonst keine Möglichkeit gefunden. Wie macht man so etwas richtig? Die 5. Stelle ist die Startseite und da werde ich es wohl als background-image einfügen. Code:
#page .gebote{ Da wird mir jetzt gar nichts angezeigt. Ich weiß aber nicht, ob man ein Background-image überhaupt so positionieren kann, oder ob das dann nur über background-position geht. Ich hoffe jemand kann mir helfen. Ich möchte einfach nur wissen, was man nimmt, wenn man Bilder so einfügen möchte, dass der Rest der Seite sich nicht verändert |
Ist die Seite online? Dann poste bitte den link.
|
Hitech-gamer.com
Möchte in den unteren bereich ein bild einfügen. |
Weiß nicht genau wo du jetzt meinst.
Kannst das näher erläutern bitte. |
Ich möchte in den Bereich, der als "Gebote"-Div-Container definiert ist, bilder einfügen.
#page .gebote{ background-image: url(../../out/easteregg_red.png); background-repeat:no-repeat; position:absolute } |
Du hast auf deiner Seite kein Element mit der Klasse gebote.
|
das hier gibts:
<div class="hitech_gebote"> macht aber trotzdem nicht verständlich was er haben will :) Vielleicht baust du dir das mal in photoshop oder paint oder sonst was zusammen wies aussehen soll und zeigst es uns dann... #page gibt es im übrigen auch nicht...zumindest nicht auf der startseite... |
ich verstehe ebenfalls nicht was genau du möchtest.
wenn du aber elemente bzw. bilder übereinander darstellen möchtest, klingt position: absolute schon mal nicht verkehrt. dabei musst du nur darauf achten, einem umliegenden container position: relative zu geben, damit sich das bild daran orientieren kann. außerdem werden absolute elemente aus dem fluss herausgenommen, das heißt nachfolgende elemente verhalten sich so, als wäre das bild gar nicht da |
Wie wäre es wenn du einfach mal einen Thread im Job-Forum aufmachst?
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 01:47 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023