Hoi Ik heb een vraagje.

Ik heb een tabel gemaakt, deze kolommen heb ik een breedte gegeven dmv css.

vb:

<style type="text/css">
    table {
        font-family:verdana;
        font-size: 11px;
        width: 300px;
        background: black;
        color: white;
    }
    th, td {
        text-align: left;
        height: 11px;
        padding: 1px;
        border-right: 2px solid white;
    }
    .colId {
        width:50px;
    }
    .colName {
        width:100px;
    }
    .colEmail {
        width: 150px;
    }
</style>

<table cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th class="colId">id</th>
      <th class="colName">name</th>
      <th class="colEmail">email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>test</td>
      <td>[email protected]</td>
    </tr>
    <tr>
      <td colspan="3">Hier komt wat tekst blaat</td>
    </tr>
  </tbody>
</table>

<table cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th class="colId">id</th>
      <th class="colName">name</th>
      <th class="colEmail">email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>test</td>
      <td>[email protected]</td>
    </tr>
    <tr>
      <td colspan="3" style="height: auto;">Hier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaatHier komt wat tekst blaat</td>
    </tr>
  </tbody>
</table>


als ik een regel tekst heb in de colspan gaat alles goed, maar zodra de tekst zo lang wordt dat er 2 regels nodig zijn, dan is de layout van de tabel helemaal naar de klote

heeft iemand hier ervaring mee? of weet iemand hier een oplossing voor? laat het me aub weten.

gr Mike
hoogtes en breedtes toevoegen in je <table>. Verder je al langzaam te gaan verdiepen in CSS met DIV's.
Ik werk allang met divs, maar data moet je niet in divs doen, daar zijn tabellen voor uitgevonden

en hoogte etc, heb ik allemaal al toegevoegd

Ik heb bovenstaande code aangepast, zodat ook een stuk css er in zit
in je css heb je height: 11px; staan. maak daar min-height van en t zou dan goed moeten werken.
heb je het online ergens staan?

Reageren