nicht angemeldet
Text und Grafik gemeinsam ausrichten
Hallo SELFers,
Ich suche ein Lösung ein Grafik und eine Text in einer Zelle gemeinsam vertikal zu zentrieren.
...
<TD VALIGN="middel/top"><DIV STYLE="vertical-align:.."><IMG SRC=".." WIDTH="40" HEIGHT="40">MeinText</DIV></TD>
...
Egal was ich mache, die Grafik wird korrekt ausgerichtet der Text immer an der Unterkante der Grafik. Da muss es doch eine Möglichkeit geben beides zentriert nebeneinander zu stellen !
Danke für die Mühe
Stephan Schmid
P.S.:
Das Beispiel soll nur das Prinzip verdeutlichen, also bitte keine Syntax-Fehler monieren.
-
Hallo Stephan!
<TD VALIGN="middel/top"><DIV STYLE="vertical-align:.."><IMG SRC=".." WIDTH="40" HEIGHT="40">MeinText</DIV></TD>
Ich würde den STYLE-Parameter nicht im DIV-Tag angeben, sondern im IMG-Tag!
Versuch's mal, vielleicht funktioniert's!Bis dann,
Dennis -
<TD VALIGN="middel/top"><DIV STYLE="vertical-align:.."><IMG SRC=".." WIDTH="40" HEIGHT="40">MeinText</DIV></TD>
<img src="http://www.teamone.de/images/04.gif" alt="">
Mit dem Attribut 'align'im img Tag sollte es gelingen. Den Wert kannst Du im SelfHTML nachlesen... ;-)
cheers
kaepten -
Hallo Stephan!
Egal was ich mache, die Grafik wird korrekt ausgerichtet der Text immer an der Unterkante der Grafik. Da muss es doch eine Möglichkeit geben beides zentriert nebeneinander zu stellen !
Das sollte auch niemanden verwundern (nicht böse sein):-)
Schau mal auf: <../../tcgc.htm#a1>, da kannst Du in Deinem img-Tag das Attribut align einsetzen (hier also: align="middle"). Doch ist auch dies mit Vorsicht zu geniessen:
während der IE die Mitte der Textzeile an der Mitte der Grafik ausrichtet, so wie es eigentlich sein sollte, richtet Netscape die UNTERKANTE der Textzeile an der Mitte der Grafik. Was bei großen Bildern nicht auffällt, ist bei kleinen Bildern wie zum Beispiel <img src="/src/x3.gif" alt=""> ein Störfaktor.
Bis danndann
PAF (patrickausfrankfurt), SELFSPEZIAL-
Hallo Patrick!
Danke so geht‚s. Auf die Idee das align-Attribut im IMG-Tag zu plazieren um den nachfolgenden Text auszurichten wäre ich wahrscheinlich nie gekommen. (Stichwort: Bildbeschriftung)
während der IE die Mitte der Textzeile an der Mitte der Grafik ausrichtet, so wie es eigentlich sein sollte, richtet Netscape die UNTERKANTE der Textzeile an der Mitte der Grafik.
Das Verhalten war aber einheitlich:
-mit <img src="datei.gif" align=middle>Beschriftungstext wird‚s mittig bezogen auf Text-Unterkante
-mit <img src="datei.gif" align=absmiddle>Beschriftungstext wird‚s mittig bezogen auf Text-Mitte
(in IE5, NN4, NN3)SolOng
Stephan Schmid-
Hallo Stephan,
Das Verhalten war aber einheitlich:
-mit <img src="datei.gif" align=middle>Beschriftungstext wird‚s mittig bezogen auf Text-Unterkante
-mit <img src="datei.gif" align=absmiddle>Beschriftungstext wird‚s mittig bezogen auf Text-Mitte
(in IE5, NN4, NN3)Ich möchte nicht meine Hand dafür ins Feuer legen, aber ich glaube, man sollte absmiddle nicht mehr einsetzen...
Mit align=middle UND mit kleinen GIFs im Stil von x3.gif (vor jedem Link hier auf SELFHTML) jedenfalls, habe ich solange geflucht, bis ich am Ende eine andere Lösung suchen musste, denn Netscape und IE hatten total andere Darstellungen: da fiel mir auf, dass IE die Textmitte zur Grafikmitte ausrichtet, und Netscape die Textunterkante zur Grafikmitte.
Jedenfalls ist es etwas länger her, aber ich weiss noch, dass die gleiche Darstellung in beiden Browsern unmöglich war!
Bis danndann
PAF (patrickausfrankfurt), SELFSPEZIAL
-
-
-
Hallo Stephan,
Ich suche ein Lösung ein Grafik und eine Text in einer Zelle gemeinsam vertikal zu zentrieren.
<TD VALIGN="middel/top"><DIV STYLE="vertical-align:.."><IMG SRC=".." WIDTH="40" HEIGHT="40">MeinText</DIV></TD>Ohne es ausprobiert, oder es in SELFHTML gesucht zu haben, würde ich das ganze auf zwei verschiedene Tabellenzellen verteilen.
Dann könntest Du das Problem trennen und Grafik sowie Text unabhängig voneinander positionieren.
Insgesamt würde das ja auf eine "gemeinsame" Ausrichtung hinauslaufen.AlexBausW