Connexion | Inscription | FAQ
Anonymous

[Novice] margin rien ne bouge [resolu seul]

+ Publier une réponse

2 messages Page 1 sur 1


[Novice] margin rien ne bouge [resolu seul]

par nydjo » Dim Mars 17, 2013 2:35 pm

Pourquoi a la derniere ligne du css rien ne se passe
nav#header{
margin: 50% 50%
}

merci

le code :
Code: Tout sélectionner
<!DOCTYPE html>
   
<html lang="fr">
<head>
<title>Sainte Famille </title>
<meta name="Description" content="Phrases pertinentes" />
<meta name="Keywords" content="Mots pertinent" />

   <meta charset="utf-8" />
   <link rel="stylesheet" href="style.css" />
   
</head>
<body>   
   <div id="topheader">
      
       <img src ="enveloppe.png" />
      <li><a href="./Contact"><span>Contact</span></a></li>
      <img src="go.png" />
      <li><a href="./Situation"><span>Situation</span></a></li>
   </div>
   
   <div id="header">
      
   <h1 class="fontface">Le Foyer</h1>
      <nav id="menu-top">
         
      <a href="./acceuil.html">Accueil</a>  <!--hrf ./ pour lier une page -->
      <a href="./Évenement">Évenement</a>
      <a href="./emploi">Emploi</a>
      <a href="./Lien">Lien</a>
      </nav>
   
   </div>
   
   

   <div id="menu">
   
   </div>   
   
   <div id="corps">
   
   </div>   
   
   <div id="footer">
   
   </div>   

</body>
</html>


et le css

Code: Tout sélectionner
    @import 'reset.css';


    html{ /* le fond de la page pris sur colorzilla*/
        background: rgb(179,220,237); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(41,184,229,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#29b8e5',GradientType=1 ); /* IE6-9 */


}


    body { /* le carre centrale*/
       
        color:#000;
        font-size:.9em;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        background-color:#ffffff;
        border:1px solid #6d7673;
        border-radius:10px;
        -moz-border-radius:10px;
        -moz-box-shadow:0 0 5px 5px #6d7673;
        -webkit-box-shadow:0 0 5px 5px #6d7673;
        box-shadow:0 0 5px 5px #6d7673;
        width:900px;
        height: 800px;
        margin: 30px auto ;
        padding:0;
}
div#topheader {
        margin: 2px 0 0 75%;
        padding: 2px;
        font-size:.9em;
        font-family:Verdana, Arial, Helvetica, sans-serif;
       
       
       
    }
   
        div#topheader li{
        list-style:none; /* enleve les ° */
        display: inline;
        padding: 2px;
       text-decoration:none;
       }
     
   
        div#topheader span{
        color: black;
        }
       
       
    div#header {
        background: url(images/banniere.png) no-repeat; /*mettre l image dans le css afin d y mettre du contenu a l interiur*/
        width:845px;
        height:190px;
        margin:3px 20px;
        padding:5px;
        border:1px solid #6d7673;
        border-radius:10px;
        -moz-border-radius:10px;
        -moz-box-shadow: 0 0 5px #6d7673;
        -webkit-box-shadow: 0 0 5px# 6d7673;
        box-shadow: 0 0 5px #6d7673
}
    nav#header{
        margin: 50% 50%
    }

Dernière édition par nydjo le Dim Mars 17, 2013 5:43 pm, édité 1 fois au total.

Avatar de l’utilisateur

nydjo

  • Messages: 6
  • Inscrit le: Sam Mars 16, 2013 1:50 pm
  • Localisation: suisse
--
BÉPO
la disposition de clavier francophone, ergonomique et libre

Re: [Novice] margin rien ne bouge

par nydjo » Dim Mars 17, 2013 5:41 pm

j ai reussi en faisant

nav#menu-top {
margin: 50% 50% ;

}
Avatar de l’utilisateur

nydjo

  • Messages: 6
  • Inscrit le: Sam Mars 16, 2013 1:50 pm
  • Localisation: suisse
--
BÉPO
la disposition de clavier francophone, ergonomique et libre


+ Publier une réponse

Page 1 sur 1