login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Automatisch verlengen: Vervolg

Offline nick5m - 14/08/2009 17:50 (laatste wijziging 14/08/2009 18:47)
Avatar van nick5mNieuw lid heb net even nieuwe website geschreven de bijgeleverde codes zijn eruit gerold. nu was mijn vraag, de tekst wil ik centreren in het midden, want de background die ik achter mijn content wil plaatsen heeft zijn beide zijkanten zwart waardoor de tekst dan niet zichtbaar is en tevens niet mooi is. De tekst moet dus in 1 DIV in het midden worden geplaatst, wel vanaf links uitlijnend. Dus nog even kort, in een DIV heb ik een achtergrond met 2 zwarte balken, werkelijkheid zo'n 3 cm aan de zijkant van mijn content achtergrond, normaal zou ik daar een tekstvak plaatsen maar dat is in dit geval niet mooi. en waarschijnlijk ook niet effectief. En als laatst nog even een vraag, als ik tekst schrijf in mijn css layout rekt mijn layout helemaal uit, maar het moet gewoon vast staan en de layout moet niet uitrekken in de breedte.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. body, html {
  2. 	background:#FFFFFF;
  3. 	color:#000000;
  4. 	font-family:Verdana;
  5. 	font-size:12px;
  6. 	height:100%;
  7. 	margin:0;
  8. 	min-height:100%;
  9. 	padding:0;
  10. 	text-align:center;
  11. 	}
  12.  
  13. h1{
  14. 	font-weight:normal;
  15. 	font-size:20px;
  16. 	}
  17. #geheel {
  18. 	background: #FFFFFF;
  19. 	height:651px;
  20. 	margin:0 auto;
  21. 	position:relative;
  22. 	text-align:left;
  23. 	width:900px;
  24. 	}	
  25.  
  26. #header	{
  27. 	height:300;
  28. 	width:900px;
  29. 	background: url(img/header.jpg);
  30. 	position: relative;
  31. 	}
  32. #content {
  33. 	height: 200px;
  34. 	width:900px;
  35. 	background: url(img/content.jpg); 
  36. 	repeat-x: fixed;	
  37. 	position: relative;
  38. 	}


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. 	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
  7.  
  8. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9. 	<meta name="description" 	content="Welkom op de website van Nick Meijerink" />
  10. 	<meta name="copyright" 		content="Nick Meijerink" />
  11.  
  12. 	<title>Nick Meijerink</title>
  13. </head>
  14.  
  16. <div id="geheel">
  17.   <div id="header"> </div>
  18.   <div id="content"> </div>
  19. </div>
  20. </body>
  21.  
  22.  
  23. </html>

2 antwoorden

Gesponsorde links
Offline Martijn - 15/08/2009 12:09
Avatar van Martijn Crew PHP background: url(img/content.jpg);
repeat-x: fixed;
Dat is verkeerd, moet 1 regel zijn:

background: url(img/content.jpg) repeat-x fixed;
Offline nick5m - 15/08/2009 13:01 (laatste wijziging 15/08/2009 13:07)
Avatar van nick5m Nieuw lid Lukt nog niet!

css code - Bekijk de code zonder highlighting - Klap code in 
  1. body, html {
  2. 	background:#FFFFFF;
  3. 	color:#FFFFFF;
  4. 	font-family:Verdana;
  5. 	font-size:12px;
  6. 	height:100%;
  7. 	margin:0;
  8. 	min-height:100%;
  9. 	padding:0;
  10. 	text-align:center;
  11. 	}
  12.  
  13. h1{
  14. 	font-weight:normal;
  15. 	font-size:20px;
  16. 	}
  17. #totaal {
  18. 	background: #FFFFFF;
  19. 	height:auto;
  20. 	margin:0 auto;
  21. 	position:relative;
  22. 	text-align:left;
  23. 	width:900px;
  24. 	}	
  25.  
  26. #header	{
  27. 	height:300px;
  28. 	width:900px;
  29. 	background: url(img/header.jpg);
  30. 	position: relative;
  31. 	}
  32. #content {
  33. 	height: 200px;
  34. 	width:900px;
  35. 	background: url(img/content.jpg) repeat-x fixed ; 
  36. 	position: relative;
  37. 	}
  38.  
  39. #footer {
  40. 	width:900px;
  41. 	background:url(img/footer.jpg);
  42. 	position: relative;
  43. 	height: 74px;
  44. 	}
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s