Menu Horizontal Bouton_activeMenu Horizontal Bouton_hoverMenu Horizontal Fb-hoverMenu Horizontal Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Menu Horizontal EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Menu Horizontal EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Menu Horizontal EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Menu Horizontal EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Menu Horizontal EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Menu Horizontal EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Menu Horizontal EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Menu Horizontal EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Menu Horizontal

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://twilight-francerpg.1fr1.net/forum.htm
Cookie
Cookie
{ Membre }
{ Membre }

Féminin Messages : 28



Menu Horizontal Empty
    Bonjour les p'tits loups ^-^

    Je reviens avec un nouveau petit soucis primaire - ou pas ? -. Je ne vais pas demander de code pour un menu horizontal, comme j'ai réussi à en faire un mais par contre je ne parviens pas à le centrer sur ma page d'accueil. J'ai essayé encore et encore... J'ai fouillé tout le forum, cherché sur Google, essayé tout les codes. Rien à faire !


Voila pour vous montrer ce que me fait comme misère ce menu :

Spoiler:

Mon Code de page d'accueil :

Code:
<img class="opacity" src="http://img11.hostingpics.net/pics/495482Sans_titre_2.png"><div id="menu"><ul>
<li><a href="/forum.htm">Accueil</a>
<ul>
      <li><a href="http://twilight-francerpg.1fr1.net/informations-f76/charte-du-forum-rpg-t6.htm">Réglements</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/questions-f3/">Aide</a></li>
    </ul></li>
  <li><a href="/forum.htm">About the Story</a>
<ul>
      <li><a href="http://twilight-francerpg.1fr1.net/informations-f76/le-contexte-du-rpg-t258.htm">Contexte</a></li>
      <li><a href="">Intrigue</a></li>
    </ul></li>
  <li><a href="/forum.htm">Welcome</a>
<ul>
      <li><a href="http://twilight-francerpg.1fr1.net/postes-vacants-f9/">Poste vacant</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/les-predefinis-f79/">Prédéfinis</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/presentation-f82/">Présentation</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/scenarios-faits-par-les-membres-f6/">Scénario</a></li>
    </ul></li>
  <li><a href="/forum.htm">Se gérer</a>
    <ul>
      <li><a href="http://twilight-francerpg.1fr1.net/informations-personnages-f72/a-consulter-liste-des-avatars-t5.htm">Bottin des avatars</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/informations-personnages-f72/les-pouvoirs-t52.htm">Pouvoirs</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/liens-f17/">Vos liens</a></li>
  <li><a href="http://twilight-francerpg.1fr1.net/topics-f18/">Vos topics</a></li>
    </ul></li>
  <li><a href="/forum.htm">Les parties</a>
    <ul>
      <li><a href="http://twilight-francerpg.1fr1.net/villas-privees-c4/">Villas Privées</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/forks-ses-alentours-c5/">Forks & ses alentours</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/lycee-c8/">Lycée</a></li>
  <li><a href="http://twilight-francerpg.1fr1.net/fac-c7/">Fac</a></li>
  <li><a href="http://twilight-francerpg.1fr1.net/sur-les-routes-c6/">Sur les routes</a></li>
    </ul></li>
  <li><a href="/forum.htm">Partenaires</a>
    <ul>
      <li><a href="http://twilight-francerpg.1fr1.net/demandes-de-partenariat-f74/">Demande de Partenariat</a></li>
      <li><a href="http://twilight-francerpg.1fr1.net/partenaires-f75/">Nos Partenaires</a></li>
    </ul></li></div>
</div></div>

<table style="width: 100%" border="0">
  <tr>
      <td><br>
<span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><strong><font face="Times New Roman">C O N T E X T E</font></strong></div></span><br>

<span style="font-size: 10px; line-height: normal"><div align="justify"><font face="Arial"><div style="width:400px; line-height:12px;"><ul>L'heure de la rébellion a commencé. Tout le monde savait parfaitement, que le calme presque anormal qui avait animé le monde pendant presque trois ans, n'était que passager. Et c'est maintenant, que tout commence vraiment. Une arrivée massive de vampires à Forks, vient perturber l'équilibre instable des choses. Lire la suite.</ul></div><br>
<br>
<br>
<span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><strong><font face="Times New Roman">S T A F F</font></strong></div></span>

<ul><a href="http://twilight-francerpg.1fr1.net/scenarios-valides-f46/ally-kateline-storm-t126.htm" class="infobulle"><img class="opacity" src="http://img11.hostingpics.net/pics/99944001.png">
<span style="font-size: 10px; line-height: normal"><font face="Times New Roman">ALLY  STORM</font><div><a href="http://twilight-francerpg.1fr1.net/profile.forum?mode=viewprofile&u=2" target="_blank"><font face="Times New Roman"><center>SON PROFIL</center></font></a></div></span></a>  <a href="http://twilight-francerpg.1fr1.net/scenarios-valides-f46/noah-vlongford-fiche-scenario-t13.htm" class="infobulle"><img class="opacity" src="http://img11.hostingpics.net/pics/673740002.png">
<span style="font-size: 10px; line-height: normal"><font face="Times New Roman">NOAH LONGFORD</font><div><a href="http://twilight-francerpg.1fr1.net/profile.forum?mode=viewprofile&u=1" target="_blank"><font face="Times New Roman"><center>SON PROFIL</center></font></a></div></span></a></td>
      <td>L'heure de la rébellion a commencé. Tout le monde savait parfaitement, que le calme presque anormal qui avait animé le monde pendant presque trois ans, n'était que passager. Et c'est maintenant, que tout commence vraiment. Une arrivée massive de vampires à Forks, vient perturber l'équilibre instable des choses. Lire la suite.</font></div></span></td>
  </tr>
</table>


Code CSS du menu :

Code:
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
width: 900;
 background-image: url("http://img11.hostingpics.net/pics/1373271024x768.png");
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
 }
#menu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#dedede;
 }

#menu ul li ul {
 display:none;
 }

#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

#menu li ul {
 position:absolute;
 }

/*  pour Internet Explorer 7/*
#menu {
 height:50px;
 }

    Merci d'avance à tous ceux ou celles qui essayeront et quelque soit le résultat =).


Dernière édition par Cookie le Sam 14 Aoû 2010, 13:06, édité 1 fois
MessageSujet: Menu Horizontal   Menu Horizontal EmptyVen 13 Aoû 2010, 11:49
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Menu Horizontal Empty
Et en mettant le menu entre les balise <center></center>
Attention ta première liste n'est pas fermée
MessageSujet: Re: Menu Horizontal   Menu Horizontal EmptyVen 13 Aoû 2010, 13:34
Revenir en haut Aller en bas
http://twilight-francerpg.1fr1.net/forum.htm
Cookie
Cookie
{ Membre }
{ Membre }

Féminin Messages : 28



Menu Horizontal Empty
    Non, ça ne fonctionne pas avec cette balise :S !
    C'est la première que j'ai testé mais ça n'a rien centré ^^

    Et je ne peux rien toucher dans le CSS sinon ça déforme tout.
    Par contre, de quelle liste vous parlez ^^ ?
MessageSujet: Re: Menu Horizontal   Menu Horizontal EmptyVen 13 Aoû 2010, 13:45
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Menu Horizontal Empty
et bien la toute première :
Code:
<ul>
<li><a href="/forum.htm">Accueil</a>

On peut avoir un lien.
MessageSujet: Re: Menu Horizontal   Menu Horizontal EmptyVen 13 Aoû 2010, 14:06
Revenir en haut Aller en bas
http://twilight-francerpg.1fr1.net/forum.htm
Cookie
Cookie
{ Membre }
{ Membre }

Féminin Messages : 28



Menu Horizontal Empty
Cookie a écrit:
    Ah oui ^^
    Je ne peux pas fermer cette balise tout de suite vu qu'il y a des menus dès qu'on glisse la souris dessus ^^ !

    Et pour un lien, si vous parlez du forum : /

    Par contre, c'est très décalé comme j'ai ajouté la balise
    Code:
    <blockquote >
    mais ça ne fonctionne toujours pas comme je veux :S !

Edit : Problème résolu Wink
Merci à toi VPeybernes d'avoir pris le temps de me répondre ^^
MessageSujet: Re: Menu Horizontal   Menu Horizontal EmptyVen 13 Aoû 2010, 14:15
Revenir en haut Aller en bas
Contenu sponsorisé




Menu Horizontal Empty
MessageSujet: Re: Menu Horizontal   Menu Horizontal Empty
Revenir en haut Aller en bas
 

Menu Horizontal

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Menu horizontal
» Défilement horizontal pour PA.
» Problème de slideshow horizontal dans une PA [Résolu]
» Problème mise en page profil horizontal
» [résolu]Intégrer un menu à onglet dans un menu à onglet

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit