vastzetten tabel

Status
Niet open voor verdere reacties.
M

Manjana2

Gebruiker
Lid geworden
2 jan 2008
Berichten
8
Hallo,

hoe kan ik een gedeelte van een pagina vastzetten, zodat die niet meer kan verschuiven als ik iets in de rest verander (template gemaakt, linkerkant is het menu maar de knoppen verschuiven steeds als ik rechts iets verander).
Groetjes
 
Zou je de broncode hier even tussen
HTML: 
...
 willen zetten?

Dan hebben wij een idee van de indeling :)
 
De pagina is opgemaakt door middel van HTML-tags, zou je die allemaal hier willen plaatsen tussen de bovengenoemde tags.

De code kun je vinden onder het tabblad "Code" (dus niet in "Design-modus")
 
HTML-tags

Als het goed is, zijn dit ze, maar volgens mij neemt ie ook de kolom ernaast mee.
Kun je hier wat mee?


HTML: 
<table width="987" border="0" bgcolor="#FF0000">
  
  <tr>
    <th height="56" bgcolor="#FF0000" scope="col"><span class="style2"><img src="buttons/button home.GIF" width="188" height="46" /></span></th>
    <th width="786" rowspan="7" bordercolor="#FF0000" bgcolor="#FF0000" scope="col"><p class="style3">Welkom op de site van Obs het Spectrum!</p>
      <p class="style2">&nbsp;</p>
    <p class="style2">Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de kinderen.</p>
    <p class="style2">Mocht u na het bekijken van de site nog vragen hebben, of onze school willen bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.</p>
    <p class="style2">Met vriendelijke groet, het team van Obs het Spectrum.</p>
    <blockquote>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      </blockquote></th>
  </tr>
  <tr>
    <th height="49" bgcolor="#FF0000" scope="col"><img src="buttons/button ziekmelden.GIF" width="190" height="48" /></th>
  </tr>
  <tr>
    <th height="46" bgcolor="#FF0000" scope="col"><img src="buttons/button alg info.GIF" width="188" height="46" /></th>
  </tr>
  <tr>
    <th height="49" bgcolor="#FF0000" scope="col"><img src="buttons/button ouders.GIF" width="187" height="48" /></th>
  </tr>
  <tr>
    <th height="48" bgcolor="#FF0000" scope="col"><img src="buttons/button kinderen.GIF" width="190" height="48" /></th>
  </tr>
  <tr>
    <th height="48" bgcolor="#FF0000" scope="col"><span class="style2"><img src="buttons/button contact.GIF" width="191" height="46" /></span></th>
  </tr>
  <tr>
    <th height="71" bgcolor="#FF0000" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <th width="191" bgcolor="#FF0000" scope="col">&nbsp;</th>
    <td height="1232" bordercolor="#FF0000" bgcolor="#FF0000">&nbsp;</td>
  </tr>
</table>
 
Laatst bewerkt door een moderator:
Welkom op Helpmij.:)

Ik heb het even tussen de HTML-code gezet. Nu zie je wat Tha Devil bedoelde.
 
Nu bgrijp ik je vraag pas.
Vondt het rare code, dus gelijk content toegevoegd:
HTML: 
<html>
<head>
<title>test</title>
</head>
<body>
<table width="987" border="0" bgcolor="#FF0000">
  
  <tr>
    <th height="56" bgcolor="#FF0000" scope="col"><span class="style2"><img src="buttons/button home.GIF" width="188" height="46" /></span></th>
    <th width="786" rowspan="7" bordercolor="#FF0000" bgcolor="#FF0000" scope="col"><p class="style3">Welkom op de site van Obs het Spectrum!</p>
      <p class="style2">&nbsp;</p>
    <p class="style2">Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de kinderen.</p>
    <p class="style2">Mocht u na het bekijken van de site nog vragen hebben, of onze school willen bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.</p>
    <p class="style2">Met vriendelijke groet, het team van Obs het Spectrum.</p>
    <blockquote>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>Welkom op de site van Obs het Spectrum!</p>
      <p class="style2">&nbsp;</p>
    <p class="style2">Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de kinderen.</p>
    <p class="style2">Mocht u na het bekijken van de site nog vragen hebben, of onze school willen bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.</p>
    <p class="style2">Met vriendelijke groet, het team van Obs het Spectrum.</p>
    <blockquote>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
Welkom op de site van Obs het Spectrum!</p>
      <p class="style2">&nbsp;</p>
    <p class="style2">Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de kinderen.</p>
    <p class="style2">Mocht u na het bekijken van de site nog vragen hebben, of onze school willen bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.</p>
    <p class="style2">Met vriendelijke groet, het team van Obs het Spectrum.</p>
    <blockquote>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
Welkom op de site van Obs het Spectrum!</p>
      <p class="style2">&nbsp;</p>
    <p class="style2">Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de kinderen.</p>
    <p class="style2">Mocht u na het bekijken van de site nog vragen hebben, of onze school willen bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.</p>
    <p class="style2">Met vriendelijke groet, het team van Obs het Spectrum.</p>
    <blockquote>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>
      <p align="left" class="style2">&nbsp;</p>

      </blockquote></th>
  </tr>
  <tr>
    <th height="49" bgcolor="#FF0000" scope="col"><img src="buttons/button ziekmelden.GIF" width="190" height="48" /></th>
  </tr>
  <tr>
    <th height="46" bgcolor="#FF0000" scope="col"><img src="buttons/button alg info.GIF" width="188" height="46" /></th>
  </tr>
  <tr>
    <th height="49" bgcolor="#FF0000" scope="col"><img src="buttons/button ouders.GIF" width="187" height="48" /></th>
  </tr>
  <tr>
    <th height="48" bgcolor="#FF0000" scope="col"><img src="buttons/button kinderen.GIF" width="190" height="48" /></th>
  </tr>
  <tr>
    <th height="48" bgcolor="#FF0000" scope="col"><span class="style2"><img src="buttons/button contact.GIF" width="191" height="46" /></span></th>
  </tr>
  <tr>
    <th height="71" bgcolor="#FF0000" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <th width="191" bgcolor="#FF0000" scope="col">&nbsp;</th>
    <td height="1232" bordercolor="#FF0000" bgcolor="#FF0000">&nbsp;</td>
  </tr>
</table>
<br>
</body>
</html>

En inderdaat je menu gaat er vandoor.
Simpel ook de oorzaak op te sporen: rowspan="7"

Dus dat werkt niet.

Hier aangepaste versie:

HTML: 
<html>
	<head>
		<title>
			test
		</title>
	</head>
	<body>
		
		<table  width="95%" border="1" cellspacing="0" cellpadding="4" bgcolor="#ffffd2" align="center">
			<tr>
				<!-- Row 1 Column 1 -->
				<td  valign="top" widt="190">
					<table>
						<tr>
							    
							<th height="49" bgcolor="#FF0000" scope="col">
								<img src="buttons/button ziekmelden.GIF" width="190" height="48" />
							</th>
							  
						</tr>
						  
						<tr>
							    
							<th height="46" bgcolor="#FF0000" scope="col">
								<img src="buttons/button alg info.GIF" width="188" height="46" />
							</th>
							  
						</tr>
						  
						<tr>
							    
							<th height="49" bgcolor="#FF0000" scope="col">
								<img src="buttons/button ouders.GIF" width="187" height="48" />
							</th>
							  
						</tr>
						  
						<tr>
							    
							<th height="48" bgcolor="#FF0000" scope="col">
								<img src="buttons/button kinderen.GIF" width="190" height="48" />
							</th>
							  
						</tr>
						  
						<tr>
							    
							<th height="48" bgcolor="#FF0000" scope="col">
								
								<img src="buttons/button contact.GIF" width="191" height="46" />
							</th>
							  
						</tr>
						 
					</table>
					    
					 
				</td>
				<!-- Row 1 Column 2 -->
				<td >
					<p class="style3">
					Welkom op de site van Obs het Spectrum!
					</p>
					      
					<p class="style2">
					&nbsp;
					</p>
					    
					<p class="style2">
					Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse
					activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de
					kinderen.
					</p>
					    
					<p class="style2">
					Mocht u na het bekijken van de site nog vragen hebben, of onze school willen
					bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.
					</p>
					    
					<p class="style2">
					Met vriendelijke groet, het team van Obs het Spectrum.
					</p>
					    
					
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					Welkom op de site van Obs het Spectrum!
					</p>
					      
					<p class="style2">
					&nbsp;
					</p>
					    
					<p class="style2">
					Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse
					activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de
					kinderen.
					</p>
					    
					<p class="style2">
					Mocht u na het bekijken van de site nog vragen hebben, of onze school willen
					bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.
					</p>
					    
					<p class="style2">
					Met vriendelijke groet, het team van Obs het Spectrum.
					</p>
					    
					
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					Welkom op de site van Obs het Spectrum!
					</p>
					      
					<p class="style2">
					&nbsp;
					</p>
					    
					<p class="style2">
					Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse
					activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de
					kinderen.
					</p>
					    
					<p class="style2">
					Mocht u na het bekijken van de site nog vragen hebben, of onze school willen
					bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.
					</p>
					    
					<p class="style2">
					Met vriendelijke groet, het team van Obs het Spectrum.
					</p>
					    
					
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					Welkom op de site van Obs het Spectrum!
					</p>
					      
					<p class="style2">
					&nbsp;
					</p>
					    
					<p class="style2">
					Op deze site vindt u o.a. algemene uitleg over onze school, de buitenschoolse
					activiteiten, belangrijke mededelingen, het jaaroverzicht en werkjes van de
					kinderen.
					</p>
					    
					<p class="style2">
					Mocht u na het bekijken van de site nog vragen hebben, of onze school willen
					bezoeken, dan bent u van harte welkom! U kunt dan even contact met ons opnemen.
					</p>
					    
					<p class="style2">
					Met vriendelijke groet, het team van Obs het Spectrum.
					</p>
					    
					
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					      
					<p align="left" class="style2">
					&nbsp;
					</p>
					
					      
					
				</td>
			</tr>
		</table>
		<br>
	</body>
</html>

Tabel in linker td voor menu.


:cool:
 
Zoals ik al zei: leek....Wat moet ik precies veranderen? (sorry)
Bedankt voor de (snelle) hulp!
 
Wat je moet veranderen:
je manier van werken.

Je moet nooit rowspan of colspan gebruiken indien je op een bepaalde plek tekst of plaatjes wenst in te voegen
welke groter zijn dan de basisopzet.

Wat moet je doen?
Eerst een tabel aanmaken met twee kolommen. (ALTIJD direct valign="top" uitlijnen naar boven invullen)
Dan in de linker kolom een NIEUWE tabel maken. (DIT is voor je MENU)

In de rechter kolom kun je dan je tekst/verhaal kwijt.

Als je de twee door mij gegeven html codes in een nieuwe pagina inplakt in html mode, dan kun je de verschillen zien.

:cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan