Droit et gauche menu CSS?

-2

body{ 
    background-color:white; 
    color:black; 
    font-size:100%; 
    font-family: Arial; 
    line-height: 1.5%; 
    text-align: left; 
} 

.body{ 
    margin: 0 0; 
    width: 100%; 
    clear:both; 
} 

.social-media{ 
    position:fixed; 
    width:100%; 
    height: 40px; 

    background: -webkit-linear-gradient(top, #FF9C00, #FFB540); 
    background: -o-linear-gradient(top, #FF9C00, #FFB540); 
    background: -moz-linear-gradient(top, #FF9C00, #FFB540); 
    background: linear-gradient(top, #FF9C00, #FFB540); 
} 
.social-media nav ul{ 
    list-style: none; 
    margin: 0 auto; 
    float: left; 
} 

.social-media nav ul li{ 
    display: inline; 
} 
.social-media left{ 
    float:left; 
} 
.social-media right{ 
    float:right 
}

HTML

<!DOCTYPE HTML> 
<html lang="en"> 
    <head> 
     <title>Project</title> 
     <link rel="stylesheet" href="style.css" type="text/css"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    </head> 
    <body class="body"> 
     <header class="social-media"> 
      <nav> 
       <div class="left"> 
        <ul> 
         <li><input type="button" value="Login"></li> 
         <li><input type="button" value="Register"></li> 
        </ul> 
       </div> 
       <div class="right"> 
        <ul> 
         <li><img class="social-image" src="img/facebook.png"></li> 
         <li><img class="social-image" src="img/twitter.png"></li> 
         <li><img class="social-image" src="img/youtube.png"></li> 
        </ul> 
       </div> 
      </nav> 
     </header> 
    </body> 
</html>

Il montre que cette http://i.gyazo.com/b4355b1e3b84209023f594fa71fb83be.png

Cependant, je veux que Facebook, Twitter et YouTube images à droite. Cependant, je n'arrive pas à le faire fonctionner. Je me demandais si quelqu'un pouvait me donner un conseil.

Source

2014-05-15 user3642449

À gauche de quoi? – radubogdan

Ces images sont sur la gauche dans cette capture d'écran ... n'est-ce pas ce que vous voulez dire par "gauche"? – TylerH

Désolé j'étais censé mettre à droite. Pas à gauche. Pardon. – user3642449

Il vous manque des points dans vos noms de classe CSS (left et right).

.social-media .left{ 
    float:left; 
} 
.social-media .right{ 
    float:right 
}

Source

2014-05-15 20:24:24

Merci! Ça a marché. – user3642449

Droit et gauche menu CSS?

Répondre

Questions connexes