login  Naam:   Wachtwoord: 
Registreer je!
 Forum

table / cell padding?

Offline Erwt - 26/02/2007 22:37
Avatar van ErwtPHP beginner Hej allemaal, het voorbeeld is te zien op:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. http://www.dma-hq.nl/


Dan zie je bij Team, dat de padding bovenaan van de images niet goed is. Hoe kan ik dit het beste oplossen? De padding onderaan is standaard, deze krijg ik dus ook niet weg. De padding tussen de plaatjes zijn gewoon spaties.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. 	"http://www.w3.org/TR/xhtml1-strict.dtd">
  4.  
  5. <html>
  6. 	<head>
  7. 		<title>
  8. 			My Final Destination :: Comming Soon
  9. 		</title>
  10.  
  11. 		<script type="text/javascript" name="Javascript">
  12. 			var Team_content="<table class='table_management' border='0px' cellspacing='0px' cellpadding='0px'><tr><td height='1px' style='border: 1px solid #000000' bgcolor='#C0C0C0'>Management</td></tr><tr><td padding='0px' style='border-left: 1px solid #000000; border-right: 1px solid #000000; border-top-width: 1px; border-bottom: 1px solid #000000'>&nbsp;<img src='images/members/zero.bmp' onclick='profiles_zero()'></img>&nbsp;<img src='images/members/zero.bmp' onclick='profiles_zero()'></img>&nbsp;<img src='images/members/zero.bmp' onclick='profiles_zero()'></img>&nbsp;<img src='images/members/zero.bmp' onclick='profiles_zero()'></img>&nbsp;<img src='images/members/zero.bmp' onclick='profiles_zero()'></img>&nbsp;</td></tr></table>"
  13.  
  14. 		function profiles_zero() {
  15. 			window.open('profiles/zero.html','ZeRO','width=300px,height=600px,scrollbars=no,toolbar=no,location=no,menubar=no,status=no,resizable=no');
  16. 		}
  17. 		function Home_mouseover() {
  18. 			document.Home.src ="images/Home_over.bmp"
  19. 		}
  20. 		function Sponsors_mouseover() {
  21. 			document.Sponsors.src ="images/Sponsors_over.bmp"
  22. 		}
  23. 		function Team_mouseover() {
  24. 			document.Team.src ="images/Team_over.bmp"
  25. 		}
  26. 		function Contact_mouseover() {
  27. 			document.Contact.src ="images/Contact_over.bmp"
  28. 		}
  29. 		function Home_mouseout() {
  30. 			document.Home.src ="images/Home.bmp"
  31. 		}
  32. 		function Sponsors_mouseout() {
  33. 			document.Sponsors.src ="images/Sponsors.bmp"
  34. 		}
  35. 		function Team_mouseout() {
  36. 			document.Team.src ="images/Team.bmp"
  37. 		}
  38. 		function Contact_mouseout() {
  39. 			document.Contact.src ="images/Contact.bmp"
  40. 		}
  41. 		function Home_mouseclick() {
  42. 			document.getElementById('p_content').innerHTML = 'Home';
  43. 		}
  44. 		function Sponsors_mouseclick() {
  45. 			document.getElementById('p_content').innerHTML = 'Sponsors';
  46. 		}
  47. 		function Team_mouseclick() {
  48. 			document.getElementById('p_content').innerHTML = Team_content;
  49. 		}
  50. 		function Contact_mouseclick() {
  51. 			document.getElementById('p_content').innerHTML = 'Contact';
  52. 		}
  53. 		</script>
  54.  
  55. 		<style type="text/css" name="StyleSheet">
  56. 			body {
  57. 				background:					url(images/background.gif);
  58. 			}
  59. 			.div_content {
  60. 				position:					reletive;
  61. 				float:						right;
  62. 				width:						300px;
  63. 				height:						600px;
  64. 				border:						solid black 1px;
  65. 				background:					#FFFFFF;
  66. 				text-align:					center;
  67. 				background:					url(images/copyright.bmp);
  68. 			}
  69. 			.td_management {
  70. 				border:						1px solid #000000;
  71. 				border-top:					0px;
  72. 				padding:					5px;
  73. 				height:						65px;
  74. 			}
  75. 			.table_management {
  76. 				margin-left:				auto;
  77. 				margin-right:				auto;
  78. 			}
  79. 		</style>
  80. 	</head>
  81.  
  82. <body>
  83. 	<div class="div_content">
  84. 		<img id="Home" src="images/Home.bmp" border="0" OnMouseOver="Home_mouseover()" OnMouseOut="Home_mouseout()" OnClick="Home_mouseclick()"></img><img name="Sponsors" src="images/Sponsors.bmp" border="0" OnMouseOver="Sponsors_mouseover()" OnMouseOut="Sponsors_mouseout()" OnClick="Sponsors_mouseclick()"></img><img name="Team" src="images/Team.bmp" border="0" OnMouseOver="Team_mouseover()" OnMouseOut="Team_mouseout()" OnClick="Team_mouseclick()"></img><img name="Contact" src="images/Contact.bmp" border="0" OnMouseOver="Contact_mouseover()" OnMouseOut="Contact_mouseout()" OnClick="Contact_mouseclick()"></img>
  85. 		<br /><br />
  86. 		<p class="p_content" id="p_content">Home</p>
  87. 	</div>
  88. </body>
  89.  
  90. </html>

2 antwoorden

Gesponsorde links
Offline Gerard - 26/02/2007 22:47
Avatar van Gerard Ouwe rakker Die js functies zijn eigenlijk een beetje overbodig. Je kan dit namelijk makkelijk doen door met argumenten te werken en deze functies terug te brengen tot 3.

Daarnaast lijkt het me een slim idee om van .bmp over te stappen op .jpg/.gif/.png
Offline bobby - 26/02/2007 22:59
Avatar van bobby Nieuw lid zet in uw css bij
body {margin:0px; padding:0px;}

<p class="p_content" id="p_content">Home</p> waar is diep_content dan???
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s