Seite 1 von 1

html feste zellenbreite inenrhalb einer tabelle

Verfasst: 05.03.2012, 12:36
von marvinm
hallo zusammen,

vorab: bitte nicht lachen, ich arbeite mich gerade ganz neu in das thema html ein ;).

nun habe ich ein template, welches auf tabellen basiert.

wenn ich aber in eine zelle innerhalb der tabelle einen text eintrage, zerschießt iwann das template, wenn die breite überschritten ist. wie kann ich da einen automatisch umbruch erzeugen, bzw die breite der einzelnen zelle fixen?

hier der codeschnipsel der betroffenen zelle:

Code: Alles auswählen

<tr>
		<td width="128" height="481" colspan="6" align="left" valign="top" bgcolor="#FFFFFF">MENÜ</td>
		<td colspan="2"><img src="Bilder/SG_Homepage_21.02.1223_22.jpg" width="65" height="481" alt=""></td>
		<td width="584" height="481" colspan="6" align="left" valign="top" nowrap bgcolor="#FFFFFF"><p>HOME</p>
	    <p>rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr</p></td>
		<td colspan="4"><img src="Bilder/SG_Homepage_21.02.1223_24.jpg" width="160" height="481" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="481" alt=""></td>
	</tr>
kann mir jmd helfen?

Verfasst:
von

Verfasst: 05.03.2012, 13:14
von Malte Landwehr
Lösungen mit CSS (word-wrap:break-word), PHP und JavaScript:

https://stackoverflow.com/questions/305 ... d-in-a-div
https://stackoverflow.com/questions/435 ... s-in-table

Musst du mal schauen, ob das leicht an eine Tabelle (evtl. div in Tabelle?) anpassbar ist.

Verfasst: 05.03.2012, 13:27
von Melegrian
Wenn Du da einen String wie diesen einträgst, der keine Leerzeichen enthält,

<p>rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr</p>

so ist das eigentlich normal, dass kein Umbruch erfolgt. Siehe dieses Beispiel, wo auch die Zellenbreite um ein Vielfaches überschritten wird:

https://www.abakus-internet-marketing.d ... 06371.html

Alles was in HTML an Zeilenumbrüchen möglich ist, sollte auf dieser Seite zu finden sein:

https://de.selfhtml.org/html/text/zeilenumbruch.htm

Beispiele für Möglichkeiten in CSS hat Malte Landwehr bereits verlinkt und in PHP hättest Du die Möglichkeit mit wordwrap() Einfluss auf die Zeilenlänge zu nehmen:

https://php.net/manual/de/function.wordwrap.php

Deine Angaben sind veraltet, verwende lieber Angaben wie diese:

Code: Alles auswählen

<table style="table-layout&#58; fixed; width&#58; 980px; margin-left&#58; auto; margin-right&#58; auto">
   <tr>
    <td style="width&#58; 128px; height&#58; 481px; text-align&#58; left; background-color&#58; #ffffff; vertical-align&#58; top" colspan="6">MENÜ</td>
Edit: Wenn nur gelegentlich bei einzelnen Einträgen die Breite überschritten wird, so lässt sich das auch mit style="overflow: scroll" regeln. Wird oft im Zusammenspiel mit pre verwendet.

Code: Alles auswählen

<td style="width&#58; 128px; height&#58; 481px; text-align&#58; left; background-color&#58; #ffffff; vertical-align&#58; top" colspan="6"><pre style="overflow&#58; scroll; width&#58; 128px">rrrrrrrrrrrrrr</pre></td>