login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tekst positioneren (Opgelost)

Offline SilVeX - 29/10/2007 12:29
Avatar van SilVeXHTML beginner Goedemiddag,

Ik wil een tekst op de juiste plek plaatsen. Dit lukt mij echter niet. Ik heb 4 divjes:

HTML code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="HeaderContainer">

  2. 	  <div id="HeaderBovenkant"></div>

  3. 		<div id="TopMenu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

  4.           <a href="index.php" class="TopLink">Home</a>

  5.           <a href="#" class="TopLink">Portfolio</a>

  6.           <a href="?pagina=AboutMe" class="TopLink">Over mij</a>

  7.           <a href="?pagina=Contact" class="TopLink">Contact</a></div>

  8. 		<div id="HeaderPlaatje"></div>

  9. 	  </div>

De naam van het divje geeft al aan wat het doet.

Nu wil ik een tekst in het divje "HeaderPlaatje" 300px van de linkerkant en 100px van de bovenkant.

Dit lukt mij niet, kan iemand mij misschien helpen?

CSS code:
CSS code - Bekijk de code zonder highlighting - Klap code in 
  1. #HeaderContainer {
  2. 	height:145px;
  3. }
  4.  
  5. #HeaderBovenkant {
  6. 	background:  url('images/tab_top_bg.gif') top center no-repeat;
  7. 	height:5px;
  8. }
  9.  
  10. #TopMenu {
  11. 	height: 15px;
  12. 	background-color:#FFFFFF;
  13. 	width:760px;
  14. }
  15.  
  16. #HeaderPlaatje {
  17. 	height:140px;
  18. 	background:  url('images/title.jpg') no-repeat;
  19. 	background-color:#FFFFFF;
  20. 	width:760px;
  21. }


Plaatje voor de duidelijkheid:
[url=http://Klik hier voor het plaatje]http://www.kris-baken.nl/iluu.jpg[/url]

7 antwoorden

Gesponsorde links
Offline skillat2 - 29/10/2007 12:59
Avatar van skillat2 HTML beginner
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #HeaderPlaatje {
  2.     height:140px;
  3.     background:  url('images/title.jpg') no-repeat;
  4.     background-color:#FFFFFF;
  5.     width:760px;
  6.     margin-left: 300px;
  7.     margin-top: 100px;
  8. }
Offline zointer - 29/10/2007 13:05
Avatar van zointer HTML gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #HeaderPlaatje {
  2.     height:90px;/*hoogte verkleinen als je padding-top groter maakt*/
  3.     background:  url('images/title.jpg') no-repeat;
  4.     background-color:#FFFFFF;
  5.     width:710px;/*breete verkleinen als je padding-right groter maakt*/
  6.     text-align: right;
  7. 	padding-top: 50px;
  8. 	padding-right:50px;
  9.    }
Offline SilVeX - 29/10/2007 13:14
Avatar van SilVeX HTML beginner Geen van beide werkt helaas.
Er schuift dan een witte balk onder mijn header vandaan. Naar de rechterkant.
Offline zointer - 29/10/2007 13:20
Avatar van zointer HTML gevorderde
SilVeX schreef:
Geen van beide werkt helaas.
Er schuift dan een witte balk onder mijn header vandaan. Naar de rechterkant.

 
geef voorbeeld site eens
Offline SilVeX - 29/10/2007 13:27
Avatar van SilVeX HTML beginner Ik heb nu:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. text-align:right;
  2. padding-right:50px;
  3. padding-top:50px;


Klik hier voor de website
Offline zointer - 29/10/2007 13:31
Avatar van zointer HTML gevorderde
SilVeX schreef:
Ik heb nu:
[..code..]

Klik hier voor de website


Lees eerst eens wat ik bij de code heb gezet.
je probleem zal dan opgelost zijn.
Citaat:
width:710px;/*breete verkleinen als je padding-right groter maakt*/
Offline SilVeX - 29/10/2007 13:38
Avatar van SilVeX HTML beginner Oeps inderdaad. Heb ik overheen gekeken.

Bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.292s