hey,
Even een vraag. Mijn pa heeft een (groot) bedrijf. NU wil hij een nieuwe website, en ik was van plan deze te gaan maken.
eenmaal begonnen krijg ik dit effect in dreamweaver:
![[IMG]](http://www.plaatjesupload.nl/bekijk/2010/02/02/1265139554-10.png)
(beetje raar geknipt, sorry)
Maar als ik hem heb geupload, krijg ik dit:
www.ehv-jb1.nl/kienhuis
Is dus allemaal heel anders. ik heb wel alle images geupload naar de mijn domein server.
hier is de code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<!-- header -->
<div id="logo">
<div align="center"><a href="#">Kienhuis verlichting en duolicht,</a></div>
</div>
<div id="menu">
<ul>
<li><a href="http://www.ehv-jb1.nl/kienhuis/index.html" class="active">home</a></li>
<li><a href="http://www.ehv-jb1.nl/kienhuis/info.html">Over ons</a></li>
<li><a href="http://www.ehv-jb1.nl/kienhuis/industrie.html">Industrie</a></li>
<li><a href="http://www.ehv-jb1.nl/kienhuis/verkoop.html">Verkoop</a></li>
<li><a href="http://www.ehv-jb1.nl/kienhuis/contact.html">Contact</a></li>
</ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="text_top">
<h1>Welkom!</h1>
<div id="Layer2">
<p>Een consument die steeds individualistischer wordt, zich veelvuldig terugtrekt in zijn eigen huis en daar een absoluut eigen sfeer wil scheppen. Steeds sneller wisselende trends en al maar persoonlijker woonwensen. Dat is de situatie in de markt voor sfeerverlichting.</p>
<p>Kienhuis speelt daar op in door zowel groothandels als detaillisten te voorzien van een pakket dat volledig wordt bepaald door de wensen van de klant. Een opvallend breed assortiment sfeerverlichting, een uitgekiende bedrijfsorganisatie en uitstekende contacten op de wereldwijde markt voor grondstoffen stellen Kienhuis in staat om iedere relatie een individueel aanbod te doen. De consequent klantgerichte manier van werken heeft Kienhuis gemaakt tot één van de beeldbepalende specialisten op het gebied van sfeerverlichting in Nederland.</p>
<p>Voor trendsettend design in uiteenlopende materialen maken we gebruik van onze goede contacten in heel Europa en het Verre Oosten.</p>
<p>Om iedere klant, groothandel of detaillist, precies te kunnen bieden wat hij zoekt, zijn de verschillende activiteiten van de onderneming onderverdeeld in een tweetal werkmaatschappijen: Kienhuis verlichtingsindustrie en Duo Licht. </p>
</div>
<p> </p>
<p> </p>
</div>
<center></center>
<div id="text_bottom">
<div id="first_col">
<h2 align="center">Nieuws</h2>
<p>9/12/2009</p>
<p>Kienhuis verlichtingsindustrie BV, zal van 2 Juni tot 1 Juli gesloten zijn wegens een grootschalige verbouwing. Hierdoor zijn wij in die periode niet bereikbaar.</p>
<p> </p>
</div>
<div id="second_col">
<h2 align="center"> Foto's slideshow</h2>
Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis.
<ul>
<li>Praesent hendrerit tincidunt metus.</li>
<li>Proin vel felis a urna tempus lobortis.</li>
</ul>
Sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.
</div>
<div id="third_col">
<h2 align="center"> Snel contact</h2>
<p align="left"> <strong>Duo Licht</strong>/<strong>Kienhuis verlichting </strong> <br />
Handelsweg 6<br />
7461 JK Rijssen<br />
T. (0548) 543315<br />
F. (0548) 543316<br />
E. <a href="mailto:info@duolicht.nl">info@duolicht.nl </a>of <a href="mailto:info@kienhuisverlichting.nl">info@kienhuisverlichting.nl</a></p>
</div>
</div>
</div>
<div id="footer">
<div id="footer_left">© Copyright 2010 Kienhuis verlichting BV</div>
<div id="footer_right">
</div>
</div>
</div>
</body>
</html>
en die van de CSS:
Code:
body {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(images/head_bckg.jpg) repeat-x center top #000000;}
a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}
#container {width:1000px; margin:0 auto;}
#logo {margin:39px 30px 0px 30px; height:40px;}
#logo a {color:#EDECEC; text-decoration:none; font-size:24px; text-transform:uppercase; background:url(images/logo.gif) no-repeat; padding:4px 0 0 50px; float:left;}
#menu {padding-right:30px; height:56px;}
#menu ul {padding:0; margin:0; float:right;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:126px; height:50px; font-size:11px; text-decoration:none; color:#ABABAB; text-align:center; background:url(images/menu_deact.gif) no-repeat; padding-top:6px;}
#menu a:hover, #menu a.active {background:url(images/menu_act.gif) no-repeat; color:#180202;}
#main {color:#D6D6D6; font-size:11px; line-height:16px;}
#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img:hover {border-color:#D6D6D6;}
#text_top {padding:0 30px 20px 30px; font-size:12px;}
#text_bottom {background:url(images/main_bckg.jpg) repeat-x #919191; width:940px; float:left; padding:30px 30px;}
#first_col {width:280px; float:left; margin-right:40px;}
#first_col h2 {color:#ff6f08; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#second_col {width:280px; float:left; margin-right:40px;}
#second_col h2 {color:#94d223; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#third_col {width:280px; float:left;}
#third_col h2 {color:#23abd2; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#footer {clear:both; height:50px; background:url(images/footer_bckg.jpg) no-repeat; color:#ffffff; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 30px 0 0;}
Alvast bedankt, gtr Daan
