28220 sujets

CSS et mise en forme, CSS3

Lien dans un menu coulissant vertical

Bonjour

j'aimerais faire un lien sur <span>LIEN</span> .
En gardant bien sur, le contexte actuel.
Quelqu'un peut il m'expliquer la démarche à suivre.

Merci beaucoup Smiley confus 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Menu Vertical</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#menu {
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
	background:#f0f0f0;
	width:5em;
  }
#menu li p{
	background-color: #999999;
}
#menu li {
    list-style-type:none; 
    float:left; 
    display:block; 
    width:100%;
}
#menu li a {
    display:block; 
    text-decoration:none; 
    color:#00b; 
    margin:0; 
    width:100%;
}
#menu li a span {
    display:none; 
    color:#000;
}
#menu li a:hover {
    background:#f1f1f1;
}
#menu li a:hover span {
    display:block; 
    height:5em; 
    margin:0 10px; 
    cursor:pointer;
  }
#menu .titre {
    margin:0 0; 
    padding:0; 
    color:#808; 
    font-size:1em; 
    border:0;
}
</style>
</head>
 <body>
   <ul id="menu">
     <li>
         <a href="#">
          <p class="titre">Menu 01</p><br />
	  <span>lIEN</span>
	 </a>
     </li>
	
    <li>
      <a href="#">
      <p class="titre">Menu 02</p><br />
      <span>lIEN</span>
     </a>
    </li>
	
    <li>
       <a href="#">
       <p class="titre">Menu 03</p><br />
       <span>LIEN</span>
     </a>
    </li>

    <li>
       <a href="#">
       <p class="titre">Menu 04</p><br />
       <span>LIEN</span>
     </a>
    </li>
   </ul>
  </body>
</html>

Modifié par Michel (18 Aug 2005 - 00:05)
Bonjour,

Merci de valider le code HTML avant d'envisager quoi que ce soit.

Michel a écrit :
<a href="#"><p class="titre">Menu 01</p><br />
<span>lIEN</span>
</a>[/code]
Administrateur
Sans vouloir te vexer non-plus : trouves-tu que le titre choisi ("Menu") est vraiment pertinent ?
Il indique vraiment de quoi parle ton sujet ? Quel est ton problème ?

Crois-tu vraiment que tu vas pouvoir retrouver ce sujet (en supposant que tu veuilles revenir dessus) en effectuant une recherche dans quelques temps ?

Les Règles invitent à proposer des titres explicites (un résumé du message en gros), afin de t'aider toi et les autres membres du forum.
Modifié par Raphael (17 Aug 2005 - 13:13)
Bonsoir

Pourquoi commencer une phrase ainsi ? Smiley cligne

Raphael a écrit :
Sans vouloir te vexer non-plus


Quelqu'un m'aurait il vexé auparavent ? Smiley biggrin

Merci pour votre professionalisme.

Mais avez vous une idée ou une piste pour mon soucis.

cordialement
@+
Sujet clos
Aller à