Hoi,
OPGELOST .
Ik heb de suggesties die ik van jullie kreeg, toegepast en het probleem is opgelost !
Hartelijk dank voor de bereidwillige hulp!
Groetjes,
Stoffel
http://www.lcns.be/test/
Ik tracht voor de eerste maal een site op te zetten met Dreamweaver CS3, op basis van DIV's en CSS.
Ik slaag er echter niet in om de achtergrondafbeelding van de allesomvattende DIV "container" zichtbaar te maken. In het designgedeelte van Dreamweaver wordt de afbeelding getoond maar niet in de browser-preview.
Kent iemand de oplossing aub?
Alvast bedankt!
Stoffel
Code die tussen de html-tags staat:
<title>Home</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}
#container {
width: 780px;
margin-right: auto;
margin-left: auto;
background-image: url(achtergrond6.png);
}
#container #top #toptitellinks {
float: left;
height: 100px;
width: 600px;
}
#container #top #topafbeeldingrechts {
float: right;
height: 100px;
width: 140px;
padding-right: 8px;
padding-bottom: 8px;
border-left-width: 2px;
}
#container #top #topnavigation {
height: 30px;
width: 770px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
float: left;
}
#container #main #mainsidebarlinks {
float: left;
width: 50px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#container #main #mainhoofddeelrechts {
width: 686px;
margin-left: 10px;
padding-left: 8px;
border-right-width: 2px;
border-left-width: 2px;
float: right;
background-color: transparent;
}
#container #main #footer {
height: 30px;
width: 770px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
float: left;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="toptitellinks">Websitetitel</div>
<div id="topafbeeldingrechts"><img src="placeholderafbeeldingrechtsboven.jpg" alt="afbeelding" /></div>
<div id="topnavigation">Hier komt de horizontale navigatiebalk</div>
</div> <!--eindtag van de div met id top-->
<div id="main">
<div id="mainsidebarlinks">Hier kan de verticale navigatie- kolom aan de linkerkant komen</div>
<div id="mainhoofddeelrechts">
Hoofdtekst
</div> <!--eindtag voor de div met id mainhoofddeelrechts-->
<div id="footer">Hier komt de footer</div>
</div> <!--eindtag van de div met id main-->
</div> <!--eindtag van de div met id container-->
</body>
(Bewerkt door StoffelXYZ om 20:27, 9-03-2008)
(Bewerkt door StoffelXYZ om 20:36, 9-03-2008)
(Bewerkt door StoffelXYZ om 20:58, 9-03-2008)
(Bewerkt door StoffelXYZ om 14:35, 10-03-2008)
(Bewerkt door StoffelXYZ om 14:36, 10-03-2008)
Gast
