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

HTML Discussion :

Problème de marges


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Avatar de ArKam
    Inscrit en
    Mars 2007
    Messages
    528
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Mars 2007
    Messages : 528
    Par défaut Problème de marges
    Salut à tous alors voial j'ai un souci, je cherche a créer mon site mais la j'ai un souci.

    Lorsque j'affiche ma page les bouton sont tous séparés par un espace et les differents corps sont espacer, hors je ne veut pas qu'il y'ai d'espace, bref, plutot qu'un long discours voici le probleme.

    http://lestat.design.free.fr

    maintenant voici mon code source de la page html:

    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
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Test php/xhtml</title>
    <link rel="stylesheet" media="screen" type="text/css" title="Menu" href="Menu.css" />
    </head>
     
    <body>
    <div id="Banners" align="center" class="Menu"><ul>
      <li><img src="Images/index_02.png"></img><img src="Images/index_03.png"></img><img src="Images/index_04.png"></img></li>
    </ul></div>
    <div id="SWF" align="center" class="Menu"><ul><li><img src="Images/index_06.png"></ul></li></div>
    <div id="Menu" align="center" class="Menu">
    <ul>
    <li><img src="Images/index_07.png"></img></li>
    <li><a href="index.php"><img src="Images/index_08.png" border="0"></img></a></li>
    <li><a href="projet.php"><img src="Images/index_09.png" border="0"></img></a></li>
    <li><img src="Images/index_10.png"></img></li>
    <li><a href="média.php"><img src="Images/index_11.png" border="0"></img></a></li>
    <li><img src="Images/index_12.png"></img></li>
    <li><a href="histo.php"><img src="Images/index_13.png" border="0"></img></a></li>
    <li><img src="Images/index_14.png"></img></li>
    <li><a href="jobs.php"><img src="Images/index_15.png" border="0"></img></a></li>
    <li><img src="Images/index_16.png"></img></li>
    <li><a href="liens.php"><img src="Images/index_17.png" border="0"></img></a></li>
    <li><img src="Images/index_18.png"></img></li>
    </ul></div>
    </body>
    </html>

    et maintenant voici le style css:

    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
    39
    40
    41
    42
    43
    44
    45
    46
    47
    body {background: background-color:#CCCCCC;
    margin: auto;
    margin-top: 20px;
    margin-left: 20px;
    }
     
    /* en tete banniere*/
     
    div#Banners li {
    display: inline;
    padding: 0 0;
    margin: 0 0;
    margin-top: 0px;
    border-color: none;
    }
     
    div#Banners ul {
    list-style-type: none;
    border-color: none;
    }
     
    /* Banniere swf */
     
    div#SWF li{
    display:inline;
    padding: 0 0;
    margin: 0 0;
    margin-top: 0px;
    border-color: none;
    }
     
     
    /* Menu sous le swf */
     
    div#Menu li {
    display: inline;
    padding: 0 0;
    margin: auto;
    margin-top: 0px;
    border-color: none;
    }
     
    div#Menu ul {
    list-style-type: none;
    border-color: none;
    border: none;
    }

    les balises ul et il me servent pour creer un menu horizontal en liste non ordonnées.

    j'ai essayer de mettre les margin (top bottom ....) a zero mais rien n'y fait, j'ai essayer de les supprimer mais c'est toujours le meme probleme.

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Commence par rajouter ceci au début de la CSS :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    * { margin:0; padding:0; }

    Ensuite certaines parties de ton code css nettoyées :
    Code css : 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
     
    div#Banners li {
    display: inline;
    border-color: none;
    }
     
    div#SWF li{
    display:inline;
    border-color: none;
    }
     
    div#Menu li {
    display: inline;
    border-color: none;
    }
     
    div#Menu ul {
    list-style-type: none;
    border-color: none;
    border: none;
    }

  3. #3
    Membre éclairé
    Avatar de ArKam
    Inscrit en
    Mars 2007
    Messages
    528
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Mars 2007
    Messages : 528
    Par défaut
    ok merci bien pour cette précisions et le nettoyage, je test et si ça marche aps je re post pour faire voir l'avancement.

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

Discussions similaires

  1. TChart + problème de marge
    Par kurul1 dans le forum C++Builder
    Réponses: 17
    Dernier message: 06/02/2007, 10h23
  2. [CSS] Problème de marge dans des listes.
    Par Istrella dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/09/2006, 09h16
  3. [CSS] Problème de marges
    Par sylsau dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 20/01/2006, 20h43
  4. [CSS] Problème de marge Avec IE
    Par Le_Tolier dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 26/09/2005, 10h12
  5. [CR .Net]Étiquette postal - Problème de marge
    Par theflamme dans le forum SAP Crystal Reports
    Réponses: 1
    Dernier message: 25/05/2005, 09h50

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