Hallo,
wenn ich die HTML Datei mit dem IE11 aufrufe, wird das Bild am linken
Bildschirmrand dargestellt und nicht im Zentrum.
<code>
IMG.zentrum {
text-align:center;
}
<area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg"
class="zentrum">
</code>
Wo liegt der Fehler?
MfG froeschl
Hmm. Vielleicht haben die Koordinaten Vorrang? Was passiert, wenn Du die weglässt?
Hallo, die Koordinaten bestimmen die Lage eines interessanten Bildteils. Nach einem Klick wird diese Fläche vergrößert dargestellt, aber eben leider am linken Bildrand. MfG froeschl
Gast
#4380850
Michael B. schrieb: > IMG.zentrum { > text-align:center; > } > <area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg" > class="zentrum"> IMG.zentrum bezieht sich doch auf ein IMG-Tag. Du hast aber area-Tag. Gruß BTW: Kommt da noch ein abschließendes </area>?
Gast
#4380883
text-align wird meines Wissens eigentlich für Block-Elemente gesetzt und bestimmt die Positionierung von sich darin befindlichen Inline-Elementen (wie Text oder img-Elementen*). D.h. text-align müsste eigentlich für das Block-Element gesetzt werden, indem sich das img-Element befindet. (*oder auch Elementen die man z.B. über style='display:inline-block;' zu Inline-Elementen gemacht hat) Erstell doch vllt. einfach ein konkretes Minimal-Beispiel mit dem falschen Verhalten auf https://jsfiddle.net/ oder so und teile hier den Link?
Hallo,
@Joachim: die Änderungen des Quelltextes der iframe Datei
brachte keinen Erfolg
AREA.zentrum {
text-align:center;
}
<area shape="rect" coords="30,500,320,730" h...="2-13_block_diagram.jpg"
class="zentrum"></area>
@bluppdidupp: Deinen Vorschlag muß ich erst durchführen.
MfG froeschl
Text-aligen bezieht sich auf den Inhalt des Elements. ein img hat keinen innhalt, und ein area gehört in ein map und hat mit der Bildposition nichts zu tun. Poste den ganzen code. Und Versuche mal:
1 | |
2 | |
3 | |
4 | |
Hallo,
base target="_parent"
img {
display: block;
margin: auto;
}
<map name="block_log_pin">
<area shape="rect" coords="30,500,320,730"
h...="2-13_block_diagram.jpg"></area>
MfG froeschl
PS: Um aus dem iframe zu kommen ist im head
base target="_parent"
Gast
#4381177
Hallo, verbindlichen Dank für den Code, aber mein IE11 scheint stur zu sein. MfG froeschl
Angehängte Dateien:
-
jsfiddle.png
(650 KB)
