Chargement en cours...
Connexion au forum informatique de Sur-la-Toile
La discussion « Probleme marge CSS » se trouve dans le forum « Sites Web: Hébergement et Services »
Statut de la discussion » Probleme marge CSS « ( normale)

Probleme marge CSS

Le  4 juillet à 12:06 #

Salut à tous,J'ai un problème avec les marge.

Voici mon code:
Code:
  1.   #menu
  2.   {
  3.    width: 0px;
  4.    height: 0px;
  5.    background-color: #ffffff;
  6.    border: 1px solid #000000;
  7.    float: left; /* Le menu flottera à gauche */
  8.    margin-left: 180px;
  9.    margin-top:150px;
  10.   
  11.   
  12.   }
  13.   
  14.   #menu h2
  15.   {
  16.    color: #000000;
  17.    text-align: center;
  18.    font-size: 20px;
  19.   }
  20.   
  21.   #menu h3
  22.   {
  23.    color: #000000;
  24.    font-size: 16px;
  25.   }
  26.   
  27.   #menu li
  28.   {
  29.    list-style-type: none;
  30.    list-style-position: inside;
  31.   }
  32.   
  33.   #centre
  34.   {
  35.    height: 0px;
  36.    width: 0px;
  37.    margin-left:60px;
  38.    margin-top:1px;
  39.    border: 1px solid #000fff;
  40.    float: left; /* Le menu flottera à gauche */
  41.    width: 0px; /* Très important : donner une taille au menu */
  42.   
  43.   
  44.   
  45.   }
  46.   
  47.   .item
  48.   {
  49.    position: absolute;
  50.   
  51.   }
  52.   
  53.   
  54.   
  55.   #corps
  56.   {
  57.   
  58.   margin-left: 700px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
  59.   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
  60.    padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  61.   margin-top: 2px;
  62.   
  63.   
  64.   
  65.    background-color: #fffff;
  66.    border: 3px solid #000000;
  67.   }
  68.   
  69.   
  70.   
  71.   
  72.   
  73.   
  74.    #titre
  75.   {
  76.   
  77.   
  78.    background-color: #ffffff;
  79.    border: 6px solid #000000;
  80.   
  81.    margin-left: 2px;
  82.    margin-top:0px;
  83.   
  84.   
  85.   }
  86.   
  87.   
  88.   #titre h2
  89.   {
  90.    color: #000000;
  91.    text-align: center;
  92.    font-size: 20px;
  93.   
  94.   }



    Normalement d'après mon code(si je ne me suis pas tromper)j'ai une marge entre le block titre et le block corps de 2px

    Mais quand je l'ouvre avec Fire fox j'ai une marge beaucoup plus importante

    Comment cela ce fait t il ?

    Y a t il une faute quelle que part dans mon code ?


    Merci de repondre

    Le 15 juillet à 23:27 #

    A un créateur de site au bloc-note eu il faudrait l'html si c'est pas trop te demander la flemme de le faire

    Le 16 juillet à 09:10 #

    Merci de ta réponse mais finalement j'ai changer changer quelque ligne du menu et tout c'est arranger donc voila.

    Le 16 juillet à 20:28 #

    moi aussi pour mon premier site au bloc-note j'ai eu des problèmes avec le css

    Le 17 juillet à 02:49 #

    Pour un bon logiciel il y à Notepad++ !

    Le 17 juillet à 10:01 #

    oui je sait puisque c'est ce que j'utilise .
    » Liste des Forums » Sites Web: Hébergement et Services

    Sujets Connexes

    Arakien & WéWé


    Forums

    Navigation


    Publicité

    Connectés

    Il y a actuellement 492 visiteurs et 16 toiliens en ligne, ainsi que 13 connectés sur le tchat.

    Recherche

    Annonces


    Sauf mention contraire, le contenu du blog et du forum est sous licence Creative Commons By-Sa. Vous avez le droit de le reproduire à condition de citer l'auteur, de faire un lien vers la page d'origine, et de partager vos travaux dérivés selon les mêmes conditions.

    Conditions d'utilisation -

    Partenaires: [Informatique Multimédia] [Portail du Maroc] [Actualité High Tech]
    [Tutoriaux Photoshop] [éligibilité ADSL] [Astuces Windows]

    Page générée en 186 millisecondes sur WWW1.