Portal > Foren > Ausschreibungssprachen und clientseitige Programmierung > HTML, XML und CSS > Text hinter einem Bild mittig positionieren
Antwort
 
Themen-Optionen
Alt 13.09.2006, 20:06 Nach oben    #1
Neuer Benutzer
 
Registriert seit: 19.03.2006
Beiträge: 21
Standard Text hinter einem Bild mittig positionieren

Hallo

Ich habe ein Bild von beispielsweise 100 Pixeln und dahinter soll ein Text erscheinen.
HTML-Code:
<img src="bild.jpg" width="123" height="100" alt="Bild" />&nbsp;Text
Nun erscheint der Text leider am unteren Ende des Bildes. Also der untere Rand des Bildes ist auch der untere Rand des Textes.

Aber ich möchte dass der Text auf Höhe der Mitte des Bildes erscheint.
Die einzige Möglichkeit die ich momentan leider sehe ist folgende:
HTML-Code:
<table>
<tr>
  <td> <img src="bild.jpg" width="123" height="100" alt="Bild" /></td>
<td>Text</td>
</tr>
</table> 
Wie kann ich das in CSS lösen und zwar möglichst mit nur einer div-Box?

lg
Florian
florian ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 13.09.2006, 20:28 Nach oben    #2
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.480
Standard

Hallo,
ich verstehe nicht so genau, was du im Endeffekt realisieren willst.
Das hier klingt für mich ... äh .. komisch
Zitat:
Zitat von florian Beitrag anzeigen
Ich habe ein Bild [..] und dahinter soll ein Text erscheinen.
Du meinst "neben dem Bild", nicht "hinter dem Bild", oder?

Bevor ich auf eine Lösung deiner Frage eingehe, möchte ich darauf hinweisen, dass das in einem Textfluss total scheiße aussieht.
Nun gut.

Zur Frage:
http://www.brunildo.org/test/valimid2.html
Gefunden über http://xhtmlforum.de/41055-vertikal-zentrieren-box.html

Ich habe aber auch nur Google benutzt, auch wenn es etwas länger gedauert hat.

Grüße, Ben.
Ben ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 13.09.2006, 21:24 Nach oben    #3
Neuer Benutzer
 
Registriert seit: 19.03.2006
Beiträge: 21
Standard

Zitat:
Zitat von Ben Beitrag anzeigen
ich verstehe nicht so genau, was du im Endeffekt realisieren willst.
Doch hast du schon richtig verstanden.
Vielen Dank, Problem gelöst.

Zu meiner Schande muss ich gestehen dass ich nur ein paar Minuten mit google gesucht habe, und da ich in Eile war, hab ich schnell den Beitrag verfasst.
Ja schlag mich dafür
Demzufolge könnten daher auch deine Probleme mit meinem produzierten Textfluss kommen.
Aber scheinbar war ja nicht soo schlimm, da du mein Problem ja doch richtig erkannt hast.

mfg
florian ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 13.09.2006, 21:28 Nach oben    #4
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.480
Standard

Solange ich das Problem interessant finde, such ich auch gerne für dich per Google. Hehe ..
Ben ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Element mittig positionieren la-finest HTML, XML und CSS 6 15.10.2006 23:17
[CSS] Text rutscht in Bild Bookworm HTML, XML und CSS 10 08.07.2006 12:07
Bild im Text mit css? code5 HTML, XML und CSS 11 20.12.2005 13:15
[css] Bild von Text umfliessen lassen Michel HTML, XML und CSS 2 30.08.2005 11:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:21 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44