CSS : centrer un div

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rudddy, 6 Mai 2008.

  1. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    Bonjour à tous,

    je débute un peu en CSS et j'ai du mal à centrer un div (le div univers2)

    voici mon code :
    Code:
    #univers{
    	position: fixed;
    	margin-top: 80px;
    	text-align: center;
    }
    
    #univers .img{
    	float: left;
    }
    
    #univers2{
    	padding: 10px 94px 10px 94px;
    	position: fixed;
    	text-align: center;
    	font-weight: bold;
    	font-size: 16px;
    	font-family: Arial, Helvetica, sans-serif;
    }
    
    #univers2 .univers-nouveau {
    	float: left;
    	width: 110px;
    	color: #964676;
    }
    
    Code:
    <div id="univers">
    		<img src="images/b-nouveau_off.gif" name="b-nouveau" width="110" height="110" border="0" id="b-nouveau" />
    		<img src="images/b-biscuits_off.gif" name="b-biscuits" width="110" height="110" border="0" id="b-biscuits" />
                    <img src="images/b-chocolat_off.gif" name="b-chocolats" width="110" height="110" border="0" id="b-chocolats" />
    		<img src="images/b-confiserie_off.gif" name="b-confiseries" width="110" height="110" border="0" id="b-confiseries" />
    		<img src="images/b-snacks_off.gif" name="b-snacks" width="110" height="110" border="0" id="b-snacks" />
    		<img src="images/b-epicerie_off.gif" name="b-epicerie" width="110" height="110" border="0" id="b-epicerie" />
    		<img src="images/b-sanssucre_off.gif" name="b-sanssucre" width="110" height="110" border="0" id="b-sanssucre" />
    	</div>
    	<div id="univers2">
    		<span class="univers-nouveau">Nouveau</span>
    		<span class="univers-nouveau">Biscuits</span>
    		<span class="univers-nouveau">Chocolats</span>
    		<span class="univers-nouveau">Confiseries</span>
    		<span class="univers-nouveau">Snacks</span>
    		<span class="univers-nouveau">Epicerie</span>
    		<span class="univers-nouveau">Sans sucre</span>
    	</div>
     
  2. bertimus
    bertimus WRInaute passionné
    Inscrit:
    24 Août 2005
    Messages:
    1 633
    J'aime reçus:
    0
  3. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    morche pos :?
     
  4. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Salut,

    En plus des margin auto, je crois qu'il faut préciser une largeur ...

    Code:
    width: xpx;
     
  5. bertimus
    bertimus WRInaute passionné
    Inscrit:
    24 Août 2005
    Messages:
    1 633
    J'aime reçus:
    0
    J'ai édité mon message, file voir Alsacréations ;)

    [Vi largeur obligatoire ;)]
     
  6. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    merci ca marche nickel sauf que mon dernier mot "sans sucre" s'affiche bien sur la droite et après j'ai à laigne centré uniquement le mot "sucre" !!

    incroyable !!
     
  7. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Peut-être pas si incroyable que ça, c'est sans doute lié au float de tes items de liste ou à une largeur qui foire qq part. Difficile à dire comme ça ...

    Le plus facile pour t'aider c'est de voir la page en question ...
     
  8. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    ok elle est pas en ligne pour l'instant mais je la mets dans la journée et je te préviens

    merci de ton aide
     
  9. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    voila :
    http://www-shneiders-com/test.html

    merci de ton retour
     
  10. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Ton lien ne fonctionne pas on dirait.
     
  11. bertimus
    bertimus WRInaute passionné
    Inscrit:
    24 Août 2005
    Messages:
    1 633
    J'aime reçus:
    0
    :roll:

    -http://www.shneiders.com/test.html
     
  12. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    oui je ne voulais pas écrire en dur l'url
     
  13. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    WHAT'S UP MY FRIEND ?
     
  14. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    du nouveau stp ?

    je suis bloqué
     
  15. bertimus
    bertimus WRInaute passionné
    Inscrit:
    24 Août 2005
    Messages:
    1 633
    J'aime reçus:
    0
  16. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 125
    J'aime reçus:
    0
    c'est que je fais depuis 2 jours sans résultat (d'aiileurs avant de poster j'ai dû passer 1h30 sur ça ça m'a desespérer :(

    merci j'ai déjà regardé la bas ça ne m'aide pas : ce n'est pas parce que le titre de la page est le même que ça répond forcément à ma question.[/quote]

    ouahh : webmaster hub est premier sur GG !!!

    pour ça je suis d'accord ... je m'adressais aux atres personnes telles que moi qui passent leur jours fériés à bosser : travailler plus pour gagner plus
     
Chargement...
Similar Threads - CSS centrer div Forum Date
Centrer verticalement un texte (CSS) Développement d'un site Web ou d'une appli mobile 16 Février 2012
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
Centrer un site en css????? Développement d'un site Web ou d'une appli mobile 14 Mars 2009
Centrer une image en CSS Développement d'un site Web ou d'une appli mobile 11 Novembre 2008
probléme pour centrer en CSS Développement d'un site Web ou d'une appli mobile 23 Septembre 2007
Centrer menu CSS Développement d'un site Web ou d'une appli mobile 6 Mai 2007
[CSS] Centrer un contenu de balise verticalement ?... Développement d'un site Web ou d'une appli mobile 3 Mai 2006
CSS : Centrer un bloc en position:absolue Développement d'un site Web ou d'une appli mobile 13 Novembre 2005
Etirer + Centrer un site en css. Développement d'un site Web ou d'une appli mobile 17 Août 2005
[CSS] Centrer l'ensemble d'une page Administration d'un site Web 3 Juin 2004
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020