Commande pour abaisser du texte

Résolu/Fermé
AnthraxProd Messages postés 423 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 24 février 2014 - Modifié par AnthraxProd le 18/01/2012 à 21:09
AnthraxProd Messages postés 423 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 24 février 2014 - 18 janv. 2012 à 23:36
Bonjour,
je débute en .css et j'aimerai savoir comment abaisser du texte ..
J'ai ça actuellement : http://www.noelshack.com/
Et je veux obtenir ça : http://www.noelshack.com/

La commande HTML :

<!-- Menu Principal--> 
        <div id="topMenu"> 
          
            <ul>                          
                         <li style="background-image:none;"><div class="pageActive">Accueil</div></li> 
                         <li><a href="cv.html">Télécharger mon CV</a></li> 
                         <li><a href="services.html">Services</a></li> 
                         <li><a href="portfolio.html">Portfolio</a></li> 
       <li><a href="contact.html">Contact</a></li> 
                   </ul> 
        </div> 


La commande CSS :

/* ------------ Menu principal ------------------- */

#topMenu {background: url(images/menubg.jpg) no-repeat; width: 929px; height: 78px; margin: 0 auto 0 auto; padding: 0; font: bold 17px Eurostile LT, Helvetica, sans-serif; } 
#topMenu ul {margin:0; padding:0; list-style:none; position: relative; width: 700px; left: 170px;} 
#topMenu li  {float:left; background: url(../images/topMenuSeparateur.gif) top left no-repeat; padding: 0 0px;} 
#topMenu a {display: block; height:20px; font-size:18px; padding: 15px; text-align: center; text-decoration: none; color:#FFF;} 
#topMenu a:hover {border-radius:6px; background-color: #39F; } 
.pageActive {font-size: 18px; border-radius:6px; display: block; height: 24px; margin: 0; padding: 20px 15px 0 15px; text-align:center; text-decoration: none; background-color: #39F;} 



A voir également:

3 réponses

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
18 janv. 2012 à 21:50
Salut, as tu essayé de mettre un padding-top au bloc #topMenu ul
#topMenu ul {
    padding: 15px 0 0 0;
}
0
AnthraxProd Messages postés 423 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 24 février 2014 112
Modifié par AnthraxProd le 18/01/2012 à 23:25
Merci mais le soucis maintenant c'est que les blocs ne sont pas centrés juste sur la page active c'est à dire accueil
0
AnthraxProd Messages postés 423 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 24 février 2014 112
18 janv. 2012 à 23:24
Sinon le texte est bien cadré au centre
0
jojo150393 Messages postés 330 Date d'inscription samedi 12 septembre 2009 Statut Membre Dernière intervention 29 juillet 2015 23
18 janv. 2012 à 21:52
#topMenu ul{height: taille exact de ton menu;line-height:taille exact de ton menu}
0
AnthraxProd Messages postés 423 Date d'inscription lundi 28 février 2011 Statut Membre Dernière intervention 24 février 2014 112
18 janv. 2012 à 23:36
Problème Résolu : Je cloture merci !
0