Hoe krijg ik een afbeelding op een gewenste positie?

Status
Niet open voor verdere reacties.
Dank voor je antwoord. Maar hoe ziet dat eruit in code.
Html
<div> 'pagina'
<\div>

Css
# pagina
weight=800px hight=600px

Ik ben een beginneling, zoals je ziet.

Code:
<div class="main"> 'pagina'
<\div>

Css:
.main{
   width:800px;
   height:600px;
}
 
Ik heb nu dit, als ik de height verhoog dan komt ineens de verticale scrolbar in beeld , dat klopt, maar als ik de width verander dan krijg ik geen horizontale scrolbar. Als ik bijv: de width 500px maak dan zou mijn site in de breedte niet het scherm helemaal kunnen overlappen, maar dat gebeurt wel.
<html>
<div class="main">
<\div>

<head>
<link rel="stylesheet" href="./style.css"/>
</head>
<body>
</html>

css:
.main{
width:800px;
height:600px;
}
body{
background-image: url(geld.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
 
Een tip: plaats je div-tag in de body-tag en niet binnen de html-tags. De basis-structuur ziet er bij (elke) website als volgt uit:
Code:
<html>

<head>
<!-- hier komen je includes zoals link (css bestanden, javascript bestanden). -->
</head>

<body>
<!-- hier komt je website :) -->
<p> Dit is een paragraaf </p>
</body>

</html>

Verder, probeer je body ook een wijdte te geven.
Code:
body {
    width: 100%:
    height: 100%:
}
Groeten,
NewbiProgrammer
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan