centrage de lien horizontaux
centrage de lien horizontaux - HTML/CSS - Programmation
Marsh Posté le 15-11-2005 à 07:37:19
navigation (comme garage)
Désolé de ne pas avoir ta réponse. De plus, je ne comprend pas ta question, ton problème exact (une 'tite image?). Pourquoi le "float: left;" sur les <a>?
Marsh Posté le 15-11-2005 à 09:36:13
Code :
|
---------------
The Million Dollar Screenshot (seo v7ndotcom elursrebmem paesys wifi)
Marsh Posté le 15-11-2005 à 12:58:26
trollable desole ca ne marche pas.
adoy: sur mon site : http://greeedisland.free.fr/accueil.php
les onglets sont collés a gauche au lieu d'etre centre comme je le voudrais .
les float : left sur les <a> permet ( je ne sais pas pourquoi ) de faire en sorte que le background des liens s'affiche entierement et non pas juste autour du lien.
voila merci pour votre aide
Marsh Posté le 15-11-2005 à 14:06:16
tu fixes une largeur a ton element global ici c'est directfement #navigation
et non pas #navigation UL (ya pas du sous UL au UL pere)
ca serait alors ul#navigation
bon pour centrer un élément horizontalement on utilise les marges autos :
ul#navigation {
margin:0 auto
}
Marsh Posté le 15-11-2005 à 19:30:40
| Citation : #naviguation |
desole mais ca ne marche toujours pas 
Marsh Posté le 15-11-2005 à 20:34:00
kirua_sama a écrit :
|
tu me remplace ce gros paté par :
Code :
|
je t'ai dis qu'il fallait fixer une largeur a ton élément, car sinon il prend toute la largeur de la page par défaut et donc un margin:0 auto, ne servirait à rien du tout.
Tu pourrait me reduire la taille de tes onglets, il sont énormes, ca fait moche.
sinon ton site en 800x600 il passera jamais
Message édité par gatsusat le 15-11-2005 à 20:37:38
Marsh Posté le 15-11-2005 à 21:01:15
je pensais que par default justement ca prenait la largeur la plus faible desole.
Marsh Posté le 15-11-2005 à 21:36:38
sinon pour la banniere c'est quoi l'a taille qu'il faut utilise ( la plus grande possible ) normalement ??
et puis en faite je ne voulait pas donner de valeur fixe a mon element pour que la barre d'en dessous fasse tout la largeur de la page 
Marsh Posté le 15-11-2005 à 21:40:36
Donc si je fait ca 
position: relative;
left: 50%;
margin-left: -365px;
Message édité par kirua_sama le 15-11-2005 à 21:43:03
Marsh Posté le 15-11-2005 à 22:24:14
alors voila j'ai la solution !!! pour ceux qui la desirerais ^^:
css:
| Citation : #naviguation |
et html:
| Citation : <div id="sousnavigation"> |
Marsh Posté le 16-11-2005 à 03:34:23
FAUX !!!!
on ne peut pas center un élément de type bloc par text-align !!!!
c'est une connerie, et seul IE fait cette connerie, car la norme dis : Margin-left:auto; margin-right:auto;
le text-align c'est une bidouille pour corriger cette salope de IE
va faire un tour sur alsacreation y a un tuto à ce sujet. donc tu peux enlever ta solution
Marsh Posté le 16-11-2005 à 15:21:31
je ne sais pas pourquoi mais ma solution marche sous ie FF et opera ....
enfin de toute facon oui mettre margin-left: auto;
juste poru dire que nous sommes oblige de cree de div .
Sujets relatifs:
- Lien sur image dans meme page
- Fermer fenêtre et redirection vers un lien ?
- problème lien html dans une iframe svp
- Ouvrir un lien avec IE sous Mozilla
- Faire un lien sur une animation SWF
- <dl> et centrage vertical
- comment entrer un lien dans du php ?
- galerie d'images en css et centrage...
- lien sur background-image
- ASP pb pour créer un lien qui inclueraient une page dans un tableau
Marsh Posté le 14-11-2005 à 20:04:16
voila je n'arrive pas a centre mes onglets.... j'ai besoin que mon div fasse toute la largeur et je ne peux pas mettre en type inline car sinon ca ne prend pas la taille des liens en compte.
#naviguation
{
height: 60px;
background-image:url(mise_en_page/naviguation/bck_naviguation.PNG);
background-position:bottom;
background-repeat:repeat-x;
text-align: center;
margin: auto;
padding: 0px;
}
#naviguation ul
{
list-style-type: none;
height: 42px;
padding: 0px;
margin: auto;
}
#naviguation li
{
width: 120px;
height: 42px;
float: left;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#naviguation a
{
float: left;
width: 120px;
height: 42px;
text-decoration: none;
padding-top: 13px;
margin: 0px;
color: #000000;
background-image:url(mise_en_page/naviguation/onglet.PNG);
background-repeat:no-repeat;
}
#naviguation a:hover
{
width: 120px;
height: 42px;
float: left;
text-decoration: none;
padding: 0px;
margin: 0px;
color: #000000;
}
et en html:
<ul id="naviguation">
<li><a href="greeed-island.php"><b>Greeed-Island</b></a></li>
<li><a href="mangas"><b>mangas</b></a></li>
<li><a href="greeed-island.php"><b>Greeed-Island</b></a></li>
<li><a href="mangas"><b>mangas</b></a></li>
<li><a href="greeed-island.php"><b>Greeed-Island</b></a></li>
<li><a href="mangas"><b>mangas</b></a></li>
</ul>
voila merci de votre aide