Problème HTML/CSS Résolu/Fermé

Question

Bonjour, Je débute en HTML/CSS et j'ai quelques problèmes avec les exemples de sites internet sur lesquels je m'entraine, que je m'entraine à créer. Mon problème est le suivant : - Dans tous les sites que j'ai "codé" j'usqu'à maintenant, les bords ne collent pas au bords de la page web. J'inscris le code HTML : (je débute hein :) ) Accueil

PIRATE-LAB

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra iaculis felis ut ultricies. Duis porta dapibus nisl at finibus. Duis efficitur magna nec est vehicula suscipit. Etiam orci tellus, aliquet sit amet ligula ut, mollis dictum eros. Etiam commodo condimentum est. Suspendisse sit amet velit vel felis aliquet blandit sit amet sit amet enim. Donec euismod tortor ut lobortis vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Puis le CSS : ( je débute aussi ;) ) #head { margin: 0; float: left; position: relative; } #body { float: left; margin: 0; position: relative; } #menu { width: 100%; height: 100px; position: relative; background-color: #242424; display: block; } #menu ul { float: left; position: relative; margin-left: -60px; left: 50%; } #menu ul li { list-style-type: none; margin-left: 80px; float: left; padding-top: 10px; position: relative; left: -50%; } #menu ul li a { text-decoration: none; position: relative; color: white; display: inline-block; height: 35px; width: 170px; background-color: #3F3D3D; text-align: center; padding-top: 15px; } #menu ul li a:hover { background-color: black; transition: 1s; } #Nomsite { display: block; text-align: center; margin-top: 0; background-color: black; width: 100%; height: 100px; color: white; padding-top: 30px; } #contenu { float: left; width: 900px; text-align: center; } #footer { float: left; width: 100%; } EDIT : Ajout des balises de code Donc voilà, si quelqu'un sait pourquoi les bords de #menu ne collent pas je suis preneur ! Merci d'avance

elgazar · Answer

Bonjour
il faut déjà préciser a quoi tu veux que ton menu colle.  car avec toutes les amrges que tu as mis, difficile de savoir où tu veux positionner ton menu

RAD ZONE · Answer

Salut

et bien pour commencer dans le css enleve le  # a body !!!

dans ton exemple body est une balise et n a pas d'id ,ce qui d'ailleur est la regle puisque il ne peut y avoir q un seul body dans une page html , donc inutile de lui donner une id ou une class ! meme chose si tu avais mis une balise html dans ton css elle non plus n a pas besoin d'id ou de class

a+

Problème HTML/CSS

2 réponses

Discussions similaires