[HTML] Regels afbreken in NIET te manipuleren cellen.

[Verwijderd]

Ik heb hier een probleem waar ik vannacht me redelijk over gebroken heb en geen oplossing voor vinden kan. Ik zal het proberen uit te leggen.

Ik heb een tabel met een tweetal cellen erin. Tussen deze 2 cellen staat een stuk code doormiddel van een variabele aangeroepen. Deze variabele geeft weer wat binnen de 2e tags staat.

Ik kan de code die tussen de 2e tags staat NIET aanpassen, dit is denk ik mijn probleem, wat gebeurt er dan ?

Wanneer ik de Tabel op een fixed breedte zet loopt de geprinte text die in Codetag 2 aan het einde van de tabel door in het "onzichtbare" en wordt dus niet afgebroken. Ik kan de tabel eigenlijk niet breder maken en wil er dus voor zorgen dat de regels in the 2e codetag afgebroken gaan worden... hoe ga ik dit doen ?

code:

<table width="300" border="0" cellspacing="0" cellpadding="0" class="fixed">
  <tr>
    <td>&nbsp;</td>
  </tr>
 [code_variabele] 
 <tr>
    <td>&nbsp;</td>
  </tr>
</table>

code:

<tr align = "center">
             <td class="norm" align="center" width="10%"><input type="checkbox" name="delete" value="order1"></td>
             <td class="norm" colspan="3">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr height="20">
                  <td class="norm" align="center" width="10%"></td>
                </tr>
                <tr height="20">
                  <td class="norm" nowrap><b>Regel1:</b> Output regel1&nbsp;</td>
                  <td class="norm" nowrap><b>Regel 2</b> Output regel 2</td>
                </tr>
                <tr height="20">
                             <td class="norm" nowrap width="20%"><b>Regel 3</td>
                             <td class="norm" nowrap width="20%" id="row4" style="display:"></td>
                             <td class="norm" nowrap width="20%" id="row5" style="display:"></td>
                           </tr>
                <tr id="row6" height="20" style="display:">
                  <td class="norm" nowrap>  </td>
                  <td class="norm" nowrap>  </td>
                </tr>
                <tr id="row8" height="20" style="display:">
                  <td class="norm" nowrap>  </td>
                  <td class="norm" nowrap>  </td>
                </tr>

[BtM909]

Belangrijkste is om te weten wat die code dan daadwerkelijk genereert in je 2e cel

Tekstdievastaanelkaarstaat wordt nl. niet netjes gewrapped. Staan er wel spaties in, dan moet je simpelweg die nowrap weghalen

[RobIII]

Dus [code_variabele] wordt vervangen door <tr><td>blabla</td></tr> ?
Je zou met wat CSS aan de slag kunnen (zeker als er een aparte class aan hangt op die gereplace-te code). Kun je er niet aan, dan kun je er verder weinig aan doen denk ik behalve met een stuk Javascript je DOM-nodes nog gaan tweaken/aanpassen.

BtM909 schreef op dinsdag 01 november 2005 @ 13:21:
Tekstdievastaanelkaarstaat wordt nl. niet netjes gewrapped. Staan er wel spaties in, dan moet je simpelweg die nowrap weghalen

Tekst&nbsp;met&nbsp;nbsp's&nbsp;ook&nbsp;niet

[ Voor 68% gewijzigd door RobIII op 01-11-2005 13:24 ]

[Verwijderd]

Dat is snel !!

Wat er in Code2 wordt uigepoept kan ik dus niet aanpassen, in iedergeval de tabellenstructuur niet. Dat valt dus af.

Een overrullende CSS wellicht ?

[BtM909]

RobIII schreef op dinsdag 01 november 2005 @ 13:21:
Dus [code_variabele] wordt vervangen door blabla ?
Je zou met wat CSS aan de slag kunnen (zeker als er een aparte class aan hangt op die gereplace-te code). Kun je er niet aan, dan kun je er verder weinig aan doen denk ik behalve met een stuk Javascript je DOM-nodes nog gaan tweaken/aanpassen.

[...]

Tekst met nbsp's ook niet

waar denk je dat de afkorting &nbsp voor staat?

[Verwijderd]

Ik ben hier uiteraard nog niet mee gestopt. Wat er gebeurt is bekend, vreemd echter dat in de norm-class helemaa niets voor layout gezet wordt, alleen lettertype.

In mijn beleving zou hij dus gewoon moeten afbreken

[ Voor 3% gewijzigd door Verwijderd op 01-11-2005 15:27 ]

[RobIII]

Verwijderd schreef op dinsdag 01 november 2005 @ 15:27:
Ik ben hier uiteraard nog niet mee gestopt. Wat er gebeurt is bekend, vreemd echter dat in de norm-class helemaa niets voor layout gezet wordt, alleen lettertype.

In mijn beleving zou hij dus gewoon moeten afbreken

Tenzij er een CSS definitie is voor de TD's, Tables of whatever. Denk er nog eens aan waar die C voor staat in CSS

[Verwijderd]

RobIII schreef op dinsdag 01 november 2005 @ 15:37:
[...]

Tenzij er een CSS definitie is voor de TD's, Tables of whatever. Denk er nog eens aan waar die C voor staat in CSS

De rest van de tabellen hebben er geen last van gek genoeg

[RobIII]

Verwijderd schreef op dinsdag 01 november 2005 @ 15:55:
[...]
De rest van de tabellen hebben er geen last van gek genoeg

Oooh, ja, dan weten we meteen waar het probleem zit!
Als je nou eens wat meer info geeft, wat (relevante!) CSS post, wat (relevante!) code post etc. Dan kunnen we je misschien wat meer helpen. We hebben helaas geen glazen bollen hier...

[Verwijderd]

RobIII schreef op dinsdag 01 november 2005 @ 16:00:
[...]

Oooh, ja, dan weten we meteen waar het probleem zit!
Als je nou eens wat meer info geeft, wat (relevante!) CSS post, wat (relevante!) code post etc. Dan kunnen we je misschien wat meer helpen. We hebben helaas geen glazen bollen hier...

Precies zoals ik in de TS heb aangegeven.... zonder enige CSS mee geladen werkt het ook niet.

[RobIII]

En zoals ik heb aangegeven heb ik niet genoeg aan de gegevens uit de TS. Ik zie namelijk niets staan waarom het niet zou werken...
Als ik je informatie, als ik het uberhaupt al goed begrijp, verwerk in een HTML document:

HTML:

<html>
<head>
    <title>Test</title>
</head>

<body>
<table width="300" border="0" cellspacing="0" cellpadding="0" class="fixed">
  <tr>
    <td>&nbsp;</td>
  </tr>
<tr align = "center">
             <td class="norm" align="center" width="10%"><input type="checkbox" name="delete" value="order1"></td>
             <td class="norm" colspan="3">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr height="20">
                  <td class="norm" align="center" width="10%"></td>
                </tr>
                <tr height="20">
                  <td class="norm" nowrap><b>Regel1:</b> Output regel1&nbsp;</td>
                  <td class="norm" nowrap><b>Regel 2</b> Output regel 2</td>
                </tr>
                <tr height="20">
                             <td class="norm" nowrap width="20%"><b>Regel 3</td>
                             <td class="norm" nowrap width="20%" id="row4" style="display:"></td>
                             <td class="norm" nowrap width="20%" id="row5" style="display:"></td>
                           </tr>
                <tr id="row6" height="20" style="display:">
                  <td class="norm" nowrap>  </td>
                  <td class="norm" nowrap>  </td>
                </tr>
                <tr id="row8" height="20" style="display:">
                  <td class="norm" nowrap>  </td>
                  <td class="norm" nowrap>  </td>
                </tr>
 <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Dan zie ik niet wat je probleem is of waar je naar toe wil of wat nou precies waar moet "wrappen". Je bent dus gewoon onvolledig en onduidelijk in de informatie die je ons verstrekt. En daarmee kunnen wij niets. En dan heb ik het nog niet eens over de "verkeerd" ingesprongen code waardoor het allemaal niet veel leesbaarder wordt, missende colspan's etc...

[ Voor 155% gewijzigd door RobIII op 01-11-2005 16:50 ]

[Verwijderd]

Simpel gezegt:

Ik wil van die nowraps af maar kan niet direct de code waar de nowraps instaan wijzigen.

Ik moet dus iets van een "overrullende" CSS workaround bedenken. Ik kan echt niets wijzigen aan de code2, wordt uit een cgi-script gehaald.

[ Voor 22% gewijzigd door Verwijderd op 01-11-2005 16:56 ]

[Verwijderd]

style="OVERFLOW: hidden;" meegeven aan je td

dit moet als het goed is je tekst afkappen als die langer is dan dan de lengte van je td

[BtM909]

Verwijderd schreef op dinsdag 01 november 2005 @ 17:02:
style="OVERFLOW: hidden;" meegeven aan je td

dit moet als het goed is je tekst afkappen als die langer is dan dan de lengte van je td

Afkappen ja, maar niet meer zichtbaar

[Verwijderd]

BtM909 schreef op dinsdag 01 november 2005 @ 17:03:
[...]

Afkappen ja, maar niet meer zichtbaar

tjsa.. das dan jammer

Dan zou hij een tooltip kunnen fixen op die td, zodat als ie eroverheen gaat wel de volledige tekst toont..

[ Voor 23% gewijzigd door Verwijderd op 01-11-2005 17:08 ]

[Verwijderd]

BtM909 schreef op dinsdag 01 november 2005 @ 17:03:
[...]

Afkappen ja, maar niet meer zichtbaar

Dat gebeurd nu dus al



Let even op de t en de halve m. Horen dus nog een 20-tal karatkers achter, die ik er dus graag onder zou willen hebben.

[ Voor 40% gewijzigd door Verwijderd op 01-11-2005 17:31 . Reden: Plaatje erbij :) ]

[Verwijderd]

Ik denk dat ik er wel uit ben. De nowrap kan ik helaas niet omzeilen, zit ingebakken in het CGI-script. Ik zal de programmer eens contacten.

[crisp]

Cascading Stylesheet:

td.norm { white-space: normal; }

Gelukkig gaat CSS boven HTML-attributen

[Verwijderd]

crisp schreef op dinsdag 01 november 2005 @ 22:52:

Cascading Stylesheet:

td.norm { white-space: normal; }

Gelukkig gaat CSS boven HTML-attributen

Toch wel ? .... er stond me iets van bij, echter had ik hier pas geleden een ander probleem mee.

Ik ga het proberen

edit:


Probleem is echter dat er meerdere cellen zijn die als class="norm" hebben Gaat dus helaas niet op

[ Voor 17% gewijzigd door Verwijderd op 02-11-2005 02:08 ]

[BasieP]

RitgerM:

ik weet net wat voor class er nog om je code heen zit maar ander doe je zoiets (ja is lelijk)

Cascading Stylesheet:

body table td table td {
  white-space: normal;
}

[ Voor 4% gewijzigd door BasieP op 02-11-2005 09:58 ]