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

CSS Formatierung von Bildern <img>

ampere82

Neues Mitglied
Hallo,

ich habe ein Problem mit der Formatierung eines Bidles über CSS.
Ich habe das Bild innerhalb eines <div> Tags geschachtelt.
In dem <div> Tag gebe ich die Position vor, im Bild gebe ich die größe vor.

Das ganze sieht so aus:
HTML
<div id="bildimpress" z-index:5"><img src="./images/impressionen/Bild.jpg" name="bildgross"/></div>

CSS
img.bildgross{
position: absolute;
width: 500px;
height: 300px;
}

#bildimpress{
position: absolute;
left: 315px;
top: 55px;
}

Die Ausrichtung des Bild's stimmt, aber die Größe nicht.
Was mache ich hier falsch.

Überigens, wenn ich die Formatierung im HTML Code schreibe, funktioniert das Ganze:
<div id="bildimpress" z-index:5"><img src="./images/impressionen/Bild.jpg" name="bildgross" style="position:absolute; width:390; height:240;/></div>

Ich hab schon im selfHTML gesucht, finde aber keine Übersicht, welches CSS Elemente von den einzelnen <HTML> Tags unterstützt werden, und wie diese syntaktisch beschrieben werden.

Kann mir da jemand weiterhelfen?
 
Dein HTML-Code ist fehlerhaft. Entferne das hier rot markierte:

Code:
<div id="bildimpress"[COLOR=red] z-index:5"[/COLOR]><img src="./images/impressionen/Bild.jpg" name="bildgross"/></div>

Absolute Positionierung würde ich auch nur im Notfall verwenden. Da ich den Zusammenhang in dem Du das anwendest nicht kenne, kann ich dir nur den Hinweis geben.
 
Aaalso,

<div id="bildimpress" z-index:5"><img src="./images/impressionen/Bild.jpg" name="bildgross"/></div>

1. Du sollst das z-index in das style-Attribut packen.

img.bildgross{
position: absolute;
width: 500px;
height: 300px;
}

2. Das liegt daran, dass du deinem img-Tag keine Klasse bildgross, sondern einen Namen gegeben hast. Versuchs mal so:

HTML:
<img src="./images/impressionen/Bild.jpg" class="bildgross"/>
 
Zurück
Oben