01. august 2003 - 11:50Der er
7 kommentarer og 1 løsning
Ombrydning af tekst i tabeller
Hej! Jeg har denne tabel:
<table width=175 border=0 style='border: #000000 1px solid;'><tr><td valign=top width=100%> dette er en test, en test, en test, en test testtestte´sttesttesttesttesttesttesttesttesttestesttesttesttestt</td></tr></table>
Problemet er, at tabellen udvider sig, pga. det lange ord. Den må ikke overstige de 175 der er angivet i width. Kan det lade sig gøre, at få tabellen til at ombryde teksten, hvis et ord er for langt og evt. hvordan?
Underelementet kunne man klare ved at sætte en div ind, men du kan se af følgende eksempel, at overelementet (her både to tables og td's !-) forholdt sig til tekstens oprindelige bredde ?-|
Jeg er dog ikke færdig med at søge muligheder !-)
<table width="177px" border=0 style='border: #000000 1px solid;'> <table border=0 style='width:175px;border: #000000 1px solid'><tr><td valign=top width="175px"><div style="margin:0px;width:175px;word-wrap:break-word"> dette er en test, en test, en test, en test testtestte´sttesttesttesttesttesttesttesttesttestesttesttesttestt</div></td></tr></table> </table>
<table border=0 style='width:175px;border: #000000 1px solid'><tr><td valign=top style="margin:0px;width:175px;word-wrap:break-word"> dette er en test, en test, en test, en test testtestte´sttesttesttesttesttesttesttesttesttestesttesttesttestt</td></tr></table>
Ja, det virker! Kan det også lade sig gøre med billeder? Altså hvis der er to billeder ved siden af hinanden, og de fylder mere end tabellen, så skiter den billedet ned under det andet?
hmm... det virker ikke hos mig...men jeg har lige fundet ud af, at hvis jeg bruger eksemplet med <div>, virker dét, med billederne... men det var heller ikke det, spørgsmålet gik ud på :) Så du skal selvfølgelig have de 60 point! Jeg opretter lige et nyt spørgsmål "Point til haken" i "Diverse: Fri debat" - læg et svar og få point! Tak for hjælpen...
roenving må da også gerne få nogle af de 60 points hvis han vil :-)
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.