CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Mon menu ne s'affiche pas !! [xHTML/CSS]

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:20:31

Bonjour tout le monde ! :)

Voila, je viens de commencer mon premier site web ( Oui oui mon premier ! :hap: ) qui va être une petite boutique pour ma mère :noel:

Je viens de commencer il a une heure et j'ai fini les 2 fonds, et l'en-tete ! Je viens donc d'attaquer le menu.
Chaque bouton est en fait juste une images que j'ai regroupée dans une liste a puce mais voila, ca ne s'affiche pas quand je test sur mes navigateurs ! :-(

Ca doit surement être un truc tout bete mais étant donné mon niveau ( :noel: ) je sèche donc je fais appelle a votre aide ! :D

Voici mon code xHTML :

Code : HTML - Sélectionner
<!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" >
<head>
<title>Syloée</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>

<div id="en_tete">
</div>

<div id="menu">
<ul>
<li><a href="http://www.test.com"><img src="images/menu-accueil.jpg" alt="Accueil"/></a></li>
<li><a href="http://www.test.com"><img src="images/menu-collection.jpg" alt="Collection"/></li>
<li><a href="http://www.test.com"><img src="images/menu-histoire.jpg" alt="Histoire"/></li>
<li><a href="http://www.test.com"><img src="images/menu-contact.jpg" alt="Contact"/></li>
</ul>
</div>

<div id="conteneur">

</div>

<div id="pied_de_page">

</div>

</body>
</html>

Et mon CSS :

body
{
background-color:#1e0b02;
margin:0;
padding:0;
font-family: "Segoe print", "Comic sans MS", Verdana, sans-serif;
color:#FFFFFF;
margin-top: 40px;
}

body
{
width: 652px;
height: 810px;
background-image: url("images/fond.png");
background-repeat: no-repeat;
padding: 0px;

}

  1. en_tete

{
width: 347px;
height: 117px;
background: url("images/header.png") no-repeat top;
margin-left:180px;
padding: 0px;
}

  1. menu ul li

{
list-style:none;
float:left;
padding:0;
}

Voila ! :)

Merci d'avance de votre aide ! :-)

PS : Et en passant, si jamais il y a d'autres erreurs dans le code source qui nuieraient a la validation du site web, n'hesitez pas a me le signaler ! :merci:

Kikaha
Kikaha
Niveau 14
31 juillet 2010 à 17:24:48

Déjà, ferme tes balises de liens : <a> </a>. :ok:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:31:31

Ah oui mince je l'ai fait qu'au premier :oups:

:merci:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:33:04

Mais bon, toujours le même problème :-(

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:37:52

Oula je viens de remarquer une autre grosse erreur (que vous ne pouviez pas trouver :ok: ) : A chaque fois j'ai mis "images/menu-histoire.jpg" eu lieu de "images/menu_histoire.jpg" pour les 4 images :hum:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:38:28

Un soucis de chemin sans doute.

PS:Petite astuce lorsque tu développe ton site et que les lien ne sont pas encore opérationnel met un dièse dans le href ;)

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:39:10

J'ai retesté avec les bons liens relatifs mais ca marche toujours pas ! :-(

PS : :desole: pour le quadruple post :rouge:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:40:35

Ah bah oui un soucis de chemin comme tu l'a dit mais encore ce problème :(

Et la j'ai tout vérifié, les liens sont corrects :doute:

Kikaha
Kikaha
Niveau 14
31 juillet 2010 à 17:40:35

Chez moi ça s'affiche, même si j'ai pas les images.... :(

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:40:41

Ton dossier "images" est dans le même répertoire que le reste du site?

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:42:22

Oui :ok:

J'ai un dossier "Syloée" sur mon bureau.

Dedant, il y a un dossier "images", "index.html" et "design.css" et dans le dossier "images" y a les images du menu :ok:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:45:01

Dans ce cas c'est un problème de nom de fichier.

Kikaha
Kikaha
Niveau 14
31 juillet 2010 à 17:47:13

C'est bien imageS et pas image ? :noel:
Une erreur tellement classique. :rire:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:47:32

Voila ce que ca m'affiche : http://www.hapshack.com/images/aaadud.jpg

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:48:05

Et oui c'est bien "imageS" :hap:

Kikaha
Kikaha
Niveau 14
31 juillet 2010 à 17:50:10

Aha !
C'est ton fond qui doit passer par dessus ton menu. :ok:

Essaye de virer ton fond pour le test. :ok:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:51:26

Okay ! :noel:

J'essaie :hap:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:53:18

Nan j'ai plus rien après ! :-(

Moi qui voulait le finir ce soir, je sur ca depuis 12 heures ud matin :noel:

Pseudo supprimé
Pseudo supprimé 31 juillet 2010 à 17:54:13

+ Fail :noel:

12 heures du matin :rire:

Je voulais mettre au debut 11 heures du matin et apres j'ai mis 12 sans enlever le "du matin" :noel:

Voila pour les explications :noel:

Kikaha
Kikaha
Niveau 14
31 juillet 2010 à 17:56:47

Faire un site en une journée c'est quand même assez utopique.... :o))

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment