HTML beginner |
|
Goedemiddag,
Ik wil een tekst op de juiste plek plaatsen. Dit lukt mij echter niet. Ik heb 4 divjes:
<div id="HeaderContainer">
<div id="HeaderBovenkant"></div>
<div id="TopMenu">
<a href="index.php" class="TopLink">Home</a>
<a href="#" class="TopLink">Portfolio</a>
<a href="?pagina=AboutMe" class="TopLink">Over mij</a>
<a href="?pagina=Contact" class="TopLink">Contact</a></div>
<div id="HeaderPlaatje"></div>
</div>
<div id="HeaderContainer">
<div id="HeaderBovenkant"></div>
<div id="TopMenu">
<a href="index.php" class="TopLink">Home</a>
<a href="#" class="TopLink">Portfolio</a>
<a href="?pagina=AboutMe" class="TopLink">Over mij</a>
<a href="?pagina=Contact" class="TopLink">Contact</a></div>
<div id="HeaderPlaatje"></div>
</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:
#HeaderContainer {
height:145px;
}
#HeaderBovenkant {
background: url('images/tab_top_bg.gif') top center no-repeat;
height:5px;
}
#TopMenu {
height: 15px;
background-color:#FFFFFF;
width:760px;
}
#HeaderPlaatje {
height:140px;
background: url('images/title.jpg') no-repeat;
background-color:#FFFFFF;
width:760px;
}
#HeaderContainer { height:145px; } #HeaderBovenkant { background: url('images/tab_top_bg.gif') top center no-repeat; height:5px; } #TopMenu { height: 15px; background-color:#FFFFFF; width:760px; } #HeaderPlaatje { height:140px; background: url('images/title.jpg') no-repeat; background-color:#FFFFFF; width:760px; }
Plaatje voor de duidelijkheid:
[url=http://Klik hier voor het plaatje]http://www.kris-baken.nl/iluu.jpg[/url]
|