XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bilder einfügen mit CSS (http://xhtmlforum.de/showthread.php?t=70839)

mcdutch 11.04.2014 12:42

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{
        background-image: url(../../out/easteregg_red.png);
        background-repeat:no-repeat;
        position:absolute
       
}


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

leex279 13.04.2014 12:29

Ist die Seite online? Dann poste bitte den link.

mcdutch 13.04.2014 16:37

Hitech-gamer.com


Möchte in den unteren bereich ein bild einfügen.

leex279 13.04.2014 16:43

Weiß nicht genau wo du jetzt meinst.
Kannst das näher erläutern bitte.

mcdutch 14.04.2014 10:06

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

}

cloned 14.04.2014 10:19

Du hast auf deiner Seite kein Element mit der Klasse gebote.

leex279 14.04.2014 10:24

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...

dazzle89 14.04.2014 10:37

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

Thielo 15.04.2014 01:25

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