Bild positionieren mit CSS

[Baxterstockman]

Hi,

I hab mal ne Frage, ich hab ein Bild in meiner HTML datei und moechte nun die Position bearbeiten. Mein HTML code schaut so aus:


<img src="Untitled.png" alt="Mountain View" style="width:920px;height:200px" id="picture">

Und jetzt moecht ich in meiner .css Datei die Position bearbeiten. Ich hab's damit versucht

#picture.centered {
position: fixed; /* or absolute */
top: 50%;
right: 50%;
}

or

#picture{
right: 50%
}

aber das Bild bleib immer an der gleichen Stelle. Was mach ich falsch?

Sorry, bin Anfaengerin, danke im VOraus,


Baxter

 

[nookie]

Hi,

I hab mal ne Frage, ich hab ein Bild in meiner HTML datei und moechte nun die Position bearbeiten. Mein HTML code schaut so aus:


<img src="Untitled.png" alt="Mountain View" style="width:920px;height:200px" id="picture">

Und jetzt moecht ich in meiner .css Datei die Position bearbeiten. Ich hab's damit versucht

#picture.centered {
position: fixed; /* or absolute */
top: 50%;
right: 50%;
}

or

#picture{
right: 50%
}

aber das Bild bleib immer an der gleichen Stelle. Was mach ich falsch?

Sorry, bin Anfaengerin, danke im VOraus,


Baxter

Schau dir am besten nochmal auf selfhtml an, was die einzelnen Positionsarten bewirken.

Einen optionale Lösung wäre z.B.

#picture {
      position: relative;
      left: 50px;
      top: 50px;
}

#picture.centered

Welches Element wolltest du damit ansprechen?