Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

informatie website voor een land

Zouden jullie tips willen geven wat ik zou kunnen veranderen aan de codes mijn website om die er beter eruit te laten zien?

HTML:

<!DOCTYPE html>
<html>
<head>
<title>Dominicaanse Republiek Netwerk</title>
</head>
<link rel="stylesheet" type="text/css" href="globaal.css"/>
<body>
<div class="paginablok">
<div id="headerblok">
<header>
<div class="logo"><a href="index.html">Dominicaanse Republiek<span>Netwerk</span></a></div>
<nav>
<ul>
<li id="current"><a href="index.html">HOME</a></li>
<li><a href="videos-fotos.php">VIDEOS EN FOTOS</a></li>
<li><a href="forums..php">FORUMS</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</nav>
</header>
</div>
<div id="maincontent">
<div class="banner">
<div class="banner-info">
<div class="google-zoeken">
<h3>Door zoek deze website?</h3>
<form action="google-zoeken.php" method="post"/>
<input type="text" name="zoeken" id="zoeken" placeholder="Zoek naar informatie die u nodig heeft"/>


</form


</div>



</div>
<div class="about">
<h2>Over deze website</h2>
<p>
Deze Website is op gezet om informatie,<br>
over Dominicaanse Republiek te verkrijgen en te tonen Alles wat u hier vind.</br>
</p>
<p>
mag u ook voor eigen u Gebruiken heeft u zelf handige.</br>
informatie plaats het op de forum zou zeggen en deel het met de wereld.
</p>

</div>

</div>
<div class="menulinkerkant">
<h2>Navigeer door Steden en Gebieden!</h2>
<ul>
<li><a href="santo-domingo.html">Santo Domingo</a></li>
<li><a href="puerto-plata.html">Puerto Plata</a></li>
<li><a href="punta-cana.html">Punta-Cana</a></li>
<li id="current1"><a href="meer-gebieden-en-steden.html">Meer Gebieden en Steden</a></li>
</ul>


</div>
<div class="google-kaart-dr">
<div class="kaart">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1935560.5683407276!2d-70.1334306!3d18.646409249999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8eaf8838def1b6f5:0xa6020f24060df7e0!2sDominicaanse+Republiek!5e0!3m2!1snl!2snl!4v1437373217755&quot; width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>


</div>
<div class="footerwrap">
<footer>
<div class="copyright">Alle Rechten Voorbehouden ?? Dominicaanse Republiek Netwerk 2015</div>
</footer>
</div>
</div>
</div>
</body>
</html>

CSS:

*{
margin:0px;
padding:0px;
border-sizing:border-box;
}
body{
font-family:tahoma;
font-size:14px;
background-image:url("http://www.caribbean-on-line.com/islands/dr/images/drm.gif";);

}
.paginablok{
width:1000px;
height:auto;
margin:0 auto;
}
#headerblok{
z-index:10;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100px;
margin:0 auto;

}
header {
width:100%;
height:70px;
margin:0 auto;
background-color:#161A0F;
position:fixed;
top:0px;
left:0px;
border-bottom:1px solid orange;
}
.logo {
padding-top:20px;
padding-left:10px;
float:left;
width:244px;
height:48px;

}
.logo a{
color:white;
text-decoration:none;
font-weight:300;
font-family:sans-serif;
font-size:15px;

}
.logo span{
padding-left:5px;
color:#517E9C;
font-size:19px;

}
nav {

float:right;
width:400px;
height:55px;

}
nav ul{
margin:0px;
padding:0px;
list-style-type:none;



}
nav li a{
font-family:arial;
color:white;
text-decoration:none;
line-height:55px;
display:block;
float:left;
padding:8px;
margin-right:3px;


}
nav li a:hover{
background-color:#022F4D;
}
#maincontent {
padding-top:100px;
padding-left:10px;
margin-right:10px;
margin-left: 0 auto;
margin-right: 0 auto;
background-color:#E8E8E8;
opacity: 0.8;
filter: alpha(opacity=40); /* For IE8 and earlier */
border-left:1px solid grey;
border-right:1px solid grey;
}
.banner {
width:100%;
height:auto;
margin:0 auto;


}
.banner-info{
margin:0 auto;
width:100%;
height:100px;



}
.google-zoeken{
width:555px;
margin-left:0 auto;
margin-right:0 auto;
margin-bottom:25px;}

.google-zoeken input#zoeken{
width:555px;
height:55px;
margin:0 auto;
border:1px solid black;
background-color:#7F9678;


}
.menulinkerkant{
float:left;
width:444px;

}
.about{
margin-right:5px;
position:relative;
bottom:79px;
float:right;
width:333px;
}
.about h2{
text-align:center;
margin-bottom:5px;

}
Untitled 2.jpg
1364 x 732 - 141K
Login of Registreer om te reageren.