Reunir des menu (css)

Résolu
Bonjour,
Je créer le kit graphique d'un ami.
Et je lui est fait un menu, mais malheuresement celui-ci ne convient pas au schema.
Il depasse le Background.

Je vous met le schema et le screen du site.

Schema:
http://img696.imageshack.us/img696/4874/sitej.jpg

et ce qui resemble:
http://img256.imageshack.us/img256/8873/capturer1cn.jpg

Si il vous le code css dite le moi je suis la ! ;)

Merci d'avance !

Cordialement, Gihelier.

8 réponses

  • Votes
  • Date
  • Date décroissante
  1. tu peut changer la taille de l'image dans le menu
    par exemple un truc de ce genre
    <p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" width="32" height="32"/></a>
    1. Ok , je te passe tout mon code css et html, comme ca si vient d'autre part tu pourra m'aider.

      Code css:

      body
      {
      padding:0;
      margin:0;
      background:url("Theme/background.jpg")top center no-repeat #000000;
      font-family:Teen; sans-serif;
      }

      #header
      {
      text-align:center;
      }

      #bas
      {
      text-align:center;
      }

      a img
      {
      border:none;
      }

      #news
      {
      position:absolute;
      top:200;
      left:300;
      }

      #navigation
      {
      text-align:center;
      padding:-80px;
      margin:-17px;
      display: block;
      }

      #theme
      {
      text-align:center;
      }

      p
      {
      color:#340320;
      }
      h2
      {
      color:#4E4F47;
      }

      Et le html:

      <html>

      <!-- Ne pas touchez cette partie ! -->

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>

      <title>.::Force-Combat::.</title>

      <link rel="stylesheet" media="screen" type="text/css"
      title="Mon style" href="style.css" />

      <!-- Ne pas suprimer OIE.detoutpc (C'est le racordeur css) -->

      </head>
      <body>

      <div id="header">
      <img src="Theme/header.png" alt="banniere"/>
      </div>

      <div id="navigation">
      <p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" /></a>
      <a href="#"><img src="Theme/Menu/equipe.png" alt="équipe" /></a>
      <a href="#"><img src="Theme/Menu/ps3.png" alt="ps3" /></a>
      <a href="#"><img src="Theme/Menu/wii.png" alt="wii" /></a>
      <a href="#"><img src="Theme/Menu/pc.png" alt="pc" /></a></p>
      </div>
      <div id="theme"/>

      <img src="Theme/Contenu.png" alt="img-contenu"/>

      </div>

      <div id="news">
      <h2> Bienvenue</h2>
      <p>Bonjour, je vous souhaite la bienvenue sur mon site.<br />
      Ici vous trouverez les commentaires de jeux ainsi que des astuces de jeux et ses codes.<br />
      Bref, plein de chose qui vous mettrons l'eau à la bouche.<br />
      Nous recherchons des personnes qui se porteraient volontaires
      pour aider le site et son<br />
      Equipe pour les relectures des textes, et plein d'autres choses.<br />
      Bonne visite !<br />
      Iguanes</p>
      </div>

      <div id="bas">
      <img src="Theme/copyright.png"/>
      </div>

      </body>

      </html>