IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Placer un menu avec ul en haut de la page


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2006
    Messages
    501
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2006
    Messages : 501
    Par défaut Placer un menu avec ul en haut de la page
    Bonjour,

    J'aimerais placé un menu construit avec une liste <ul> en haut à droite d'un div.

    J'ai donc d'abord essayé de bien le placer en haut de la page en générale, mais je n'arrive pas à le coller en haut de la page, il reste un espace au dessus,
    voici le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Titre</title>
    <style type="text/css">
    body
    {
    	margin: 0;
    	padding: 0;
    }
     
    ul
    {
    	margin: O;
    	padding: O;
    	list-style-type: none;
    	height: 55px;
    	border: 1px dotted #000000; /* pour voir */
    }
     
    li
    {
    	display: block;
    	float: left; /* pour placer l'un a cote de l'autre */
    	border: 1px dotted #000000; /* pour voir */
    	height: 55px;
    }
    </style>
    </head>
    <body>
        	<ul>
            	<li>Menu 1</li>
             	<li>Menu 2</li>
            </ul>
    </body>
    </html>
    Voici ce que j'obtiens sous firefox :


    On voit bien qu'il reste un espace au dessus et que donc le menu n'est pas collé.
    Quelqu'un sait pourquoi ?

    Merci

    Bonne journée

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Essaie de mettre un 0 (chiffre) à la place d'un O (lettre) dans ton margin et padding du ul. Je pense que ça marchera mieux.

  3. #3
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2006
    Messages
    501
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2006
    Messages : 501
    Par défaut
    honte a moi lol

    j'ai pas fait gaff, dsl

    Merci

    ++

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Texte du menu décalé vers le haut avec IE
    Par psycoma dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 04/01/2009, 15h36
  2. [html+css] problème menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 28/08/2005, 09h39
  3. [XSL] Placer une image avec la feuille de style
    Par Marcopilon dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 01/06/2005, 00h30
  4. [FLASH MX2004] Problème de menu avec explorer
    Par lyne dans le forum Flash
    Réponses: 2
    Dernier message: 24/08/2004, 19h34
  5. Envoyer un mail avec mailto de haute importance
    Par VirginieGE dans le forum ASP
    Réponses: 3
    Dernier message: 13/08/2004, 13h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo