Zitat:
|
Zitat von Don Stefano
mit
Code:
[img]beispielaufgabeint.png[/img]
klappt das jedenfalls nicht. |
Bitte: poste Code-Ausschnitte, die dein Problem
nachvollziehbar machen.
Welche Eigenschaften hast du in der Klasse deklariert?
Was genau klappt nicht?
Hier mal zwei Möglichkeiten, einmal mit Bild als Inline-Element (v1) einmal als Block-Element (v2).
In deinem Fall würde ich eher die zweite Variante bevorzugen.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {
margin:0;
padding:0;
}
div#v1 {
text-align:center; /* zentriert das img-Element (inline) */
border:1px solid yellow;
}
img.bild1 {
border: 1px solid red;
}
div#v2 {
border:1px solid blue;
text-align:center; /* zentriert das img für IE im Quirks-Modus */
}
img.bild2 {
display:block;
margin:0 auto; /* zentriert das img-Element (block) */
border:1px solid green;
}
</style>
</head>
<body>
<div id="v1">[img]test.png[/img]</div>
<div id="v2">[img]test.png[/img]</div>
</body>
</html>
Das div um die bilder herum brauchst du nicht einfügen - ist hier nur zu "Demonstrationszwecken"; du kannst das text-align:center bereits deinem Inhalts-Container geben. Dann müsstest du für die Text-Elemente (hx, p) jeweils wieder text-align:left angeben.
Grüße
die fricca