login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tabelfout?

Offline svenie - 07/02/2005 16:45
Avatar van svenieHTML interesse http://members.lycos.nl/jouwstartpagina/?pag=auto

zoek daar naar de auto 'ferrari'.

ik ben met deze site bezig, maar zoals je ziet (wanneer je hebt gezocht naar ferrari) worden de tabbelen van het menu links veel groter.
hoe kan ik ervoor zorgen dat de bovenste 4 even groot blijven en de onderste alleen maar groter word?

17 antwoorden

Gesponsorde links
Offline wouter - 07/02/2005 16:48 (laatste wijziging 07/02/2005 16:49)
Avatar van wouter PHP interesse je kan de onderste een gefixte height meegeven en de rest open laten
hoewel ik betwijfel of het zal werken kun je eens proberen
Offline svenie - 07/02/2005 16:49
Avatar van svenie HTML interesse wat is een 'gefixde' height?
bijv. 500 px?
Offline wouter - 07/02/2005 16:50
Avatar van wouter PHP interesse bvb
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr height="">
Offline Button - 07/02/2005 16:52
Avatar van Button PHP ver gevorderde maak twee tabels aan in plaats van er één te maken en daar alles in te stoppen:
in voor het menu enzo. en een voor de zoekresultaten
Offline svenie - 07/02/2005 16:56 (laatste wijziging 11/07/2011 15:13)
Avatar van svenie HTML interesse :s

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td width="75" height="10" align="left" valign="top">Nieuws</td>
  2. <td rowspan="5" width="80%" align="left" valign="top">
  3. de inhoud
  4. </td>
  5. </tr>
  6. <tr>
  7. <td height="100" align="left" valign="top"><a href="?pag=auto">Autonieuws</a></td>
  8. </tr>
  9. <tr>
  10. <td height="10" align="left" valign="top">Dergelijken</td>
  11. </tr>
  12. <tr>
  13. <td height="100" align="left" valign="top">Games</td>
  14. </tr>
  15. <tr>
  16.  
  17. </tr>
  18. </table>


dit heb ik zeg maar...
maar al ik er <td height="100%" ofzo neer zet gebeurt er nog niks
Offline Thomas - 07/02/2005 17:06
Avatar van Thomas Moderator height moet je via CSS regelen...
Offline svenie - 07/02/2005 17:07
Avatar van svenie HTML interesse moet niet...
maar hoe kun je dan de laatste tabel afhankelijk maken van de middelste?
en de andere tabellen normaal laten
Offline wouter - 07/02/2005 17:08
Avatar van wouter PHP interesse het gemakkelijkst zal gaan via hetgeen button gezegd heeft denk ik 
btw fangorn: idd, hoe kon ik dat vergeten 
Offline svenie - 07/02/2005 17:10
Avatar van svenie HTML interesse heb je een woordenboek waarmee ik dit kan vertalen?

'maak twee tabels aan in plaats van er één te maken en daar alles in te stoppen:
in voor het menu enzo. en een voor de zoekresultaten'

snap het niet helemaal
Offline infinity - 07/02/2005 17:53 (laatste wijziging 07/02/2005 17:53)
Avatar van infinity Gouden medaille

Grafische gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <--! de hoofdtabel je kan het zien als een soort van container -->
  2. <table>
  3. 	<tr>
  4. 		<td>
  5. 			<--! de bovenste tabel afhankelijk van de onderste -->
  6. 			<table>
  7. 				<tr>
  8. 					<td>
  9. 					</td>
  10. 				</tr>
  11. 			</table>
  12. 		</td>
  13. 	</tr>
  14. 	<tr>
  15. 		<td>
  16. 			<--! de onderste tabel afhankelijk van de bovenste -->
  17. 			<table>
  18. 				<tr>
  19. 					<td>
  20. 					</td>
  21. 				</tr>
  22. 			</table>
  23. 		</td>
  24. 	</tr>
  25. </table>


mss snap je het zo een beetje het principe...
Offline svenie - 07/02/2005 18:26
Avatar van svenie HTML interesse aha 

snap het wel, je krijg een tabel binnen een tabel, maar dat hoeft toch niet?
hoe heeft sitemasters dat hier gedaan dan?
<<----
ik heb toch de grotes opgegeven
Offline BigBug - 07/02/2005 18:47
Avatar van BigBug PHP expert een table in een table? wat dacht je van een td in een table?
Offline svenie - 07/02/2005 18:49
Avatar van svenie HTML interesse sowwhat....
ik heb toch de grotes opgegeven
Offline infinity - 07/02/2005 19:29 (laatste wijziging 07/02/2005 19:32)
Avatar van infinity Gouden medaille

Grafische gevorderde		 bigbug wat je daar nou zegt slaat dus helemaal nergens op want natuurlijk moet een td in een table.

maar goed ik zal het proberen uit te leggen:

zoals je dus gemerkt heb wordt de ene td groter als je de andere ook groter maakt. Dit is eigelijk heel logisch maar dat kan je dus oplossen door tabellen in tabellen te zetten. dus als je bv zon pagina wilt hebben:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. |-------|
  2. |-------|
  3. |  |    |
  4. |  |    |
  5. |--|    |
  6.    |----


lukt dat je niet met 1 enkele tabel zoals je dus gemerkt hebt. want als je de rechter td vergroot wordt de linker ook groter ook al heb je hem een height mee gegeven.
Als oplossing moet je dus tabellen in tabellen gebruiken zoals ik al gezegd heb en dat doe je op de volgende manier:

je maakt eerst 1 hoofd tabel zoals je de site er uit wilt hebben zien. dus boven 1 header links een menu en rechts een content vak. dat gaat zoals je zelf waarschijnlijk ook wel weet op deze manier:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table>
  2. 	<tr>
  3. 		<td>
  5. 		</td>
  6. 	</tr>
  7. 	<tr>
  8. 		<td>
  9. 		menu
  10. 		</td>
  11. 		<td>
  12. 		content
  13. 		</td>
  14. 	</tr>
  15. </table>

als je dit hebt doe je het volgende:
je maakt op de plek waar je tekst wilt hebben en dat dus ook steeds verschillende afmetingen krijgt als je naar een andere pagina gaat een tabel. in dit geval dus op de plek waar nu menu en content staat.
zo dus:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table>
  2. 	<tr>
  3. 		<td>
  5. 		</td>
  6. 	</tr>
  7. 	<tr>
  8. 		<td>
  9. 			<table>
  10. 				<tr>
  11. 					<td>
  12. 					menu
  13. 					</td>
  14. 				</tr>
  15. 			</table>
  16. 		</td>
  17. 		<td>
  18. 			<table>
  19. 				<tr>
  20. 					<td>
  21. 					content
  22. 					</td>
  23. 				</tr>
  24. 			</table>
  25. 		</td>
  26. 	</tr>
  27. </table>


als je nu de tekst in het content vak vergroot zal de HOOFDTABEL dus die container zich alleen vergroten. maar de tabel waar het menu staat NIET.

dit is dus de oplossing voor je probleem dat je menu groter wordt als je content vak groter wordt.


EDIT

nog een dingetje die ik niet verteld heb. als je linker td van je hoofdtabel dus groter wordt gaat de menu tabel in het midden staan. dat kan je verhelpen door valign="top" neer te zetten in de td waar je menu tabel in staat. dus zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td valign="top">
  2. 			<table>
  3. 				<tr>
  4. 					<td>
  5. 					menu
  6. 					</td>
  7. 				</tr>
  8. 			</table>
  9. 		</td>
Offline Aar - 11/07/2011 15:35
Avatar van Aar PHP interesse Waarom klooien met tabellen? Met CSS, divjes en andere logische HTML-tags kan je dit ook prima voor elkaar krijgen.

Verdiep je dus in CSS, semantiek en xHTML en je ben er zeker van dat je site veel makkelijk onderhoudbaar is.
Offline Maarten - 11/07/2011 16:43
Avatar van Maarten Erelid @Aar: cool, 6 jaar later wordt het goeie antwoord gegeven 
Offline Aar - 12/07/2011 10:43 (laatste wijziging 12/07/2011 10:45)
Avatar van Aar PHP interesse Lolwut.... 

Niet eens gezien, ik zag wel dat dit topic in de rechts in de tracker stond. Er is dus blijkbaar een reactie geweest die gewist was, waarna dit topic er waarschijnlijk in bleef te staan.

Mja, okee dan. Topic kan dicht, en ik hoop dat de TS inmiddels al CSS al ontdekt zal hebben.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.237s