login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ruimte tussen menu en blad (Opgelost)

Offline awmoeder - 09/04/2008 20:08 (laatste wijziging 09/04/2008 20:11)
Avatar van awmoederLid ik heb een probleempje met m'n website: hier is de voorlopige versie: klik hier. Als je goed kijkt zie je een ruimte tussen mijn imagemap (bovenaan) en de tekst in het blad. Weet iemand hoe je dat kan oplossen?

m'n code

Plaatscode: 6621

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/DTD/xhtml1-strict.dtd">
  4. <html>
  5. <head>
  6.   <meta name="jeugdbeweging klj wortel" content="de website van de jeugdbeweging klj wortel">
  7.   <meta name="robots" content="index, follow">
  8.   <meta name="revisit-after" content="1 day">
  9.   <meta name="description" content="de website van de jeugdbeweging klj wortel met veel info over de activiteiten, de leden, de datums. Klj wortel, waar het iedere keer weer plezant is">
  10.   <meta name="keywords" content="jeugdbeweging, jeugbewegingen, klj, wortel, kljwortel, KLJ, katholieke landelijke jeugd">
  11.   <link href="css/stijl.css" type="text/css" rel=StyleSheet>
  12.   <link rel="shortcut icon" href="figuren/favicon.ico" type="image/x-icon">
  13.   <title>KLJ Wortel</title> 
  14.  
  15.  
  16. </head>
  17. <body>
  18.  
  19. <div id="menu">
  20. 	<?php require("php/menu.txt") ?> 
  21. </div>  
  22.  
  23. <div id="blad"> 
  24. 	<p>Hej beste KLJ'er, <br/>
  25. 	 <br/>
  26. 	 Het is eindelijk zo ver: Er is een nieuw KLJ-logo. Na jaar en dag vertrouwd 
  27. 	 te zijn met onze rode cirkel, is er nu een kersvers logo gelanceerd. Weldra 
  28. 	 zal je overrompeld worden met nieuwe sjaaltjes, T-shirts en truien waarop 
  29. 	 ons logo pronkt. <br/>
  30. 	 <br/>
  31. 	 De daltons en de kleppers hebben net het weekendje achter de rug. Het waren 
  32. 	 dagen gevuld met plezier, spel, (weinig) slapen en goed eten. De foto's van 
  33. 	 dit gebeuren zijn te bezichtigen op de fotopagina. <br/>
  34. 	 <br/>
  35. 	 Groetjes KLJ Wortel 
  36. 	</p>
  37. 	<p>&nbsp;</p>
  38. 	<p><img src="http://www.kljwortel.gethost.nl/fotopaginas/weekendje%202008/images/DSCF0029a.JPG" border="1"></p>
  39. 	<!--Begin LetsStat website statistieken code-->
  40. 	<script language="JavaScript" src="http://engine.letsstat.nl/dev/letsstat.js" type="text/javascript">
  41. 	 </script>
  42. 	<script language="JavaScript" type="text/javascript">
  43. 	 <!--
  44. 	 var lst_title = ""
  45. 	 var lst_url = ""
  46. 	 var lst_act = 1
  47. 	 var lst_sid = "200708266";
  48. 	 lsttc();
  49. 	 // -->
  50. 	 </script>
  51.   	<noscript>
  52.   	<a href="http://www.letsstat.nl" target=_blank><img src="http://engine.letsstat.nl/dev/stats.php?lst_sid=200708266" alt="Website statistieken gratis, LetsStat X1"></a>
  53.   	</noscript>
  54.   	<!-- Eind LetsStat website statistieken code -->
  55. </div>
  56. </body>
  57. </html>


en m'n css

css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	background: #FF3333; 
  3. 	border: 1px solid #CC3333;
  4. 	width: 800px; 
  5. 	margin:auto;
  6. }
  7. p{
  8. 	color: white;
  9. 	font-family: verdana, Arial;
  10. }
  11.  
  12. h1{
  13. 	background: white;
  14. 	color: #CC3333;
  15. 	font-family: alba,Verdana,Arial;
  16. 	font-size: 23px;
  17. }
  18.  
  19. #menu {
  20. 	position: relative;
  21. 	top: 0px;
  22. 	padding: 0px 0px 0px 0px;
  23. 	margin: 0;
  24. 	width: 800px;
  25. 	height: 200px;
  26.  
  27. }
  28. #blad {
  29. 	position: relative;
  30. 	background: #CC3333;
  31. 	text-align: center;
  32. 	padding-top: 0px;
  33. 	height: 800px;
  34. }
  35.  
  36. .streep {
  37. 	text-decoration: line-through;
  38. }
  39. .vulop {
  40. 	border: 0px solid;
  41. }
  42. .datum{
  43. 	width: 200px;
  44. 	text-align: left;
  45. 	color: white;
  46. }
  47. .activiteit{
  48. 	width: 400px;
  49. 	text-align: left;
  50. 	color: white;
  51. }
  52. table{
  53. 	width: 600px;
  54. 	margin:auto;
  55. 	font-family: Verdana, Arial;
  56. }

6 antwoorden

Gesponsorde links
Offline awmoeder - 09/04/2008 20:15
Avatar van awmoeder Lid het is enkel in FF, heb ik juist gezien.
Offline Martijn - 09/04/2008 20:19
Avatar van Martijn Crew PHP als ik de heigth van menu op 180 zet, sluit ie mooi aan. Doet ie t dan ook nog in IE?
Offline awmoeder - 09/04/2008 20:23
Avatar van awmoeder Lid ja, als ik dat doe. Dan komt het wel mooi uit in FF, maar dan staat die text in IE veel te hoog. Kan ik in die css iets doen zodat het verschillend is in FF en IE?
Offline Martijn - 09/04/2008 20:25 (laatste wijziging 09/04/2008 20:29)
Avatar van Martijn Crew PHP naja, ze bewegen niet
ik zal ff kijken hoe ie reageerd op n position: absolute
edit: dit hieronder werkt in ff

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. #blad {
  2. background:#CC3333;
  3. height:800px;
  4. padding-top:0px;
  5. position:absolute;
  6. text-align:center;
  7. width:800px;
  8. }
Offline awmoeder - 09/04/2008 20:27
Avatar van awmoeder Lid dat heb ik al geprobeerd. Maar dan verschilt het ook in FF en IE. Dan verspringt het nog
Offline awmoeder - 09/04/2008 20:36
Avatar van awmoeder Lid owkej, ik denk dat ik het heb. Bedankt voor de moeite
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s