|
 Kyou 
{ Membre }
 Messages : 164
 | Explication : J'ai ma navigation qui n'est pas centrée sur la PA, mais d'un coté. De plus, ils sont tous collé l'un contre l'autre et ils ne sont pas éloigné. Puis pour finir s'est triangulaire, et donc il n'y a pas les arrondis à chaque coté des navigations.
Aperçu :
- Spoiler:
Ce que je voudrais :
- Des bords arrondis dans la Navigation
- Que chaque navigation (Story & Contexte, ....) soient éloignées.
- Qu'ils soient centrer sur la PA.
CSS & HTML utilisés : ici
Résultat souhaité :
- Spoiler:
| | |
|
 | |
Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Je crois que ceci devrait marcher: HTML - Code:
-
<center><div id="menu"> <ul> <li><a href="#">Onglet 1</a> <ul> <li><a href="#">Sous-onglet 1-1</a></li> <li><a href="#">Sous-onglet 1-2</a></li> <li><a href="#">Sous-onglet 1-3</a></li> </ul> </li> <li><a href="#">Onglet 2</a> <ul> <li><a href="#">Sous-onglet 2-1</a></li> <li><a href="#">Sous-onglet 2-2</a></li> <li><a href="#">Sous-onglet 2-3</a></li> </ul> </li> <li><a href="#">Onglet 3</a> <ul> <li><a href="#">Sous-onglet 3-1</a></li> <li><a href="#">Sous-onglet 3-2</a></li> <li><a href="#">Sous-onglet 3-3</a></li> </ul> </li> </ul> </div></center> CSS - Code:
-
#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
#menu li
{float: left;
padding: 0px;
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
#menu li a
{display: block;
width: 100px;
color: #FFFFFF; /* couleur du texte */
padding: 5px;
text-decoration: none;}
#menu li a:hover /* couleur du texte au passage de la souris */
{color: #FF0000;}
#menu ul li ul /* cacher les sous-catégories */
{display: none;}
#menu ul li:hover ul
{display: block;}
#menu li:hover ul li
{float: none;}
#menu li ul
{position:absolute;} J'ai mit 10px pour les arrondis mais c'est changeable. -moz-border-radius c'est pour Mozilla Firefox, -webkit-border-radius c'est pour Safari/Google Chrome notamment et border-radius c'est pour Opera~ | | |
|
| | |
Kyou
{ Membre }
Messages : 164
| - Merci le CSS marche très bien.
Mais cependant j'ai toujours un soucie pour centrer le tout.
- Tu crois que ca serait possible d'avoir un fond dans l'intérieur du cadre ou il y a la navigation ?!
| | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Pour le fond, je ne sais pas, personnellement.
Sinon qu'as-tu de la difficulté à centrer? Sur le forum de ton profil, le menu est parfaitement centré o_o
Est-ce que tu peux montrer un aperçu? | | |
|
| | |
Kyou
{ Membre }
Messages : 164
| - Je me contenterais comme ca, merci quand même !
- J'ai du mal à centrer la Navigation sur la PA.
Bien sur que je peux te montrer un aperçue.
Le voilà :
- Spoiler:
| | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| |
| | |
Kyou
{ Membre }
Messages : 164
| - Désolé je n'avais pas fais attention.
Je préfère garder celui là, puis que tu verrouilles l'autre.
Si ca peut te rendre service.
- Puis le CSS que tu m'as donné, je l'ai déjà mais ca ne change rien.
| | |
|
| | |
Nashii
{ Membre actif }
Messages : 516
| JE peut pas verrouillé.... XD JE suis que stagiaire :p ( et j'y reste... je suis bien en rose barbie )...
Mais... Désoler d'être un peu susceptible et parano... Seulement pas fait attention.... Moi je fais gaffe à ce que je post.. l'un le 14 l'autre le 19... Enfin... je suis que stagiaire... les modos ou les codeurs le feront je signalais simplement . ( et de plus à l'autre jai répondu ) | | |
|
| | |
Kyou
{ Membre }
Messages : 164
| XD Sur un Lapin ca le fait bien le Rose barbie !
Mais moi je n'ai pas la tête à vérifié vue que je suis période examen. Et pour ce qui est de ta réponse, je t'ai répondu au précédent post. | | |
|
| | |
Illadon
{ Membre }
 Messages : 126
| - Code:
-
#menu {
margin-left: auto;
margin-right: auto;
width: 85%;
} Et voilà, normalement ton menu est correctement centré. | | |
|
| | |
Kyou
{ Membre }
Messages : 164
| *o* Merciiiiiiiiiiiiiiiii ca marche !
Tu es génial <3 | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| - Citation :
- Mais moi je n'ai pas la tête à vérifié vue que je suis période examen. Et pour ce qui est de ta réponse, je t'ai répondu au précédent post.
Et nous on est aussi en période d'examens et on a pas forcément envie de se taper tous les sujets les uns après les autres pour vérifier que quelqu'un ne poste pas deux fois le même sujet parce qu'il a la tête ailleurs. On a déjà beaucoup de travail, tant sur le forum qu'à côté, et le fait que tu ne fasses pas attention nous en rajoute, donc merci à l'avenir d'y accorder un minimum d'importance et de cliquer sur "surveiller les réponses de ce sujet", ça pourrait aider tout le monde.
Je classe ce sujet-là et je corbeille l'autre. | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
