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

[Aide]Menu probleme

darkykirby
darkykirby
Niveau 7
08 novembre 2010 à 19:10:27

Bonjour , j'ai un problème avec le tuto sur l'incrustation du design . Mon menu est complètement a gauche :

http://s2.noelshack.com/old/up/pbm-66e9845e14.png

Voici mon code "style.css"

body {
background:url(images/background.png) no-repeat top center #000000;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}

  1. header {

height:190px;
background:url(images/top.png) no-repeat top center;
}

  1. conteneur {

width:894px;
margin:0 auto;
}

  1. menu {

background:url(images/contenu.png) repeat-y bottom center;
height:55px;
}

  1. menu ul li {

list-style:none;
float:left;

}

  1. menu ul li a {

height:45px;
width:107px;
font-size:18px;
text-decoration:none;
text-align:center;
background:url(images/bouton.png) no-repeat top right;
display:block;
line-height:40px;
color:#FFFFFF;
}

  1. menu ul li a:hover {

background-position:bottom left;
}

Merci d'avance .

darkykirby
darkykirby
Niveau 7
08 novembre 2010 à 19:12:25

J'ai fais un c/c d'une question que j'avais poser sur un autre site , donc enfait

"tuto sur l'incrustation du design"

il faut pas le prendre en compte

Kikaha
Kikaha
Niveau 14
08 novembre 2010 à 20:07:25

Faudrait peut-être qu'on ai le code du reste si tu veux qu'on t'aide.

Pillgrim
Pillgrim
Niveau 4
08 novembre 2010 à 21:00:53

Ok :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Blackatuto</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
</head>

<body>

<div id="header">

</div>

<div id="conteneur">
azzeza
</div>

<div id="menu">
<ul>
<li><a href="simpson.php">Simpson</a></li>
<li><a href="southpark.php">South park</a></li>
<li><a href="american.php">American</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>

</body>
</html>

Kikaha
Kikaha
Niveau 14
08 novembre 2010 à 21:03:01

Bon, j'imagine que c'est ton menu, même si les boutons ne correspondent pas : essai de virer "float: left" dans "#menu ul li"

Pillgrim
Pillgrim
Niveau 4
08 novembre 2010 à 21:15:37

ça les mets sur le côté , mais ça me va merci ^^

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