login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met uitlijning menu items

Offline killthebest - 13/04/2008 11:48 (laatste wijziging 13/04/2008 12:29)
Avatar van killthebestNieuw lid Goedemorgen,

Ik zit met het volgende probleem

http://kleding....na=overons

Zo als je kan zien zit er een grote ruimte tussen de menu knoppen aan de linker kant. Mijn bedoeling was dat als de tekst in het content gedeelte groter is dan dat er in past de plaatjes uitrekken en het netjes aanvullen terwijl het menu goed onder elkaar blijft wat er dus wel gebeurt bij het content gedeelte maar niet bij het plaatje menuextencion Mijn vraag is dus hoe kan ik dit oplossen.

ps de menu items zijn nu nog niet gelinkt.

mijn code:

Plaatscode: 6879

4 antwoorden

Gesponsorde links
Offline Martijn - 13/04/2008 12:02
Avatar van Martijn Crew PHP ik denk dat het oplost als je elk plaatje een position geeft met zoveel van van top, en dan je div een bg image te geven zoals je knopjes zijn, maar zonder tekst.
Offline killthebest - 13/04/2008 12:54
Avatar van killthebest Nieuw lid Het zijn alleen geen divs maar tabel cellen
Offline Martijn - 13/04/2008 14:26
Avatar van Martijn Crew PHP oh, dan is het nog simpeler geef elke td van een knop dezelfde afmeting als het plaatje at de knop is, en zet onderaan 1 extra <td></td> zonder iets erin

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table cellpadding=0 cellspacing=0>
  2. <tr><td heigth=10><img van 10px></td></tr>
  3. <tr><td></td></tr>

die lege td rekt dan mee zover er over is 
Offline killthebest - 13/04/2008 15:18 (laatste wijziging 13/04/2008 22:35)
Avatar van killthebest Nieuw lid Het probleem is in firefox bijna opgelost er zit nog een grote ruimte tussen de eerste 2 menu items. Maar in IE is het nog steeds het zelfde liedje. Als er iemand een idee heeft het mag ook op een andere manier dan met een tabel want ik wordt er echt gek van.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table id="Table_01" width="738" border="0" cellpadding="0" cellspacing="0" align="center">
  2. 	<tr>
  3. 		<td colspan="20">
  4. 			<img id="bannertop" src="images/bannertop.gif" width="737" height="3" alt="" /></td>
  5. 		<td>
  6. 			<img src="images/spacer.gif" width="1" height="3" alt="" /></td>
  7. 	</tr>
  8. 	<tr>
  9. 		<td colspan="8" rowspan="2">
  10. 			<img id="banner" src="*" width="597" height="167" alt="" /></td>
  11. 		<td colspan="2"><a href="#">
  12. 			<img id="france" src="images/france.gif" width="18" height="12" alt="" border="0" /></a></td>
  13. 		<td>
  14. 			<img id="langspace1" src="images/langspace1.gif" width="9" height="12" alt="" /></td>
  15. 		<td><a href="#">
  16. 			<img id="italy" src="images/italy.gif" width="18" height="12" alt="" border="0" /></a></td>
  17. 		<td>
  18. 			<img id="langspace2" src="images/langspace2.gif" width="9" height="12" alt="" /></td>
  19. 		<td><a href="#">
  20. 			<img id="spain" src="images/spain.gif" width="18" height="12" alt="" border="0" /></a></td>
  21. 		<td>
  22. 			<img id="langspace3" src="images/langspace3.gif" width="9" height="12" alt="" /></td>
  23. 		<td><a href="#">
  24. 			<img id="germany" src="images/germany.gif" width="18" height="12" alt="" border="0" /></a></td>
  25. 		<td>
  26. 			<img id="langspace4" src="images/langspace4.gif" width="9" height="12" alt="" /></td>
  27. 		<td><a href="#">
  28. 			<img id="netherlands" src="images/netherlands.gif" width="18" height="12" alt="" border="0" /></a></td>
  29. 		<td colspan="2">
  30. 			<img id="langspace5" src="images/langspace5.gif" width="14" height="12" alt="" /></td>
  31. 		<td>
  32. 			<img src="images/spacer.gif" width="1" height="12" alt="" /></td>
  33. 	</tr>
  34. 	<tr>
  35. 		<td colspan="12">
  36. 			<img id="banner3" src="images/banner3.gif" width="140" height="155" alt="" /></td>
  37. 		<td>
  38. 			<img src="images/spacer.gif" width="1" height="155" alt="" /></td>
  39. 	</tr>
  40. 	<tr>
  41. 		<td rowspan="11" class="leftspacer"></td>
  42. 		<td colspan="2">
  43. 			<img id="homebutton1" src="images/homebutton1.gif" width="126" height="34" alt="" /></td>
  44. 		<td>
  45. 			<img id="menutopspace1" src="images/menutopspace1.gif" width="76" height="34" alt="" /></td>
  46. 		<td>
  47. 			<img id="overonsbutton1" src="images/overonsbutton1.gif" width="125" height="34" alt="" /></td>
  48. 		<td>
  49. 			<img id="menutopspace2" src="images/menutopspace2.gif" width="76" height="34" alt="" /></td>
  50. 		<td>
  51. 			<img id="linksbutton1" src="images/linksbutton1.gif" width="125" height="34" alt="" /></td>
  52. 		<td colspan="2">
  53. 			<img id="menutopspace3" src="images/menutopspace3.gif" width="76" height="34" alt="" /></td>
  54. 		<td colspan="10">
  55. 			<img id="contactbutton1" src="images/contactbutton1.gif" width="125" height="34" alt="" /></td>
  56. 		<td rowspan="11" class="rightspacer"></td>
  57. 		<td>
  58. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  59. 	</tr>
  60.  
  61. 	<tr>
  62. 		<td rowspan="2" colspan="1" height="34" valign="top">
  63. 			<img id="nieuweballenbutton1" src="images/nieuweballenbutton1.gif" width="125" height="34" alt="" /></td>
  64. 		<td colspan="17">
  65. 			<img id="contentmenuspacer" src="images/contentmenuspacer.gif" width="604" height="4" alt="" /></td>
  66. 		<td>
  67. 			<img src="images/spacer.gif" width="1" height="4" alt="" /></td>
  68. 	</tr>
  69. 	<tr>
  70. 		<td colspan="17" rowspan="9" class="content">
  71.  
  72. 						<?PHP
  73.  
  74. $sPagina = array();
  75.  
  76. $aPagina[] = "mailform";
  77. $aPagina[] = "overons";
  78. $aPagina[] = "links";
  79. $aPagina[] = "home";
  80. $aPagina[] = "nieuweballen";
  81. $aPagina[] = "lakeballs";
  82. $aPagina[] = "bedrukking";
  83. $aPagina[] = "rangeballen";
  84. $aPagina[] = "collectors";
  85. $aPagina[] = "accessoires";
  86. $aPagina[] = "clubrepair";
  87. $aPagina[] = "404";
  88.  
  89. if(Isset($_GET['pagina']) && $_GET['pagina'] != "home")
  90. {
  91.     if(In_Array($_GET['pagina'], $aPagina) && File_Exists($_GET['pagina'].".php"))
  92.     {
  93.         $sPagina = $_GET['pagina'];
  94.     } else
  95.     {
  96.         $sPagina = "404";
  97.     }
  98. } else
  99. {
  100.     $sPagina = "home";
  101. }
  102. include $sPagina.".php";
  103.  
  104. ?>
  105. 			</td>
  106. 		<td>
  107. 			<img src="images/spacer.gif" width="1" height="30" alt="" /></td>
  108. 	</tr>
  109. 	<tr>
  110. 		<td colspan="1" height="34" valign="top">
  111. 			<img id="lakeballsbutton1" src="images/lakeballsbutton1.gif" width="125" height="34" alt="" /></td>
  112. 		<td>
  113. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  114. 	</tr>
  115. 	<tr>
  116. 		<td colspan="1" height="34" valign="top">
  117. 			<img id="bedrukkingbutton1" src="images/bedrukkingbutton1.gif" width="125" height="34" alt="" /></td>
  118. 		<td>
  119. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  120. 	</tr>
  121. 	<tr>
  122. 		<td colspan="1" height="34" valign="top">
  123. 			<img id="rangeballenbutton1" src="images/rangeballenbutton1.gif" width="125" height="34" alt="" /></td>
  124. 		<td>
  125. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  126. 	</tr>
  127. 	<tr>
  128. 		<td colspan="1" height="34" valign="top">
  129. 			<img id="collectorsitemsbutton1" src="images/collectorsitemsbutton1.gif" width="125" height="34" alt="" /></td>
  130. 		<td>
  131. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  132. 	</tr>
  133. 	<tr>
  134. 		<td colspan="1" height="34" valign="top">
  135. 			<img id="accessoiresbutton1" src="images/accessoiresbutton1.gif" width="125" height="34" alt="" /></td>
  136. 		<td>
  137. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  138. 	</tr>
  139. 	<tr>
  140. 		<td colspan="1" height="34" valign="top">
  141. 			<img id="clubrepairbutton1" src="images/clubrepairbutton1.gif" width="125" height="34" alt="" /></td>
  142. 		<td>
  143. 			<img src="images/spacer.gif" width="1" height="34" alt="" /></td>
  144. 	</tr>
  145. 	<tr>
  146. 		<td colspan="1" height="34" valign="top">
  147. 			<img id="palmlogo" src="images/palmlogo.gif" width="125" height="114" alt="" /></td>
  148. 		<td>
  149. 			<img src="images/spacer.gif" width="1" height="114" alt="" /></td>
  150. 	</tr>
  151. 	<tr>
  152. 		<td class="menuextension">
  153. 			</td>
  154. 		<td>
  155. 			<img src="images/spacer.gif" width="1" height="9" alt="" /></td>
  156. 	</tr>
  157. 	<tr>
  158. 		<td colspan="20">
  159. 			<img id="footer" src="images/footer.gif" width="737" height="19" alt="" /></td>
  160. 		<td>
  161. 			<img src="images/spacer.gif" width="1" height="19" alt="" /></td>
  162. 	</tr>
  163. 	<tr>
  164. 		<td colspan="20">
  165. 			<img id="copyright" src="images/copyright.gif" width="737" height="9" alt="" /></td>
  166. 		<td>
  167. 			<img src="images/spacer.gif" width="1" height="9" alt="" /></td>
  168. 	</tr>
  169. 	<tr>
  170. 		<td>
  171. 			<img src="images/spacer.gif" width="4" height="1" alt="" /></td>
  172. 		<td>
  173. 			<img src="images/spacer.gif" width="125" height="1" alt="" /></td>
  174. 		<td>
  175. 			<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
  176. 		<td>
  177. 			<img src="images/spacer.gif" width="76" height="1" alt="" /></td>
  178. 		<td>
  179. 			<img src="images/spacer.gif" width="125" height="1" alt="" /></td>
  180. 		<td>
  181. 			<img src="images/spacer.gif" width="76" height="1" alt="" /></td>
  182. 		<td>
  183. 			<img src="images/spacer.gif" width="125" height="1" alt="" /></td>
  184. 		<td>
  185. 			<img src="images/spacer.gif" width="65" height="1" alt="" /></td>
  186. 		<td>
  187. 			<img src="images/spacer.gif" width="11" height="1" alt="" /></td>
  188. 		<td>
  189. 			<img src="images/spacer.gif" width="7" height="1" alt="" /></td>
  190. 		<td>
  191. 			<img src="images/spacer.gif" width="9" height="1" alt="" /></td>
  192. 		<td>
  193. 			<img src="images/spacer.gif" width="18" height="1" alt="" /></td>
  194. 		<td>
  195. 			<img src="images/spacer.gif" width="9" height="1" alt="" /></td>
  196. 		<td>
  197. 			<img src="images/spacer.gif" width="18" height="1" alt="" /></td>
  198. 		<td>
  199. 			<img src="images/spacer.gif" width="9" height="1" alt="" /></td>
  200. 		<td>
  201. 			<img src="images/spacer.gif" width="18" height="1" alt="" /></td>
  202. 		<td>
  203. 			<img src="images/spacer.gif" width="9" height="1" alt="" /></td>
  204. 		<td>
  205. 			<img src="images/spacer.gif" width="18" height="1" alt="" /></td>
  206. 		<td>
  207. 			<img src="images/spacer.gif" width="10" height="1" alt="" /></td>
  208. 		<td>
  209. 			<img src="images/spacer.gif" width="4" height="1" alt="" /></td>
  210. 		<td></td>
  211. 	</tr>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s