Text um Bild in Tabelle fließen lassen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
artikel
bild
bildunterschrift
dan
demo
eigenschaft
element
gen
hinweis
meinst
pixeln
recht
spalten
tabelle
unterschrift
untertitel
versuchen
vielen dank
zeile
-
ja, die ?berschrift sagt ja eigentlich schon fast alles, hatt jemand vielleicht nen tipp wie ich folgende seite richtig hinbekommen, so dass es auch gut aussieht, das bild mit der unterschrift soll ganz oben in der tabelle sein und der text rechts daneben soll um das bild mit dem untertitel flie?en
http://www.ostfriesische-nachrichten.de/2004/_web/artikel.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
naja, da html element, wie tabellen alsbl?cke zeichnet musst du leicht umstellen,
wenn du sowas meinst wie hier gezeigt ist:
http://de.selfhtml.org/css/eigenschaften/anzeige/float.htm
dann geh doch zu
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
und guck dir an wie man das macht, ein hinweis noch versuch mal
sowas:
<img src="quelle" style="float:right">txt, sehr viel text
du mustt nur darauf achten, das das bild(oder eine tabell mit bild und bildunterschrift(der du dan die float eigenschaft geben musst) ) im glecihen block element mit dem textrsind
-
Du musst lediglich das Bild richtig positionieren und danach den Text eingeben. Dann flie?t der Text um das Bild herum. Dazu legst du dir eine Tabelle an, die nur eine Zeile und eine Spalte hat, nur um die maximale Breite festzulegen die die Seite haben soll. Eben ungef?hr so:
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<IMG height="240" alt="Beschreibungstext" hspace="5" src="Quellenverzeichnis/bild.gif" width="375" align="left" vspace="5"> Und hier kommt dann ein ellenlanger Text hin...</td>
</tr>
</table>
Ich denke das ist die einfachste L?sung, blos m?sstest du daf?r den Untertitel des Bildes noch mit in das Bild selbst einf?gen aber ich denke das sollte kein Problem sein
PS.: hapce und vspace geben einen Rand um das Bild in Pixeln an -
ja okay, vielen dank f?r beide tipps, habs gleich mal ausprobiert und sieht schon gleich viel besser aus :)
http://www.ostfriesische-nachrichten.de/2004/_web/artikel2.html -
Hallo,
das http://limonero.milten.lima-city.de/demo/testflow.htm
funktioniert. Die kleine Tabelle floatet und enth?lt bild und die Unterschrift als Text.
Gr?sse,
limonero -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage