• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild bearbeiten

ChechenHD

Mitglied
Hallo Liebe Communtiy,

Wollte fragen wie ich ein Bild im Background verkleinere und verschieben kann? Ein Teil soll nach oben verschwinden und nicht zu sehen sein.

Wie bekomme ich danach noch andere Bilder drauf also überlappt?

Und was sagt ihr, sollte mein HTML und CSS benutzen oder nur CSS?
 
HTML:

<img src="http://magine.com/images/d4739a8a.magine_startpage_july.jpg" border="" height="" width="" alt="" class="background"/>

CSS:

.background {
position: absolute;
top: -89px;
left: 0px;
width: 1663px;
height: 1102px;
background-position: 0px -100px;

So sieht mein Bild aus. Wenn ich jetzt den header text hier unten einfüge steht es hinder dem Bild.

HTML:

<header>
<h1>Anmelden</h1>
</header>

CSS:

header {
left: 600px;
color: black;
background-color: white;
}

Wie bekomme ich den Text vor dem Bild? Kann ich im Script was verbessern? Vielen Dank im voraus.
 
Hallo.

Ansatt z-index zu benutzen kannst du dein Bild natürlich auch einfach als Hintergrundbild einfügen.

Gruss
Elroy
 
Könnt ihr mir das mit bisschen Script zeigen. Hab in CSS background-img das bild eingefügt und wenn ich in HTML Text schreibe wird es hinder dem Bild angezeigt
 
Zurück
Oben