Formation par Olivier Duffez

Formation au référencement par Olivier Duffez, créateur de WebRankInfo !
Une formule efficace alliant théorie et pratique, avec une haute disponibilité des intervenants
Cette formule a déjà convaincu plusieurs centaines d'entreprises, pourquoi pas vous ?
Réservez vite votre place en ligne (convention possible pour imputer sur le budget formation)

Formation référencement Marseille

CSS : centrer un div

Aller à la page 1, 2  Suivante
Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mar Mai 06, 2008 20:34    Sujet du message: CSS : centrer un div

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>
 
rudddy Visiter le site web du posteur
bertimus
WRInaute accro
WRInaute accro

Inscrit le: 24 Aoû 2005
Messages: 2169
Localisation: Sud 35 | Breizh

URL permanente de ce messagePosté le : Mar Mai 06, 2008 20:58    Sujet du message: CSS : centrer un div

Ajoute ceci pour voir :
Code:
    margin-left: auto;
    margin-right: auto;

Faudra peut-être supprimer/modifier :
Code:
   padding: 10px 94px 10px 94px;
   position: fixed;


Plus d'infos : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-el...
 
bertimus Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mar Mai 06, 2008 21:01    Sujet du message: CSS : centrer un div

morche pos Confused
 
rudddy Visiter le site web du posteur
SuperCureuil
WRInaute passionné
WRInaute passionné

Inscrit le: 09 Mar 2007
Messages: 661
Localisation: Bxl, Belgique

URL permanente de ce messagePosté le : Mar Mai 06, 2008 21:02    Sujet du message: CSS : centrer un div

Salut,

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

Code:
width: xpx;
 
SuperCureuil
bertimus
WRInaute accro
WRInaute accro

Inscrit le: 24 Aoû 2005
Messages: 2169
Localisation: Sud 35 | Breizh

URL permanente de ce messagePosté le : Mar Mai 06, 2008 21:02    Sujet du message: CSS : centrer un div

J'ai édité mon message, file voir Alsacréations Wink

[Vi largeur obligatoire Wink]
 
bertimus Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mar Mai 06, 2008 21:04    Sujet du message: CSS : centrer un div

SuperCureuil a écrit:
Salut,

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

Code:
width: xpx;


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 !!
 
rudddy Visiter le site web du posteur
SuperCureuil
WRInaute passionné
WRInaute passionné

Inscrit le: 09 Mar 2007
Messages: 661
Localisation: Bxl, Belgique

URL permanente de ce messagePosté le : Mar Mai 06, 2008 22:01    Sujet du message: CSS : centrer un div

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 ...
 
SuperCureuil
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mer Mai 07, 2008 6:13    Sujet du message: CSS : centrer un div

SuperCureuil a écrit:
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 ...


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
 
rudddy Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mer Mai 07, 2008 16:18    Sujet du message: CSS : centrer un div

SuperCureuil a écrit:
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 ...


voila :
http://www-shneiders-com/test.html

merci de ton retour
 
rudddy Visiter le site web du posteur
Pandore
WRInaute accro
WRInaute accro

Inscrit le: 14 Oct 2005
Messages: 1416
Localisation: Aix-Noulette (62)

URL permanente de ce messagePosté le : Mer Mai 07, 2008 18:18    Sujet du message: CSS : centrer un div

Firefox a écrit:
Serveur introuvable

Firefox ne peut trouver le serveur à l'adresse www.www-shneiders-com.com.

* Veuillez vérifier la syntaxe de l'adresse
(saisie de ww.exemple.com au lieu de
www.exemple.com par exemple) ;

* Si vous n'arrivez à naviguer sur aucun site, vérifiez la connexion
au réseau de votre ordinateur ;

* Si votre ordinateur ou votre réseau est protégé par un pare-feu ou un proxy,
assurez-vous que Firefox a l'autorisation d'accéder au Web.

Ton lien ne fonctionne pas on dirait.
 
Pandore Visiter le site web du posteur
bertimus
WRInaute accro
WRInaute accro

Inscrit le: 24 Aoû 2005
Messages: 2169
Localisation: Sud 35 | Breizh

URL permanente de ce messagePosté le : Mer Mai 07, 2008 18:31    Sujet du message: CSS : centrer un div

Rolling Eyes

-http://www.shneiders.com/test.html
 
bertimus Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Mer Mai 07, 2008 19:49    Sujet du message: CSS : centrer un div

oui je ne voulais pas écrire en dur l'url
 
rudddy Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Jeu Mai 08, 2008 6:30    Sujet du message: CSS : centrer un div

WHAT'S UP MY FRIEND ?
 
rudddy Visiter le site web du posteur
rudddy
WRInaute passionné
WRInaute passionné

Inscrit le: 01 Aoû 2007
Messages: 919
Localisation: Marseille

URL permanente de ce messagePosté le : Jeu Mai 08, 2008 13:52    Sujet du message: CSS : centrer un div

du nouveau stp ?

je suis bloqué
 
rudddy Visiter le site web du posteur
bertimus
WRInaute accro
WRInaute accro

Inscrit le: 24 Aoû 2005
Messages: 2169
Localisation: Sud 35 | Breizh

URL permanente de ce messagePosté le : Jeu Mai 08, 2008 14:25    Sujet du message: CSS : centrer un div

Pourquoi n'essaierais-tu pas de capter par toi-même plutôt que d'attendre la solution ?

Encore une fois : http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-el...
Ou encore : http://www.google.fr/search?hl=fr&q=centrer+une+div&btnG=Rechercher&...

[PS : Nous sommes le 8 mai, c'est un jour férié, SuperCureuil a peut-être d'autres choses à faire que de se pencher sur ton cas]
 
bertimus Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 2 - Aller à la page 1, 2  Suivante
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort