Utilisateur anonyme
-
1 mai 2019 à 18:13
Utilisateur anonyme -
7 mai 2019 à 08:55
Bonjour,
Dans le cadre de mon projet final d'ISN je réalise un site internet. J'ai souhaité insérer un menu déroulant au dessus d'un slideshow mais problème, le menu déroulant ne s'exécute pas normalement puisque les sous menu n'apparaissent que partiellement et en permanence au dessus mon slideshow au lieu d'être les uns sous les autres et uniquement lorsque la souris se place dessus. J'ai cherché différentes solutions mais rien de bien concluant. Je vous laisse ci-dessous les code html et css correspondant à cette partie :
• code html :
<li><a href="#">Ordinateur</a>
<ul>
<li><a href="histoire ordinateur.html">L'histoire</a></li>
<li><a href="composants ordinateur.html">Son fonctionnement</a></li>
<li><a href="#">Les systèmes d'exploitations</a></li>
</ul>
</li>
<li><a href="#">Tablette</a>
<ul>
<li><a href="histoire tablette.html">L'histoire</a></li>
<li><a href="composants tablette.html">Son fonctionnement</a></li>
<li><a href="systèmes d'exploitation tablette.html">Les systèmes d'exploitation</a></li>
</ul>
</li>
<li><a href="que choisir.html">Que choisir ?</a>
</li>
<li><a href="#">Nos conseils</a>
<ul>
<li><a href="top tablette.html">Le top tablettes</a></li>
<li><a href="top PC portable.html">Le top PC portables</a></li>
<li><a href="top PC fixe.html">Le top PC de bureau</a></li>
</ul>
</li>
</ul>
jordane45
Messages postés38145Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention25 avril 20244 650 2 mai 2019 à 08:42
Bonjour,
Je pense que tu ne nous as pas donné le code html complet de ton menu.
Je doute qu'il commence par un <li>
et sans le code complet de ta page, de tout ton css ... je pense qu'il sera compliqué de te donner une réponse.
A la limite, si ton site est accessible par internet, n'hésites pas à nous donner le lien vers celui-ci
Tout d'abord merci de votre réponse. Effectivement je me suis aperçue que j'avais oublié une ligne de code. Ma page n'est malheureusement pas accessible par internet mais je peux envoyer les codes complets par mail
jordane45
Messages postés38145Date d'inscriptionmercredi 22 octobre 2003StatutModérateurDernière intervention25 avril 20244 650
>
Utilisateur anonyme
4 mai 2019 à 22:44
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css"/>
<title></title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="titre_principal">
<div id="logo">
<a href="index.html"><img src="https://image.noelshack.com/fichiers/2019/17/6/1556400426-concepts-conception-chimie-1284-3956.gif" alt="logo"/></a>
<h1>Informatiko</h1>
</div>
<h2>site d'informatique</h2>
</div>
<nav>
<ul id="menu-déroulant">
<li><a href="#">Ordinateur</a>
<ul>
<li><a href="histoire ordinateur.html">L'histoire</a></li>
<li><a href="composants ordinateur.html">Son fonctionnement</a></li>
<li><a href="#">Les systèmes d'exploitations</a></li>
</ul>
</li>
<li><a href="#">Tablette</a>
<ul>
<li><a href="histoire tablette.html">L'histoire</a></li>
<li><a href="composants tablette.html">Son fonctionnement</a></li>
<li><a href="systèmes d'exploitation tablette.html">Les systèmes d'exploitation</a></li>
</ul>
</li>
<li><a href="que choisir.html">Que choisir ?</a>
</li>
<li><a href="#">Nos conseils</a>
<ul>
<li><a href="top tablette.html">Le top tablettes</a></li>
<li><a href="top PC portable.html">Le top PC portables</a></li>
<li><a href="top PC fixe.html">Le top PC de bureau</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div align="center">
<div class="contener_slideshow">
<div class="contener_slide">
<div class="slid_1"><img src="https://image.noelshack.com/fichiers/2019/15/5/1555100821-chemistry-874157664.jpg" alt="chimie"></div>
<div class="slid_2"><img src="https://image.noelshack.com/fichiers/2019/15/5/1555101244-physics-header.jpg" alt="formules"></div>
<div class="slid_3"><img src="https://image.noelshack.com/fichiers/2019/15/6/1555184421-14763-math-news.jpg"alt="goutte"></div>
</div>
</div>
</div>
<div id="descriptionbannière">
<u>Notre top PC portable du mois</u>
<a href="top PC portable.html" class="bouton"></a>
</div>
</div>
<section>
<article>
<h1><center><strong><u>Informatiko</u></strong></center></h1>
<p>Bienvenue à toutes et à tous</p>
<p>Ce site d'informatique français a été conçu dans le but d'aiguiller aussi bien les professionnels que les particuliers dans leur
choix en matière d'informatique. Bien souvent, les acheteurs se retrouvent perdus et ne savent pas quel produit répondra le mieux
à leurs besoins et à leurs attentes.</p>
<p>Afin de mettre fin à ce calvaire, nous avons décidé de créer ce site dans l'optique d'apporter des réponses aux questions que vous
pouvez vous poser et surtout pour vous aider à faire votre choix.</p>
<p>Ainsi, vous trouverez ici les différents caractéristiques propres à tous les ordinateurs ainsi qu'aux tablettes tactiles. Mais également
les différences et similitudes entre ces deux grandes gammes de produits informatiques.</p>
<p>Petit bonus : chaque mois nous créons notre top 3 des meilleurs produits afin que vous fassiez le meilleur achat possible.</p>
</article>
<aside>
<h1><center><b><u>Pour nous contacter</u></b> :</center></h1>
<p>• <u>Téléphone</u> : 02 32 27 69 80<p>
<p>• <u>Adresse</u> : 23 rue d'Eragny</p>
<p>• <u>Fax</u> : +41217211111</p>
<center><img src="http://image.noelshack.com/fichiers/2018/45/5/1541796037-sans-titre-2.jpg"><center>
</aside>
</section>
<footer>
<div id=>
<h1>Mon dernier tweet</h1>
<p>Hii haaaaaan !</p>
<p>le 12 mai à 23h12</p>
</div>
<div>
<hr class="separation" />
</div>
<div id="mes_photos">
<h1>Mes photos</h1>
<p></p>
</div>
<div id="réseaux_sociaux">
<h1>Nos réseaux sociaux</h1>
<p><img src="https://image.noelshack.com/fichiers/2019/16/5/1555695715-sans-titre-4.gif" alt="facebook" /><img src="https://image.noelshack.com/fichiers/2019/16/5/1555695755-sans-titre-1.gif" alt="instagram" /><img src="https://image.noelshack.com/fichiers/2019/16/5/1555695795-sans-titre-2.gif" alt="twitter" /><img src="https://image.noelshack.com/fichiers/2019/16/5/1555695838-sans-titre-3.gif" alt="snapchat" /></p>
</div>
</footer>
</div>
</body>
</html>
4 mai 2019 à 21:57
Tout d'abord merci de votre réponse. Effectivement je me suis aperçue que j'avais oublié une ligne de code. Ma page n'est malheureusement pas accessible par internet mais je peux envoyer les codes complets par mail
4 mai 2019 à 22:44
7 mai 2019 à 08:55