Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL

Programmation => PHP/MySQL - (x)HTML - ... => Discussion démarrée; par: AlexandreB le 20 Mars 2009, 23:38:02



Titre: Padding et margin !!
Posté par: AlexandreB le 20 Mars 2009, 23:38:02
Bonsoir à tous , j

'ai un petit soucis pour centrer mes liens de menus sur les images définie au préalable, le soucis est au niveau du padding. Mon css pour mon menus c'est ça : #menus
li {
   display: inline ;
   margin-top: 50px ;
   padding: 0 ;
   list-style: none ;
   text-align: center ;
    padding: 0px 20px 0px 20px;
   background:;
   color:#ffffff;
   border: 0px;
   font: 0.75em "Comic sans MS",Arial,bold ;
   line-height: 4.5em ;
   text-align: center ;
   text-decoration: none ;
   margin-left: 0px

Mais si je vous donne le lien sa vous aiderez peut être aussi : http://www.conteslegendes.webou.net/

, merci bien et bonne soirée !!!


Titre: Re: Padding et margin !!
Posté par: chrmag le 21 Mars 2009, 19:06:33
En changeant un peu j'ai:
Code:
#menus {
   *ajouter*
    padding-left: 150px;
}
#menus li {
   *changer ou ajouter*
   display: block;
   float: left;
   margin: 0px;
   padding: 0px;
}

Est-ce le resultat voulu?


Titre: Re: Padding et margin !!
Posté par: Blorgz le 22 Mars 2009, 11:03:23
Euh...le "tout pourri corporation" à la fin, c'est normal ?


Titre: Re: Padding et margin !!
Posté par: AlexandreB le 23 Mars 2009, 08:24:31
Bien merci chrmag, mais le résultat n'est pas celui la, je vais chercher encore  ;D. C'est normal, en faite je fais une totale restructuration du site donc je test certaine choses, et le détail que tu as pu voir ( sincèrement tu as vraiment que ça à faire  :-\) n'est autre que l'illustration d'une feuille de style de base sans texte, enfin ça vous avez pu le voir  :D.

Merci, bonne journée.


Titre: Re: Padding et margin !!
Posté par: Ceb le 02 Avril 2009, 01:38:23
Avec une image de fond séparée, c'est peu être un peu dur à aligner avec ta liste.
Si tu veux simplement décaler tes éléments vers la droite, tu peux essayer un margin ou un margin-right, mais je ne sais pas quel résultat ça va donner avec des <li> en inline.