centrage de lien horizontaux

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : centrage de lien horizontaux

kirua_sama

Learn sciences with senses

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.

Citation :

#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:

Citation :

<ul id="naviguation">
<li><a href="greeed-island.php">Greeed-Island</a></li>
<li><a href="mangas">mangas</a></li>
<li><a href="greeed-island.php">Greeed-Island</a></li>
<li><a href="mangas">mangas</a></li>
<li><a href="greeed-island.php">Greeed-Island</a></li>
<li><a href="mangas">mangas</a></li>
</ul>

voila merci de votre aide :hello:

Publicité

adoy

aka KingOfNuls

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>?

Trollable

Code :

#navigation ul {
width: 100%;
...
}

---------------
The Million Dollar Screenshot (seo v7ndotcom elursrebmem paesys wifi)

kirua_sama

Learn sciences with senses

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

gatsusat

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
}

kirua_sama

Learn sciences with senses

Citation :

desole mais ca ne marche toujours pas

Message cité 1 fois

gatsusat

kirua_sama a écrit :

Citation :

desole mais ca ne marche toujours pas

tu me remplace ce gros paté par :

Code :

#navigation { height: 60px;
background-image:url(mise_en_page/naviguation/bck_naviguation.PNG);
background-position:bottom;
background-repeat:repeat-x;
text-align: center;
padding: 0;
list-style-type: none;
width:840px;
margin: auto;
}

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

kirua_sama

Learn sciences with senses

:jap: je pensais que par default justement ca prenait la largeur la plus faible desole.

kirua_sama

Learn sciences with senses

pour la taille des onglet je regle ca de suite ^^

kirua_sama

Learn sciences with senses

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

Publicité

kirua_sama

Learn sciences with senses

Donc si je fait ca :hello:

position: relative;
left: 50%;
margin-left: -365px;

Message édité par kirua_sama le 15-11-2005 à 21:43:03

kirua_sama

Learn sciences with senses

ca prend pas le - en compte ?? c normal ?

kirua_sama

Learn sciences with senses

alors voila j'ai la solution !!! pour ceux qui la desirerais ^^:

css:

Citation :

#naviguation
{
height: 55px;
width: 729px;
text-align: center;
margin: 0px;
}

#sousnavigation
{
background-image:url(mise_en_page/naviguation/bck_naviguation.PNG);
background-position:bottom;
background-repeat:repeat-x;
width: 100%;
margin: 0px;
}

ul#naviguation
{
list-style-type: none;
height: 55px;
padding: 0px;
margin: auto;
}

et html:

Citation :

gatsusat

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

kirua_sama

Learn sciences with senses

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 .

kirua_sama

Learn sciences with senses

en tout cas merci enormement pour ton aide

FORUM HardWare.fr

Programmation

HTML/CSS

centrage de lien horizontaux

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
Plus de sujets relatifs à : centrage de lien horizontaux

Page générée en 0.059 secondes