login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Scrollbar in tabel lukt niet

Offline Backerke - 09/02/2007 13:45
Avatar van BackerkeNieuw lid Dag allemaal,

Bij het ontwerpen van een site kwam ik op het probleem dat ik geen scrollbar in een tabel kan maken. Na enig zoekwerk kwam ik hier terecht. Na de tutorials en de oplossing van het forum geraadpleegd te hebben, krijg ik het nog steeds niet klaar. De bedoeling is dat de gegevens van het gastenboek mooi met scrollbar weergegeven worden. site: http://users.telenet.be/rafdebacker Hier is het stukje code van de tabel: http://www.plaatscode.be/4129/
Hopelijk weet er iemand raad!
Alvast bedankt!
Raf

5 antwoorden

Gesponsorde links
Offline Thomas - 09/02/2007 13:50
Avatar van Thomas Moderator Je kunt een div met vaste hoogte en breedte maken, en in de CSS hiervan overflow: auto zetten. Er wordt dan waar nodig een horizontale en/of verticale scrollbalk geintroduceerd.
Offline Soebam - 09/02/2007 14:00
Avatar van Soebam HTML ver gevorderde Geef je tabel vervolgens een relatieve breedte mee (100%?).

  1. <div style="width: 500px; height: 500px; overflow-y: scroll;">
  2. <table width="100%">
  3. <tr>
  4. <td>hehe</td>
  5. </tr>
  6. </table>
  7. </div>
Offline Backerke - 09/02/2007 14:09
Avatar van Backerke Nieuw lid Allebei alvast bedankt voor de wel zeer snelle reacties!
Dit is de code die ik nu heb aangepast: http://www.plaatscode.be/4130/

En dit is het resultaat: http://users.te...nboek.html

Zoals je kan zien al wel een scrollbar maar blijkbaar heb ik mijn code ergens niet juist geplaatst!
Alvast bedankt!
Offline Soebam - 09/02/2007 15:04
Avatar van Soebam HTML ver gevorderde Je moest mijn code niet klakkeloos overnemen hé Die 500 pixels had ik zomaar even verzonnen. Dat moet je even aanpassen aan je eigen waarden. Om het geheel te centreren moet je dit toevoegen aan de css:
  1. margin: 0 auto;
Offline Backerke - 09/02/2007 15:53
Avatar van Backerke Nieuw lid Het is gelukt!!! Eindelijk  
Allemaal hartelijk bedankt voor de snelle en correcte reacties!
Groetjes!
Raf
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.201s