Normale Grafik "überschreibbar" machn

[wolf360]

Hey,

ich wollte mal fragen ob es möglich ist, eine Grafik vom Textüberschreibbar machn kann. Wenn ich ein normale Bild mit <img> einfüge, wird der Text um das Bild verschoben, ich will es aber iwie schaffn das das Bild eher als "Hintergrund" ist, aber nicht mit background-imgage!

gruß wolf360

 

[_Thor_]

Wieso nicht mit background-image? Das wäre am einfachsten.

Sonst könnte ich mir vorstellen, dass es mit dem z-index geht, das Image und den Container mit dem Text absolut positionieren und den Container über das Image legen, dann dem Container

background-color: transparent;

geben.
Hab ich jetzt nicht getestet, könnte aber funktionieren.

 

[prm]

Mit entsprechend absolut positionierten Elementen und z-index sollte das gehen. Position: absolute - Anwendungsbeispiele

Was hält dich aber davon ab, die Grafik als background-image einzubinden? Das ist m.E. immer noch die sinnvollste Methode.

 

[wolf360]

Mein problem ist das ich einen schwarzen Hintergrund habe und ich eine Grafik einbinden will die sich nicht wiederholt. der Schwarze bereich soll sich wiederholn bzw automatisch vergrößern, die Grafik aber nicht

 

[rexini]

ähhh

#1{
background-repeat: no-repeat;
}

???

 

[wolf360]

soweit war ich auch schon xD

blos:
ich will ja blos das ich ein bestimmter bereich nicht wiederholt.... deswegn mach ich des ja mit einem extra Bild.... ein schwarzer Hintergrund mit einer Grafik, der schwarze Hintergrund soll sich wiederholen bzw. vergrößern wenn der Inhalt zu groß wird, die Grafikl dagegern soll nur einmal da sein.

 

[_Thor_]

Dann machst du

body {background-color: black;}

und positionierst ein div mit

#muh {background-image: url(deinbild.png);
}

Dann hast du nen schwarzen Hintergrund über die ganze Seite und an der einen Stelle dein Bild, das sich nicht wiederholt.

Wenn es das nicht ist, weiß ich nicht, was du möchtest.

 

[wolf360]

ja so halb hast dus verstandn xD
naja das prob is etz nur noch das ich einen "Inhaltsbereich" brauche, in dem halt der inhalt kommt....

und der Inhalt soll mit über dem Bild stehn und halt automatisch vergrößern wenn der Inhalt zu groß wird.

Dabei soll aber nur Schwarz vergrößert werdn und die Grafik soll bleibn wo se is....

so hoff des war verständlich... ansonstn probier ich mal ein beispiel hochzuladn

 

[_Thor_]

Ja und wo ist das Problem? Schreib den Inhalt mit in das div.

background-repeat: no-repeat;

und du hast was du willst.

 

[wolf360]

omg....-.-" des war etz echt scho wieder zu einfach -.-"

danke für die hilfe xD