Code pour "plein écran"

Bonjour à Tous alors voila je commence à coder mais voila ça ne fait comme je veux. L'en tete est centré, je veux qui fasse la longueur.
Je vous met une photo.
Merci pour tout les codeurs
PS je débute

Bonjour,

Sur le principe un élément block fait 100% de la largeur par défaut. Il faut donc trouver dans vos source le bout de code qui définit la largeur de votre menu. Quelque chose comme ceci :

.leMenu {
    witdh: 500px;
    /* Le reste du code */
}

Il faudra donc soit supprimer le witdh (solution à privilégier) :

.leMenu {
    /* witdh: 100%; le code est commenté (donc n'est plus actif) mais vous pouvez aussi supprimer purement et simplement la ligne */
    /* Le reste du code */
}

... soit redéfinir la largeur :

.leMenu {
    witdh: 100%;
    /* Le reste du code */
}

Enfin, si l'entête est centrée vous devez avoir en plus une ligne comme ceci :

.leMenu {
    witdh: 500px;
    margin: 0 auto; /* le centrage est ici, du coup il devient inutile avec une largeur de l'élément à 100%, vous pouvez vous en passer et le supprimer lui aussi */
    /* Le reste du code */
}

PS : je vous encourage fortement à vous inscrire sur CodePen. Ainsi, quand vous aurez besoin d'aide, il vous suffira de poster le bout de code qui ne va pas et on pourra vous le corriger tout de suite.
Modifié par Olivier C (26 Aug 2015 - 07:30)