CSS für <img ... align="absmiddle" ...>
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolut mittig ausrichten
alte methode
bild
blocken
code
dank
eigenschaft
element
funktionieren
image
interessanter artikel
position
regel
tabelle
tag
text
tun
url
vertikale ausrichtung
verweis
-
Hallo
ich möchte ein tag/bild">Bild in einem Text absolut mittig ausrichten
mit HTML bisher so
<p> Text Text Text <img src="meine_grafik.gif" alt="Bildinfo" width="110" height="90" align="absmiddle" /> Text Text </p>
geht das auch mit CSS? ... ohne
im IMG-Tag?align="absmiddle"
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
Müsste funktionieren:
vertical-align: middle;
Beitrag zuletzt geändert: 1.5.2012 12:58:05 von gatterer -
ja Danke, funktioniert
Text Text <img src="meine_grafik.gif" style="vertical-align: middle;" alt="Bildinfo" width="110" height="90" /> Text Text
ich hoffe nur, es funktioniert auch in allen gängigen Browsern
habe beim Googeln nach "CSS vertical-align" was gelesen,
das es angeblich eher für Tabelle-Spalten (<td>) gedacht ist
... im aktuellen FF und IE scheint es damit auch für <img> zu funktionieren
Danke!
-
Nach meinem Wissen sollte die CSS-Eigenschaft vertical-algin (!) schon das machen, was du wünscht. Das Attribut valign von Tabellen wurde früher gerne in Verbindung mit Tabellenlayouts verwendet (missbraucht *hust*) und hat mit der CSS-Eigenschaft nur indirekt zu tun.
Ich benötige vertical-align zum Beispiel in meinem Bloglayout um die Bilder nicht auf "baseline" sondern "bottom" auszurichten, um unschönen Extrarand nach unten zu vermeiden.
vertical-align ist aber nicht dafür da, echte Blockelemente wie DIV-Container auszurichten. Mit Inlineblocks wie img-Elementen sollte es gehen.
Falls du des Englischen mächtig genug bist ist hier noch ein interessanter Artikel dazu:
phrogz.net - Understanding vertical-align
PS: Bilder in einem Text sind in der Regel nicht als Hintergrund des jeweiligen "Eltern-Blocks" definiert - die Eigenschaft background-position: 50% 50%; dürfte in diesem Fall also nicht weiterhelfen. Oder willst du das etwa genau so? Dann sei es mir verziehn. ;)
Beitrag zuletzt geändert: 26.5.2012 19:18:31 von cyclobox -
plugboard schrieb:
^^ Alte Methode, und immer noch in allen gängigen Browsern üblich:
ich möchte ein Bild in einem Text absolut mittig ausrichten
text-align: center;
Und lasst euch nicht täuschen:
Auch wenn es sich offensichtlich nur auf Text bezieht, sind gewisse Images miteinbezogen.
;) -
menschle schrieb:
plugboard schrieb:
^^ Alte Methode, und immer noch in allen gängigen Browsern üblich:
ich möchte ein Bild in einem Text absolut mittig ausrichten
text-align: center;
Und lasst euch nicht täuschen:
Auch wenn es sich offensichtlich nur auf Text bezieht, sind gewisse Images miteinbezogen.
;)
text-align bezieht sich sowohl auf normale Inline-Elemente wie Textabsätze, Verweise, etc. als auch auf Inline-Block-Elemente, wie Bilder. Darum geht text-align auch bei Bildern, die per img-Element eingebunden sind.
Hintergrundbilder sind wieder eine andere Geschichte.
Weiterhin glaube ich, dass er nicht die horizontale, sondern vertikale Ausrichtung eines Bilders meint. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
