scrollen in een tabel

Status
Niet open voor verdere reacties.
S

stevendemunter

Gebruiker
Lid geworden
24 jul 2002
Berichten
704
Ikben een site voor een vriendin aan het maken in dreamweaver mx 2004.
Nu werk ik met verschillende tabellen ineen.
De twee binnenste tabbelen dienen als navigatiebalk en als main window (waar de tekst en fotos komen).
Nu wil er ik er voor zorgen dat wanneer er meer tekst staat in de main window dan dat er links in de navigatiebalk staat dat men in de rechts tabel kan scrollen.
Ik voeg een voorbeeld bij van de indexpagina

Dus het rechtse deel waar het meisje neerligt mag nooit van groote wijzigen ten opzicht vanhet linkse deel waar de ogen staan
 

Bijlagen

  • index.jpg
    index.jpg
    74,1 KB · Weergaven: 92
je kan frames gebruiken als je wilt dat de navigatie linksbovenaan blijft staan en als dat niet hoeft dan zet je in bij de linker kolom (in de <td> tag):
HTML: 
valign="top"
Dan blijft de inhoud in die kolom dus bovenaan staan terwijl de grootte toch verandert door de rechterkolom.

Edit: als je frames gebruik kan je ipv die 2 kolommen dit neerzetten:
PHP: 
<table>
<tr>
<td><?php include("pagina.htm"); ?>
</td>
</tr>
</table>

en in die pagina:
HTML: 
<html>
<head>
</head>

<frameset cols="270,*" framespacing="0" border="0" frameborder="0">
	<frame name="nav" src="nav.html" target="head" scrolling="auto" noresize>
	<frame name="head" src="head.html">
	<noframes>
	Op deze pagina worden frames gebruikt, maar uw browser ondersteunt geen 
	frames.
	</noframes>
</frameset>
</html>
.
 
Laatst bewerkt:
je hebt nu waarschijnlijk iets als dit:
HTML: 
<table width="waarde" border="waarde">
<tr>
<td width="waarde">
</td>
</tr>
</table>

Dat wordt nu dit:
HTML: 
<table width="waarde" border="waarde">
<tr>
<td width="waarde" valign="top">
</td>
</tr>
</table>
 
Ik heb dit

<table width="110" border="0" cellspacing="2" cellpadding="3">
<tr>
<th scope="col"><img src="eyes.JPG" width="111" height="39"></th>
</tr>
</table></th>
<th width="81%" align="left" valign="top" background="" scope="col"> <p class="style1">&nbsp;</p>
<p align="center"> <br>
 
Maar wanneer ik meer tekst invoeg dan dat er links ruimte is wordt de tabel toch groter hoor, ik wil dat er een scrol bar komt
 
weet niet zeker of dat kan... ik ga morgen voor je op zoek, het kan iig met een inline frame. Daarin kan je de grootte aanpassen.

Misschien krijg je morgen nog antwoord.
 
ik heb even gezocht en kwam hierop:
Zet dit in je head-tags (of in je css file):
HTML: 
<style>
.scroll { 
   height: 100px; 
   overflow: auto; } 
</style>

en dit in je tabel:
HTML: 
<table>
  <tr>
     <td border="WAARDE" width="WAARDE"></td>
     <td border="WAARDE" width="WAARDE"><div class="scroll">TEKST</div></td>
  </tr>
</table>

hoop dat je het een beetje snapt. wat binnen de div staat krijgt dus een scrollbar. de grootte van het stuk moet je in de style aanpassen. evt kan je ook een breedte neerzetten.
Suc6:thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan