Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème + quelques questions =p

Evil Minish Link
    8 janvier 2006 à 13:22:31

    Le problème en question:

    J'ai un assé gros problème depuis un moment, c'est le design d'une colonne. J'essaye de mettre une barre juste au dessus du menu (de la colonne) et en dessous, toutes les deux collés. Voila ce que ça me donne:

    Image utilisateur

    La barre grise en haut doit etre collée au menu.

    Le code HTML: (si vous trouvez un truc bizarre avec le <table>, c'est normal :p (c'est que je suis super nul dans les tables...))

    <!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>.::IMF CORP. GAMES::.</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
               <link rel="stylesheet" media="screen" type="text/css" title="home" href="home.css" />
       </head>

       <body>

           <div id="header">
               
           </div>
           <div class="fond">
               <table><td height="6"><img src="design/fondmenuelementhaut.gif" width="136" height="6" ></td></tr></table>
               </div>
           <div id="menu"> 
               <div class="element_menu">
                   <h3>Le site:</h3>
                   <ul>
                       <li><a href="home.html">Acceuil</a></li>
                       <li><a href="forum/index.php">Forum</a></li>
                       <li><a href="home.html">Lien</a></li>
                   </ul>
                       </div>
               <div class="element_menu"> 
                       <h3>Titre menu</h3>
                   <ul>
                       <li><a href="home.html">Lien</a></li>
                       <li><a href="home.html">Lien</a></li>
                       <li><a href="home.html">Lien</a></li>
                   </ul>
                               </div>       
           </div>

           <div id="corps">
               <h2>Petite pub:</h2>
               <img src="images/pubimf.gif" alt="pub" title="Pub pour IMF" border="1px solid black">
                    <div class="news">
                            <h1>IMF Corp., ZE societe de jeux videos</h1>
                       Pour l'instant, nous ne sommes en mesure de vous mettre d'autres news a pars des updates.
               </table>
               </div>
               </div>
           <div id="foot">
               </div>
       </body>
    </html>


    Et le CSS:

    body
    {
       width: 760px;
       margin: auto;
       margin-top: 20px;
       margin-bottom: 20px;   
       background-image: url("design/fond.gif");
    }

    #header
    {
       width: 760px;
       height: 200px;
       background-color: #740707;
       background-image: url("design/header.jpg");
       background-repeat: no-repeat;
       margin-bottom: 0px;
       border: 0px solid black
    }

    #menu
    {
       float: left;
       width: 140px;
       background-color: #740707;
       background-image: url("design/fondmenu.gif");
       background-repeat: repeat-y;
       border: 0px solid black;
    }

    .element_menu
    {
       background-color: #626262;
       background-image: url("design/fondmenuelement.gif");
       background-repeat: repeat-y;
       
       border: 0px solid black;
       
       margin-top: 0px;
       margin-bottom: 2px;
       margin-left: 5px;
       margin-right: 1px;
    }

    .element_menu h3
    {   
       color: #B3B3B3;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
       text-align: center;
    }

    .element_menu ul
    {
       list-style-image: url("images/puce.png");
       padding: 0px;
       padding-left: 20px;
       margin: 0px;
       margin-bottom: 5px;
    }

    .element_menu a
    {
       color: #000000;
       font-family: Arial Black, "Times New Roman", Arial;
       font-size: 12;
    }

    .element_menu a:hover
    {
       background-color: #B3B3B3;
       color: black;
    }

    .fond
    {
       margin-left: 5px;
       margin-bottom: 0px;
       margin-top: 0px;
       margin-right: 1px;
    }


    #corps
    {
       margin-left: 130px;
       padding: 5px;
       
       color: #B3B3B3;
       background-color: #740707;
       background-image: url("images/motif.png");
       background-repeat: repeat-x;
       
       border: 0px solid black;
    }

    #corps h1
    {
       color: #B3B3B3;
       text-align: center;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    }

    #corps h2
    {
       height: 30px;

       background-image: url("images/titre.png");
       background-repeat: no-repeat;
       
       padding-left: 30px;
       color: #B3B3B3;
       text-align: left;
    }


    #foot
    {
       float: bottom-center;
       width: 760px;
       height: 100px;
       margin: left;

       text-align: center;

       color: #B3B3B3;
       background-color: #740707;
       background-image: url("design/foot.jpg");
       background-repeat: no-repeat;
       
       border: 0px solid black;
    }




    Les questions:

    1. J'aimerais savoir comment inserer un menu de droite ^^" Parce que la dernière fois j'ai essayé et ça a pas marché...
    2.Sur un site j'ai remarqué qu'ils ont un splash mais je ne connais pas le nom de la page en question... Leurs page d'acceuil étais bien index.html, mais quand on rentrait sur le site, ça apparaissait tout de suite sur le splash.

    Ce serait gentil de votre part de m'aider. Merci d'avance.
    • Partager sur Facebook
    • Partager sur Twitter

    Problème + quelques questions =p

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown