HTML : Tabelle fixieren

Vivo

Dreamworker

Registered: May 2002
Location: Tal der Könige
Posts: 1478

18.01.2003 - 20:25

Hallo ...

Hab folgendes Problem :

Ich hab eine Tabelle die soll ihr breite (egal wievie text drinnen steht) nicht verändern ... Sogar wenn eine Wort drinnen steht dass die ganze Zeile braucht soll einfach ein Zeilenumbrucht gemacht werden ...

Wie geht ?

tia Vivo

Ultimus

-

Registered: Oct 2002
Location: Wien
Posts: 823

18.01.2003 - 20:30

imho

<table>
<colgroup>
<col width=X>
<col width=X>
<col width=X>
</colgroup>
<tr>
<td>1. zeile, 1. spalte</td>
<td>1. zeile, 2. spalte</td>
<td>1. zeile, 1. spalte</td>
</tr>
</table>

alternativ:
<table>
<colgroup width=X span=X>
</colgroup>
<tr>
<td>1. zeile, 1. spalte</td>
<td>1. zeile, 2. spalte</td>
<td>1. zeile, 1. spalte</td>
</tr>
</table>

edit: is aus selfhtml buch

Bearbeitet von Ultimus am 18.01.2003, 20:33

Vivo

Dreamworker

Registered: May 2002
Location: Tal der Könige
Posts: 1478

18.01.2003 - 21:07

I checks ned ...

Falls es nichts ausmacht könntest du mir demonstrieren an folgendem beispiel :

<table width="50" border="1">
<tr>
<td>blabla</td>
<td>blabla</td>
</tr>
<tr>
<td colspan="2">blablablablablablablablablablablabla</td>
</tr>
</table>

So und jetzt möcht ich dass die Tabelle genau 50px breit ist ...
Wär mördageil wennst des schnell demonstrieren könntest.

Phobos

✝

Registered: Jan 2003
Location: 1050
Posts: 2111

18.01.2003 - 21:11

versuch einfach mit
<td width=25>...</td>
<td width=25>...</td>
...
...
<td width=50 colspan=2>...</td>

Vivo

Dreamworker

Registered: May 2002
Location: Tal der Könige
Posts: 1478

18.01.2003 - 21:13

Zitat von Phobos
versuch einfach mit
<td width=25>...</td>
<td width=25>...</td>
...
...
<td width=50 colspan=2>...</td>

Argh ... wenn das gehn würd, würds den thread auch nicht geben !

Ultimus

-

Registered: Oct 2002
Location: Wien
Posts: 823

18.01.2003 - 23:32

imho geht das gar nicht

allerdings gibts einen automatischen zeilenumbruch, wenn du leerzeichen verwendest
das einzige was du fixieren kannst ist die breite und höhe mit <td width=X>

Bearbeitet von Ultimus am 18.01.2003, 23:35

XeroXs

doh

Registered: Nov 2000
Location: Lieboch
Posts: 10333

18.01.2003 - 23:35

jep.. geht ned (zumindest bei 99% aller browser)

nichtmal mit CSS...

Vivo

Dreamworker

Registered: May 2002
Location: Tal der Könige
Posts: 1478

18.01.2003 - 23:40

Zitat von XeroXs
jep.. geht ned (zumindest bei 99% aller browser)

nichtmal mit CSS...

Neiiiiiin .... :eek:

Mist ... kannma nix machen

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

19.01.2003 - 00:41

overvlow:hidden, nowrap müsste mit css funken...

<td width=25>...</td>
<td width=25>...</td>
<td width=50 colspan=2><div style="width:50;overflow:hidden;white-space:nowrap;">Wrappolator Wrappolator</div></td>

tja, kann man leider nix dran ändern dass es bei mir _so_ funkt...

Vivo

Dreamworker

Registered: May 2002
Location: Tal der Könige
Posts: 1478

19.01.2003 - 08:42

Zitat von watchout
overvlow:hidden, nowrap müsste mit css funken...

<td width=25>...</td>
<td width=25>...</td>
<td width=50 colspan=2><div style="width:50;overflow:hidden;white-space:nowrap;">Wrappolator Wrappolator</div></td>

tja, kann man leider nix dran ändern dass es bei mir _so_ funkt...

Also bei mir macht er mit diesem Code keinen Zeilenumbruch ... Er löscht einfach alles überflüssige weg ...
Ich brächte aber eine Funktione die automatisch (auch wenn ein der text in einem <pre> ist, die Breite der Tabelle NICHT verändert und stattdessen einen Zeilenumbruch macht ...

MDK

Addicted

Registered: Mar 2002
Location: Vlbg
Posts: 457

19.01.2003 - 09:03

Code:

 <TABLE style="table-layout: fixed;">
  <COLGROUP width="25px">
  <COLGROUP width="25px">
   <TR>
    <TD>...</TD>
    <TD>...</TD>
   </TR>
   <TR>
    <TD colspan=2>text der umge<WBR>brochen wird</TD>
   </TR>
 </TABLE>

so funktioniert es, aber frag mich bitte nicht welche Browser das wirklich unterstützen. Allerdings wird, wenn ein einzelnes Wort länger ist, als die Spalte breit, dieses einfach abgeschnitten.

/EDIT: ausser Du fügst an den möglichen Umbruchstellen <WBR> ein

Bearbeitet von MDK am 19.01.2003, 09:12

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

19.01.2003 - 11:07

Zitat von Vivo
Also bei mir macht er mit diesem Code keinen Zeilenumbruch ... Er löscht einfach alles überflüssige weg ...
Ich brächte aber eine Funktione die automatisch (auch wenn ein der text in einem <pre> ist, die Breite der Tabelle NICHT verändert und stattdessen einen Zeilenumbruch macht ...

ups, hab ich wohl falsch verstanden

jetzt hab ich mir das nochmal durchgelesen

also, wenn es nicht viel text is, kannst du nach jedem buchstaben nen <wbr> einfügen
wenn es ein fixer text is, kannst an der richtigen stelle gleich den <wbr> einfügen
andernfalls gehts net :rolleyes:

und das mit dem <pre> kannst dir sowieso in die haare schmiern! weil der tag is ja so gedacht, dass er sich eben nix um alles andere ******t und dort umbricht, wo im plain-text der \n is

was aber geht is dass man mit ner script-sprache zb nen \n alle xx zeichen einfügt....

Vivo Dreamworker Registered: May 2002 Location: Tal der Könige Posts: 1478	18.01.2003 - 20:25 Hallo ... Hab folgendes Problem : Ich hab eine Tabelle die soll ihr breite (egal wievie text drinnen steht) nicht verändern ... Sogar wenn eine Wort drinnen steht dass die ganze Zeile braucht soll einfach ein Zeilenumbrucht gemacht werden ... Wie geht ? tia Vivo
Ultimus - Registered: Oct 2002 Location: Wien Posts: 823	18.01.2003 - 20:30 imho <table> <colgroup> <col width=X> <col width=X> <col width=X> </colgroup> <tr> <td>1. zeile, 1. spalte</td> <td>1. zeile, 2. spalte</td> <td>1. zeile, 1. spalte</td> </tr> </table> alternativ: <table> <colgroup width=X span=X> </colgroup> <tr> <td>1. zeile, 1. spalte</td> <td>1. zeile, 2. spalte</td> <td>1. zeile, 1. spalte</td> </tr> </table> edit: is aus selfhtml buch Bearbeitet von Ultimus am 18.01.2003, 20:33
Vivo Dreamworker Registered: May 2002 Location: Tal der Könige Posts: 1478	18.01.2003 - 21:07 I checks ned ... Falls es nichts ausmacht könntest du mir demonstrieren an folgendem beispiel : <table width="50" border="1"> <tr> <td>blabla</td> <td>blabla</td> </tr> <tr> <td colspan="2">blablablablablablablablablablablabla</td> </tr> </table> So und jetzt möcht ich dass die Tabelle genau 50px breit ist ... Wär mördageil wennst des schnell demonstrieren könntest.
Phobos ✝ Registered: Jan 2003 Location: 1050 Posts: 2111	18.01.2003 - 21:11 versuch einfach mit <td width=25>...</td> <td width=25>...</td> ... ... <td width=50 colspan=2>...</td>
Vivo Dreamworker Registered: May 2002 Location: Tal der Könige Posts: 1478	18.01.2003 - 21:13 Zitat von Phobos versuch einfach mit <td width=25>...</td> <td width=25>...</td> ... ... <td width=50 colspan=2>...</td> Argh ... wenn das gehn würd, würds den thread auch nicht geben !
Ultimus - Registered: Oct 2002 Location: Wien Posts: 823	18.01.2003 - 23:32 imho geht das gar nicht allerdings gibts einen automatischen zeilenumbruch, wenn du leerzeichen verwendest das einzige was du fixieren kannst ist die breite und höhe mit <td width=X> Bearbeitet von Ultimus am 18.01.2003, 23:35
XeroXs doh Registered: Nov 2000 Location: Lieboch Posts: 10333	18.01.2003 - 23:35 jep.. geht ned (zumindest bei 99% aller browser) nichtmal mit CSS...
Vivo Dreamworker Registered: May 2002 Location: Tal der Könige Posts: 1478	18.01.2003 - 23:40 Zitat von XeroXs jep.. geht ned (zumindest bei 99% aller browser) nichtmal mit CSS... Neiiiiiin .... Mist ... kannma nix machen
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	19.01.2003 - 00:41 overvlow:hidden, nowrap müsste mit css funken... <td width=25>...</td> <td width=25>...</td> <td width=50 colspan=2><div style="width:50;overflow:hidden;white-space:nowrap;">Wrappolator Wrappolator</div></td> tja, kann man leider nix dran ändern dass es bei mir _so_ funkt...
Vivo Dreamworker Registered: May 2002 Location: Tal der Könige Posts: 1478	19.01.2003 - 08:42 Zitat von watchout overvlow:hidden, nowrap müsste mit css funken... <td width=25>...</td> <td width=25>...</td> <td width=50 colspan=2><div style="width:50;overflow:hidden;white-space:nowrap;">Wrappolator Wrappolator</div></td> tja, kann man leider nix dran ändern dass es bei mir _so_ funkt... Also bei mir macht er mit diesem Code keinen Zeilenumbruch ... Er löscht einfach alles überflüssige weg ... Ich brächte aber eine Funktione die automatisch (auch wenn ein der text in einem <pre> ist, die Breite der Tabelle NICHT verändert und stattdessen einen Zeilenumbruch macht ...
MDK Addicted Registered: Mar 2002 Location: Vlbg Posts: 457	19.01.2003 - 09:03 Code: `<TABLE style="table-layout: fixed;"> <COLGROUP width="25px"> <COLGROUP width="25px"> <TR> <TD>...</TD> <TD>...</TD> </TR> <TR> <TD colspan=2>text der umge<WBR>brochen wird</TD> </TR> </TABLE>` so funktioniert es, aber frag mich bitte nicht welche Browser das wirklich unterstützen. Allerdings wird, wenn ein einzelnes Wort länger ist, als die Spalte breit, dieses einfach abgeschnitten. /EDIT: ausser Du fügst an den möglichen Umbruchstellen <WBR> ein Bearbeitet von MDK am 19.01.2003, 09:12
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	19.01.2003 - 11:07 Zitat von Vivo Also bei mir macht er mit diesem Code keinen Zeilenumbruch ... Er löscht einfach alles überflüssige weg ... Ich brächte aber eine Funktione die automatisch (auch wenn ein der text in einem <pre> ist, die Breite der Tabelle NICHT verändert und stattdessen einen Zeilenumbruch macht ... ups, hab ich wohl falsch verstanden jetzt hab ich mir das nochmal durchgelesen also, wenn es nicht viel text is, kannst du nach jedem buchstaben nen <wbr> einfügen wenn es ein fixer text is, kannst an der richtigen stelle gleich den <wbr> einfügen andernfalls gehts net und das mit dem <pre> kannst dir sowieso in die haare schmiern! weil der tag is ja so gedacht, dass er sich eben nix um alles andere ******t und dort umbricht, wo im plain-text der \n is was aber geht is dass man mit ner script-sprache zb nen \n alle xx zeichen einfügt....

HTML : Tabelle fixieren

Forum Index > Software > Coding Stuff

Vivo

Ultimus

Vivo

Phobos

Vivo

Ultimus

XeroXs

Vivo

watchout

Vivo

MDK

watchout