J'ai regardé un peu ton code. Pour ce que tu veux faire :
Au lieu de :
<div id="nav-right" style="margin-bottom:5px;">
<ul>
<li class="cat" style="border-top: 1px solid #000;">LES PAYS-BAS</li>
<li style="text-align:center"><div class="zoom">
<p> <img src="img/profile.jpg"/> </p>
</div>
<br />
Here you can describe what your website is about</li>
<li class="cat" style="border-top: 1px solid #333;">LIENS</li>
<li><a href="index.html"class="externe">Link 1</a></li>
<li><a href="index.html"class="externe">Link 2</a></li>
<li><a href="index.html"class="externe">Link 3</a></li>
<li><a href="index.html"class="externe">Link 4</a></li>
<li><a href="index.html"class="externe">Link 5</a></li>
</ul>
</div>
Tu mets ça dans ta page (on enlève tous les styles, on rajoute un alt="profile" dans la balise image):
<ul id="nav-right">
<li class="cat">LES PAYS-BAS</li>
<li><img src="img/profile.jpg" alt="profile" />
<br />Here you can describe what your website is about</li>
<li class="liens">LIENS</li>
<li><a href="index.html">Link 1</a></li>
<li><a href="index.html">Link 2</a></li>
<li><a href="index.html">Link 3</a></li>
<li><a href="index.html">Link 4</a></li>
<li><a href="index.html">Link 5</a></li>
</ul>
</div>
Tu rajoutes dans ta feuille de style :
.cat {border-top: 1px solid #000}
ul#nav-right {text-align:center}
ul#nav-right li a {text-decoration:none;
color:#fff}
.liens {border-top: 1px solid #333}
Pour l'image zoomée :
ul#nav-right li img {width: 50px}
ul#nav-right li img:hover {width: 80px}
Avec quoi as-tu fait ton site ? Accèdes-tu au ftp de ton site ? Parce que, par exemple au lieu d'avoir :
<div id="main-image"class="imgindex" style="margin-bottom:5px;"></div>
avec un css :
#main-image.imgindex{
background:url(../img/titrepaysbas.jpg) no-repeat center;
width:990px;height:220px;border:1px solid #000;padding:0px;margin:0 auto;position:relative;
}
Un code html plus simple serait un mieux :
<img src="img/titrepaysbas.jpg" alt="bannière" />
et un css :
#main-image {
width:990px;
height:220px;
border:1px solid #000;
padding:0;
margin:0 auto;
position:relative
}
Sans doute que rajouter des commentaires et de organiser un peu mieux ta feuille de style serait un plus pour s'y retrouver
Sinon enlever les styles de ta page html et les mettre dans ta feuille de style serait mieux aussi.
À quoi sert de mettre une balise h1 si tu ne la remplies pas ? À la toute fin tu as oublié un ">" après le "<p".