login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Container gelijk stellen aan menu

Offline jerome2710 - 26/10/2009 20:59
Avatar van jerome2710Nieuw lid Hallo iedereen,

Ik ben al een weekje bezig om een beetje simpel website voor mezelf te maken. Echter heb ik een klein vraagje.
Ik wil graag de tekst in de "container" gelijk stellen aan het eerste onderwerp in het menu. Als verduidelijking heb ik dit plaatje;
http://img64.im...mloosq.jpg
De rode lijn loopt gelijk met het woordje "Home". Ik zou graag willen dat de tekst "Shatter your limits" op dezelfde lijn begint. Is dit mogelijk?
Het menu schuift automatisch naar onderen als "Jerome Anker Fotografie" groter wordt...


Bedankt!
Jerome

2 antwoorden

Gesponsorde links
Offline rredspike1 - 26/10/2009 22:16
Avatar van rredspike1 Lid En is die shatter your limits een plaatje of staat het in een div, geef eens wat code?
Offline jerome2710 - 27/10/2009 15:17 (laatste wijziging 27/10/2009 15:18)
Avatar van jerome2710 Nieuw lid html pagina:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id='content'>
  2. <div class='container'>
  3.  
  4. <!-- text and image -->
  5. <p>Shatter your limits.</p>
  6. <div class='cl'><!-- --></div>
  7.  
  8. <!-- end text and image -->
  9.  
  10. </div>
  11. </div>


Stylesheet;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* CONTENT AREA */
  2.  
  3. 	#content {
  4. 	height: 100%;
  5. 	margin-top: 40px;
  6. 	margin-right: 0px;
  7. 	margin-bottom: 0px;
  8. 	margin-left: 300px; /* sets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
  9. 	top: 0;
  10. 	/* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
  11. 		padding-top: 20px;  /* change to match the padding-top in #menu if you want them to align */
  12. 	padding-right: 5px;
  13. 	padding-bottom: 25px;
  14. 	padding-left: 40px;
  15. 	}
  16.  
  17. 	.container {
  18. 		margin-bottom: 25px;
  19. 	}
  20.  
  21. 	#content p { /* sets the properties for all paragraphs in the content area */
  22. 	width: 40%;
  23. 	margin-top: 0px;
  24. 	margin-right: 0px;
  25. 	margin-bottom: 20px; /* sets the space between paragraphs */
  26. 	margin-left: 0px;
  27. 	line-height: 18px; /* use this the change the leading (space between lines) */
  28. 	}
  29.  
  30. 	p { /* sets the properties for all paragraphs  */
  31.     margin-top: 0;
  32.     margin-right: 0;
  33.     margin-bottom: 9px;
  34.     margin-left: 0;
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.526s