Bild bearbeiten

[ChechenHD]

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?

 

[ChechenHD]

Problem ist nun gelöst nun wäre meine nächste Frage wieso mein Text bzw. header im Hintergrund des Bildes verschwindet??

 

[scbawik]

Problem ist nun gelöst nun wäre meine nächste Frage wieso mein Text bzw. header im Hintergrund des Bildes verschwindet??

Deine ausführlichen Beschreibungen versteht ziemlich sicher niemand.
Bevorzugt ein Link zur Seite oder zumindest ein bisschen Code brauchen wir schon...

 

[ChechenHD]

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.

 

[Nitamud]

Wenn ich das richtig verstanden habe, könntest du dir den Befehl z-index anschauen und verwenden.

Mfg Nita

 

[ChechenHD]

Wenn ich das richtig verstanden habe, könntest du dir den Befehl z-index anschauen und verwenden.

Mfg Nita

Bin ein blutiger Anfänger und verstehe nicht genau was du meinst.

 

[scbawik]

Bin ein blutiger Anfänger und verstehe nicht genau was du meinst.

Du musst dem zu überlappenden Element einen niedrigeren z-index in CSS geben.
http://www.w3schools.com/cssref/pr_pos_z-index.asp

 

[Elroy]

Hallo.

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

Gruss
Elroy

 

[ChechenHD]

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