j'ai un soucis au niveau de l'espacement entre mon header, une div(Une image) et la partie section, je voudrais que les 3 soit collées l'un à l'autre (comme pour la partie section et le footer) sauf que j'y arrive pas ils ont un espace, j'ai un bricolage avec "margin bottom" sur le "niv" bref c'est nul!, voici mon code ! si quelqu'un peut éclairer ma lanterne, je serais reconnaissant ! merci! :
<body>
<div class="blocpage">
<header>
<div class="menu">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#goal">Our goal</a></li>
<li><a href="#shows">Shows</a></li>
<li><a href="#adress">Contact</a></li>
</ul>
</nav>
</div>
</header>
<div class="imagecirque">
<div class="item"><img src="https://img4.hostingpics.net/pics/851349Sanstitre1.png" alt="cirque"></div>
</div>
<section class="intro">
<article id="goal">
<h1>Our Goal</h1>
<P>Planitiem et per civitas Antiochia nobilitat diffusa a copiis non speciosam Syria Laodicia planitiem internis.</P>
</article>
<h1>Shows</h1>
<article class="aju">
<img src="http://img15.hostingpics.net/pics/861015lion.png">
<div class="texte_trp">
<h2>Taming</h2>
<p>Planitiem et per civitas Antiochia nobilitat diffusa a copiis non speciosam Syria Laodicia planitiem internis.</p>
</div>
</article>
<article id="shows", class="aju">
<img src="http://img15.hostingpics.net/pics/711652irina.png">
<div class="texte_trp">
<h2>Trapezist</h2>
<p>Planitiem et per civitas Antiochia nobilitat diffusa a copiis non speciosam Syria Laodicia planitiem internis.</p>
</div>
</article>
<article class="aju">
<img src="http://img15.hostingpics.net/pics/700261Bratislaboy.png">
<div class="texte_trp">
<h2>Juggling</h2>
<p>Planitiem et per civitas Antiochia nobilitat diffusa a copiis non speciosam Syria Laodicia planitiem internis. </p>
</div>
</article>
<article class="aju">
<img src="http://img15.hostingpics.net/pics/428742clown.png">
<div class="texte_trp">
<h2>Clown</h2>
<p>Planitiem et per civitas Antiochia nobilitat diffusa a copiis non speciosam Syria Laodicia planitiem internis.</p>
</div>
</article>
</section>
<footer>
<div id="adress">
<h1>Find us</h1>
<p>81 rue des citronniers<br> 33000 Bordeaux<br> 05-56-58-95-78
</p>
<p>Write<a href="mailto: extan@free.fr"> us</a></p>
</div>
<div class=logo>
<img src="http://img15.hostingpics.net/pics/263454logorobot.png">
<p class="logo_robot"><a href="http://www.robozzle.com/user.aspx?name=extan"> Robozzle</a></p>
</div>
<div id="villes-tournée">
<h1>The tour</h1>
<p>Dates and cities</p>
<p>Bordeaux 5,6,7 February 2018</p>
<p>Paris 10,11,12 February 2018</p>
</div>
</footer>
</div>
</body>
Avec le code que tu as donné (sans la première règle CSS) il n'y a aucune marge entre ton header, ton image et la section. A moins que j'ai mal compris ton problème il est réglé.
Oui tout en haut du CSS, il manque le ".blocpage" ! mon soucis à été résolu sauf j'en ai un deuxième j'arrive pas à faire fonctionner le "hover", je test sur mes nav li ça réagit pas... pareil pour la partie dans le footer avec le lien cliquable du mail pareil la fonction hover fonctionne pas... je comprends pas :/ si quelqu'un à une idée! merci
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)