Probleme pour centrer une div en xhtml
Résolu/Fermé
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
-
30 mars 2009 à 21:38
sob_12 Messages postés 306 Date d'inscription jeudi 24 mai 2007 Statut Membre Dernière intervention 7 février 2012 - 31 mars 2009 à 12:01
sob_12 Messages postés 306 Date d'inscription jeudi 24 mai 2007 Statut Membre Dernière intervention 7 février 2012 - 31 mars 2009 à 12:01
A voir également:
- Probleme pour centrer une div en xhtml
- Div c++ - Télécharger - Langages
- Centrer une image dans une cellule excel - Forum LibreOffice / OpenOffice
- Enlever #div/0 dans tableau croisé dynamique ✓ - Forum Excel
- Dans le document, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? ✓ - Forum Windows 10
- Centrer sur OpenOffice - Forum LibreOffice / OpenOffice
17 réponses
zikouf
Messages postés
45
Date d'inscription
lundi 30 mars 2009
Statut
Membre
Dernière intervention
12 avril 2009
1
30 mars 2009 à 21:44
30 mars 2009 à 21:44
Bon soir
Sa peut pas marcher.
Tu a mis ta balise <div id="menuvertical">
Et dans le css tu a mis
div#menuvertical
{
height:42px;
}
La se qu'il va faire c'est prendre une hauteur de 42 px
Je suis pas un asse du css mais tente plutôt sa.
div#menuvertical
{
center;
}
ou sinon tu ne le mette pas en css mais plutôt en html :
<div align="center"></div>
Sa peut pas marcher.
Tu a mis ta balise <div id="menuvertical">
Et dans le css tu a mis
div#menuvertical
{
height:42px;
}
La se qu'il va faire c'est prendre une hauteur de 42 px
Je suis pas un asse du css mais tente plutôt sa.
div#menuvertical
{
center;
}
ou sinon tu ne le mette pas en css mais plutôt en html :
<div align="center"></div>
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 09:09
31 mars 2009 à 09:09
sa ne change rien :(
j'ai déjà tester de mettre
la seul balise qui est réelement de l'effet sur le menu est :
"ul.ongletverti"
et elle contiens déjà un margin 0 et j'avais tester avec auto mais sa change rien
j'ai déjà tester de mettre
margin: auto;
la seul balise qui est réelement de l'effet sur le menu est :
"ul.ongletverti"
et elle contiens déjà un margin 0 et j'avais tester avec auto mais sa change rien
Bigfish72
Messages postés
79
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
11 avril 2009
4
31 mars 2009 à 10:40
31 mars 2009 à 10:40
Salut, pour aligner un bloc :
div#menuvertical
{
margin-left:auto;
margin-right:auto;
}
et une structure comme ça doit marcher aussi je crois, à vérifier.
div#menuvertical
{
margin: 0 auto 0 auto;
}
div#menuvertical
{
margin-left:auto;
margin-right:auto;
}
et une structure comme ça doit marcher aussi je crois, à vérifier.
div#menuvertical
{
margin: 0 auto 0 auto;
}
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:12
31 mars 2009 à 11:12
sa ne change rien j'ai tester de le mettre dans div#menuvertical et sa ne change pas rien ne bouge
et dans ul.ongletverti quand je mes : margin-left:auto;
margin-right:auto; sa revient à la ligne
et dans ul.ongletverti quand je mes : margin-left:auto;
margin-right:auto; sa revient à la ligne
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bigfish72
Messages postés
79
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
11 avril 2009
4
31 mars 2009 à 11:19
31 mars 2009 à 11:19
Tu utilises quoi comme navigateur ?
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:26
31 mars 2009 à 11:26
je teste avec firefox
pourquoi il faut que je teste avec les autre ?
car avec j'ai internet explorer 7, google chrome et safari et safari sur mon ipod touch
pourquoi il faut que je teste avec les autre ?
car avec j'ai internet explorer 7, google chrome et safari et safari sur mon ipod touch
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
31 mars 2009 à 11:29
31 mars 2009 à 11:29
salut,
tes <li> flottent à gauche donc :
• {text-align} est sans effet ;
• {margin} est sans effet.
tu peux :
• soit laisser les <li> dans le flux mais les passer en {display:inline;} mais dans ce cas tu ne peux pas avoir de {display:block;} pour <a>, donc tu ne peux pas attribuer une taille fixe à <a> ;
• soit appliquer une taille fixe aux <a> et une largeur fixe à ta page, dans ce cas tu pourras ajouter des marges ou des espacements fixes de chaque côté du menu.
@zikouf : je comprends que tu veuilles aider mais quand tu ne sais pas ou n'es pas sûr, ne réponds pas !
incorrect, ne fonctionnera jamais, ni dans cette vie, ni dans une autre, ça peut même nuire à une règle précédente.
on est en XHTML donc il n'y a pas d'attribut "center".
tes <li> flottent à gauche donc :
• {text-align} est sans effet ;
• {margin} est sans effet.
tu peux :
• soit laisser les <li> dans le flux mais les passer en {display:inline;} mais dans ce cas tu ne peux pas avoir de {display:block;} pour <a>, donc tu ne peux pas attribuer une taille fixe à <a> ;
• soit appliquer une taille fixe aux <a> et une largeur fixe à ta page, dans ce cas tu pourras ajouter des marges ou des espacements fixes de chaque côté du menu.
@zikouf : je comprends que tu veuilles aider mais quand tu ne sais pas ou n'es pas sûr, ne réponds pas !
div#menuvertical { center; }
incorrect, ne fonctionnera jamais, ni dans cette vie, ni dans une autre, ça peut même nuire à une règle précédente.
<div align="center"></div>
on est en XHTML donc il n'y a pas d'attribut "center".
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:35
31 mars 2009 à 11:35
donc en résumé qu'es que je doit faire pour que sa reste horizontal et que sa ce centre ?
et pour
et
je me disait bien sa n'existe pas center en xhtml
et pour
div#menuvertical { center; }
et
<div align="center"></div>
je me disait bien sa n'existe pas center en xhtml
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
31 mars 2009 à 11:38
31 mars 2009 à 11:38
Donc en résumé qu'es que je doit faire pour que sa reste horizontal et que sa ce centre ?
est-ce que ta page et tes liens ont une largeur fixe ?
est-ce que ta page et tes liens ont une largeur fixe ?
Bigfish72
Messages postés
79
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
11 avril 2009
4
31 mars 2009 à 11:41
31 mars 2009 à 11:41
Salut,
je viens de tester ce que je t'avais donné et ça ne marchait pas car il est nécessaire de définir une largeur au div pour que ça marche : donc avec ce code, sur mon navigateur ça centre nickel :
div#menuvertical
{
margin-left:auto;
margin-right:auto;
width:800px;
}
Maintenant, oui ça fait une largeur fixe.
>par contre ce ne sont pas les float qui posent problème, ça ne change rien que l'on mettre ou non la liste (testé avec un texte perso)
je viens de tester ce que je t'avais donné et ça ne marchait pas car il est nécessaire de définir une largeur au div pour que ça marche : donc avec ce code, sur mon navigateur ça centre nickel :
div#menuvertical
{
margin-left:auto;
margin-right:auto;
width:800px;
}
Maintenant, oui ça fait une largeur fixe.
>par contre ce ne sont pas les float qui posent problème, ça ne change rien que l'on mettre ou non la liste (testé avec un texte perso)
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:45
31 mars 2009 à 11:45
non la page n'a pas de taille fixe mais une taille minimum de 1050px de largeur
le lien du menu oui je viens de le rajouté dans ul.ongletverti li car dans active, a, a:hover elle était définit donc la largeur est 120px
le lien du menu oui je viens de le rajouté dans ul.ongletverti li car dans active, a, a:hover elle était définit donc la largeur est 120px
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
31 mars 2009 à 11:47
31 mars 2009 à 11:47
qu'on se comprenne bien, tu veux que tes onglets soit centré au milieu de la page ?
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:48
31 mars 2009 à 11:48
oui bien sur
je teste la solution de Bigfish72 ? ou pas
je teste la solution de Bigfish72 ? ou pas
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
31 mars 2009 à 11:51
31 mars 2009 à 11:51
oui car si tes <a> ont une largeur fixe, tu peux définir une largeur fixe au container du menu.
mais il ne faut pas que le container du menu flotte à gauche.
mais il ne faut pas que le container du menu flotte à gauche.
Bigfish72
Messages postés
79
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
11 avril 2009
4
31 mars 2009 à 11:52
31 mars 2009 à 11:52
Si tu veux que tes onglets soient centrés dans le div, il te faut ajouter dans le css du div :
text-align:center;
Note que c'est le seul endroit où le center est autorisé. (css 2.1)
et oui tu peux tester ma solution en changeant la valeur de la largeur comme tu veux ;)
text-align:center;
Note que c'est le seul endroit où le center est autorisé. (css 2.1)
et oui tu peux tester ma solution en changeant la valeur de la largeur comme tu veux ;)
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 11:56
31 mars 2009 à 11:56
ok donc maintenant que me onglet on une taille fixe je fait sa
div#menuvertical { margin-left:auto; margin-right:auto; width:1060px; }
Bigfish72
Messages postés
79
Date d'inscription
samedi 28 mars 2009
Statut
Membre
Dernière intervention
11 avril 2009
4
31 mars 2009 à 11:57
31 mars 2009 à 11:57
Oui, ça doit marcher.
Et tu peux mettre :
div#menuvertical
{
margin-left:auto;
margin-right:auto;
width:1050px;
text-align:center;
}
si tu veux que tes éléments soient centrés dans ton bloc.
Et tu peux mettre :
div#menuvertical
{
margin-left:auto;
margin-right:auto;
width:1050px;
text-align:center;
}
si tu veux que tes éléments soient centrés dans ton bloc.
sob_12
Messages postés
306
Date d'inscription
jeudi 24 mai 2007
Statut
Membre
Dernière intervention
7 février 2012
15
31 mars 2009 à 12:01
31 mars 2009 à 12:01
ok merci sa marche nickel
comme sa la page d'accueil sera peut être accessible ce soir je vous tien au courant
je vous invite sur mon site dans environ 1h ou 2 voir 3maxi le temps de réglé les éventuel problème
merci encore
comme sa la page d'accueil sera peut être accessible ce soir je vous tien au courant
je vous invite sur mon site dans environ 1h ou 2 voir 3maxi le temps de réglé les éventuel problème
merci encore