Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Tranformer mon menu en menu deroullant
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="florent6001" data-source="post: 6923002" data-attributes="member: 138903"><p>Salut,</p><p>J'aimerais de l'aide afin de transformer mon menu en menu déroulant s'il vous plaît.</p><p>Voici mon code:</p><p></p><p>[HTML] <div class="header"></p><p> <div class="wrapper"></p><p> <h1>Julien Moreau</h1></p><p> <ul></p><p> <li><a href="index.html">Accueil</a></li></p><p> <li><a href="#">Shop</a></li></p><p> <li><a href="jailbreak.html">Jailbreak</a></li></p><p> <li><a href="#">Portfolio</a></li></p><p> <li><a href="#">Paiement</a></li></p><p> <li><a href="#">Contact</a></li></p><p> </ul></p><p> </div></p><p> <div style="clear:both;height:0;"></p><p> </div></p><p> </div>[/HTML]</p><p></p><p></p><p>Mon css:</p><p></p><p>[html].header{</p><p> height: 100px;</p><p> border-top: 5px solid #0080FF;</p><p> background: #222;</p><p> margin-bottom: 30px;</p><p>}</p><p></p><p>.wrapper{</p><p> width: 960px;</p><p> margin: 0px auto;</p><p> overflow: hidden;</p><p> word-wrap: break-word;</p><p> font-size: 1em;</p><p>}</p><p></p><p>.header .wrapper{</p><p> margin-top: -5px;</p><p>}</p><p></p><p>.header h1{</p><p> float: left;</p><p> line-height: 120px;</p><p> background: #0080FF;</p><p> padding: 0px 30px 0px 30px;</p><p> text-shadow: 0px 1px 2px rgba(0,0,0, 0.1);</p><p> border-radius: 0px 0px 2px 2px;</p><p> color: white;</p><p> font-family: Bebas;</p><p>}</p><p></p><p>.header ul {</p><p> float: right;</p><p> overflow: hidden;</p><p>}</p><p></p><p>.header ul li {</p><p> float: left;</p><p>}</p><p></p><p>.header ul li a {</p><p> display: block;</p><p> line-height: 100px;</p><p> padding: 0px 30px 0px 30px;</p><p> color: #999;</p><p> text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);</p><p>}</p><p></p><p>.header ul li a:hover {</p><p> background: rgba(0, 0, 0, 0.2);</p><p> background-color: #0080FF;</p><p> color: white;</p><p> margin-top: 0px;</p><p> font-family: Bebas;</p><p>}</p><p></p><p>.wrapper.container {</p><p> background: #0080FF;</p><p> padding: 50px;</p><p> box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);</p><p> margin-bottom: 50px;</p><p> margin-top: 50px;</p><p> width: 860px;</p><p> border-radius: 2px;</p><p>}</p><p></p><p>[/html]</p><p></p><p>Merci a vous</p></blockquote><p></p>
[QUOTE="florent6001, post: 6923002, member: 138903"] Salut, J'aimerais de l'aide afin de transformer mon menu en menu déroulant s'il vous plaît. Voici mon code: [HTML] <div class="header"> <div class="wrapper"> <h1>Julien Moreau</h1> <ul> <li><a href="index.html">Accueil</a></li> <li><a href="#">Shop</a></li> <li><a href="jailbreak.html">Jailbreak</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Paiement</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div style="clear:both;height:0;"> </div> </div>[/HTML] Mon css: [html].header{ height: 100px; border-top: 5px solid #0080FF; background: #222; margin-bottom: 30px; } .wrapper{ width: 960px; margin: 0px auto; overflow: hidden; word-wrap: break-word; font-size: 1em; } .header .wrapper{ margin-top: -5px; } .header h1{ float: left; line-height: 120px; background: #0080FF; padding: 0px 30px 0px 30px; text-shadow: 0px 1px 2px rgba(0,0,0, 0.1); border-radius: 0px 0px 2px 2px; color: white; font-family: Bebas; } .header ul { float: right; overflow: hidden; } .header ul li { float: left; } .header ul li a { display: block; line-height: 100px; padding: 0px 30px 0px 30px; color: #999; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .header ul li a:hover { background: rgba(0, 0, 0, 0.2); background-color: #0080FF; color: white; margin-top: 0px; font-family: Bebas; } .wrapper.container { background: #0080FF; padding: 50px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); margin-bottom: 50px; margin-top: 50px; width: 860px; border-radius: 2px; } [/html] Merci a vous [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Tranformer mon menu en menu deroullant
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut