IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Centrer liste en "block"


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Février 2007
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 64
    Par défaut Centrer liste en "block"
    Bonjour,
    C'est officiel, je haie Joomla
    Bref, cette fois-ci je cherche à center une liste de lien mis en "block". Cela se passe toujours sur ce site : http://shotgun01.free.fr/joomla/
    Il s'agit du pied de page et des éléments "Index, Contact, Lien" que j'aimerais tout simplement centrer.

    Le html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div id="footer">
    			<div id="lien_footer">
    				<jdoc:include type="modules" name="footer" /> 				
    			</div>
    			<div id="copyright">
    				<jdoc:include type="modules" name="legals" />
    			</div>
    		</div>
    La css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    /*Pied de Page*/
    #footer {
    	margin-top:10px;
    	background : url("../images/footer_0.jpg") repeat-x;
    	height:375px;
    	padding:10px;
    	text-align:center;
    	color : white;
    	font-size:14px;
    	font-family:Vervanda, calibri,Arial;
    }
    #footer a {
    	color : white;
    	text-decoration:none;
    }
    #footer a:hover {
    	color : #d00000;
    	text-decoration:underline;
    }
    #lien_footer {
    border:1px solid #FF0000;
    height:50px;
    font-weight:bold;
    }
    #lien_footer ul{
    	list-style:none;
     
    }
    #lien_footer li{
    	float:left;
    }
    #lien_footer li a{
     
    	display:block;
    	text-decoration:none;
     
     
    }
    #copyright {
    	margin-right:auto;
    	margin-left:auto;
    	border:1px solid #FF0000;
    }
    Comme d'habitude je demande pas à ce que l'on résolve à ma place le problème, mais si vous avez des pistes merci

  2. #2
    Membre expérimenté
    Avatar de tzilliox
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 153
    Par défaut
    Salut Ryuuku !

    Je ne te garantie pas que ça fonctionne sous tous les navigateurs, mais tu peux essayer ceci :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #lien_footer ul{
    	list-style:none;
    	/* ligne à rajouter */
    	display:inline-block;
    }

    Bonne journée,
    Thomas.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Package listings] Commentaires XML et quote
    Par arnobidul dans le forum Mise en forme
    Réponses: 0
    Dernier message: 27/07/2007, 12h54
  2. [débutant] erreur "indice de liste hors limites(1)"
    Par lidouka dans le forum Langage
    Réponses: 2
    Dernier message: 13/12/2005, 15h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo