Menu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Menu

Message par Horatio le Dim 24 Juil 2011 - 9:16

Bonjour à tous,

Voila hier tupac à eu la gentilesse de me donner un code pour réaliser un menu horizontal il s'agissait de ce topic :
Celui-ci
Et le code est le suivant :
Code:
<style>
#menu{
  width: 610px;
}

#menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  -moz-border-radius: 10px;}

#menu li{
  float: left;
  padding: 0px;
  background-color: #c1c1c1;
  -moz-box-shadow: 0px 0px 5px #........;
  font-family: Georgia;
  text-transform: uppercase;
  font-size: 12px;}

#menu li a{
  display: block;
  width: 140px;
  text-transform: uppercase;
  color: #000; /* couleur du texte */
  padding: 5px;
  text-decoration: none;
  font-family: Georgia;
  font-size: 12px;}

#menu li a:hover {color: #0000ff;}  /* couleur du texte au passage de la souris */

#menu ul li ul {display: none;}  /* cacher les sous-catégories */

#menu ul li:hover ul{display: inline-block;}

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

#menu li ul{position: absolute;}
</style>


  <div align=center>
  <div id="menu">
  <ul>
  <li><a href="Lien de l'onglet" target="_blank">Onglet 1</a><ul>
<li><a href="Lien du sous-onglet" target="_blank">sous-onglet</a></li>
<li><a href="Lien du sous-onglet" target="_blank">sous-onglet</a></li>
<li><a href="Lien du sous-onglet" target="_blank">sous-onglet</a></li></ul>
      </li>
 <li><a href="Lien de l'onglet" target="_blank">Onglet 2</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>       
 </ul>
</li></ul></div>

 <div id="menu">
  <ul>
      <li><a href="Lien de l'onglet" target="_blank">Onglet 3</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>     
  </ul>

</li></ul></div>

 <div id="menu">
  <ul>
      <li><a href="Lien de l'onglet" target="_blank">Onglet 4</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">sous-onglet</a></li>
     
</ul>
</li></ul></div></div>
Néanmoins j'ai un petit problème c'est que chaque lien s'ouvre dans un autre onglet j'aimerais que tout s'ouvre sur la même page.
Pouvez-vous m'aider.

Bonne journée
Cordialement,
Horatio


Dernière édition par Horatio le Dim 24 Juil 2011 - 10:01, édité 1 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu

Message par ge80 le Dim 24 Juil 2011 - 9:40

Bonjour

Code:
<a href="Lien de l'onglet" target="_blank">Onglet 2</a>
remplacer les  _blank par _self

The target window options are:
_self : Opens in the same window and same frame.
_top : Opens in the same window, taking the full window if there is more than one frame.
_parent : Opens in the parent frame.
_blank : Opens in a new window.


Cordialement,
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Menu

Message par Horatio le Dim 24 Juil 2011 - 10:00

Bonjour,

C'est parfait sa marche à merveille.
Je vous remercie pour votre aide en vous souhaitant une agréable journée.

Cordialement,
Hor@tio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum