Separer le menu de son texte

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention -
??? - 18 févr. 2013 à 22:46

Bonjour,voila j'ai fais un page avec son menu et tout, mais le probleme c'est que je n'arrive pas mettre mon tableau devant mon menu et je ne sais pas comment les separer
voici ma page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>amine</title>
  <link rel="stylesheet" href="V.css" type="text/css">
  <link rel="stylesheet" href="amin.css"
 type="text/css">
  <link rel="stylesheet" href="new1.css"
 type="text/css">
</head>
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
.<br style="color: rgb(255, 255, 255);">
<span style="color: rgb(255, 255, 255);"><a
 href="amine.html"><img
 style="border: 0px solid ; width: 902px; height: 88px;" alt="lp"
 src="file:///E:/accessoir%20jeux/Mon%20site/image.png"></a><br>
</span>
<hr style="width: 130%; height: 2px; color: rgb(255, 255, 255);"><span
 style="color: rgb(255, 255, 255);"></span> &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;<span style="color: rgb(204, 0, 0);"><br>
</span>
<div id="menu">
<div id="menu9">
<ul>
  <li style="font-style: italic;"><a href="amine.html"
 link="">Acceuil</a></li>
  <li style="font-style: italic;"> <a href="#3"
 title="Link 3">Jeux</a></li>
  <li style="font-style: italic;"> <a href="#4"
 title="Link 4">Patchs</a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Forum </a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Connection</a></li>
  <li style="font-style: italic;"><a
 href="http://tools.ifrance.com/livredor/?log=eapc-gaming&amp;id=5981365"
 title="Link 4">Livre d'or</a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Inscription</a></li>
  <li> <span style="color: rgb(204, 0, 0);"></span><big><big><span
 style="color: rgb(204, 0, 0); font-weight: bold; font-style: italic; text-decoration: underline;"></span></big></big></li>
</ul>
</div>
<span style="color: rgb(204, 0, 0);"></span>
<div style="color: rgb(255, 255, 255);" id="corps"><font
 size="3">
<table
 style="text-align: left; width: 688px; height: 287px; margin-left: 40px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">BURNOUT
PARADISE</span></td>
      <td>&nbsp;<span style="color: rgb(255, 255, 255);">
      </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"></span><font
 style="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;"
 face="Arial"><font size="4"><span
 style="color: rgb(255, 255, 255);">Friday Night
Smackdo</span>wn</font></font></td>
      <td>
      <div style="margin-left: 40px;"><span
 style="font-weight: bold; font-style: italic;"><span
 style="color: rgb(255, 255, 255);">LEFT 4 DEAD</span> </span></div>
      </td>
    </tr>
    <tr>
      <td><a href="../burnout%20paradise.html"><img
 style="border: 0px solid ; width: 250px; height: 202px;"
 alt="b.p"
 src="file:///E:/accessoir%20jeux/jaquette-burnout-paradise-pc-cover-avant-g.jpg"></a></td>
      <td><a href="http://myegy.com/counter.php?id=5961"><img
 style="width: 258px; height: 200px;"
 src="http://myegy.com/pic_small/461523419.jpg"
 alt="Smackdown 27.3.2009 " border="0"></a></td>
      <td><a href="../left%204%20dead.html"><img
 style="border: 0px solid ; width: 250px; height: 200px;"
 alt="l4d" src="file:///E:/accessoir%20jeux/477711614.jpg"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"><span>Burnout
Paradise est un jeu de courses PC&nbsp;</span> .&nbsp;<span>
compress&eacute; de 3 go &agrave; 580 mo</span></td>
      <td style="font-weight: bold; font-style: italic;"><font
 face="Arial"><font size="4"><small
 style="color: rgb(255, 255, 255);">friday night smackdown
est un
jeu PC, sa taille est de 254 mo</small><br>
      </font></font></td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Left
4 Dead sur PC est un FPS horrifique bas&eacute; en grande partie
sur la coop&eacute;ration</td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic;"> &nbsp; <span
 style="color: rgb(255, 255, 255);">&nbsp;
&nbsp; FIFA 2008</span></span></td>
      <td><span style="font-weight: bold; font-style: italic;">&nbsp;<span
 style="color: rgb(255, 255, 255);">
&nbsp;WINNING ELEVEN 2009</span></span></td>
      <td style="color: rgb(255, 255, 255);">
      <div style="margin-left: 80px;"><span
 style="font-weight: bold; font-style: italic;">FAR CRY 2</span></div>
      </td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=72"><img
 src="http://myegy.com/pic_small/532517188.jpg" alt="fifa 2008"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=5960"><img
 src="http://myegy.com/pic_small/106363719.jpeg"
 alt="Winning Eleven 2009" border="0"></a></td>
      <td><a href="../Far%20cry%202.html"><img
 style="border: 0px solid ; width: 250px; height: 200px;"
 alt="fc2" src="file:///E:/accessoir%20jeux/786851052.jpg"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">EA
lance sa mouture 2008 de sa grande licence footballistique FIFA sur PC</td>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">winning
eleven 2009, le jeu sur pc. taille est de 290 mo</span></td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"><span>Ce
deuxi&egrave;me volet sur PC ne vous conduit plus
sur une &icirc;le paradisiaque, mais au coeur de la savane
africaine.
Far cry 2, FULL RIP, 3 go et 350 mo</span></td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp; <span
 style="color: rgb(255, 255, 255);">&nbsp; </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">PURE
2008</span></td>
      <td><span style="font-weight: bold; font-style: italic;"></span><span
 style="font-weight: bold;"></span> &nbsp;
&nbsp; <span style="font-weight: bold; font-style: italic;">&nbsp;<span
 style="color: rgb(255, 255, 255);">NEED
FOR SPEED </span></span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">
      <span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;undercover</span></td>
      <td>&nbsp;&nbsp;<span
 style="font-weight: bold; font-style: italic;"> &nbsp;
&nbsp;<span style="color: rgb(255, 255, 255);">
&nbsp;PES 2009</span></span></td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=3531"><img
 src="http://myegy.com/pic_small/177688616.jpg" alt="PURE 2008"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=4031"><img
 src="http://myegy.com/pic_small/141696705.jpg"
 alt="Need For Speed" border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=2882"><img
 src="http://myegy.com/pic_small/724937045.jpg"
 alt="Pro.Evolution.Soccer" border="0"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Pure
sur PC est un jeu de courses de quads se d&eacute;roulant sur des
circuits ouverts en pleine nature</td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Need
for Speed Undercover est un jeu de course sur PC</td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Pro
Evolution Soccer 2009 sur PC est une simulation de football
ax&eacute;e sur le r&eacute;alisme</td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp; &nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">NHL
2009</span></td>
      <td><span style="font-weight: bold; font-style: italic;"></span><span
 style="font-weight: bold; font-style: italic;"></span>&nbsp;
&nbsp; &nbsp; &nbsp;<span
 style="color: rgb(255, 255, 255);"> &nbsp; </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">EURO
2008</span></td>
      <td>&nbsp; &nbsp; &nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic;"> <span
 style="color: rgb(255, 255, 255);">CALL OF DUTY</span></span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">
      <span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;world at war</span><br
 style="color: rgb(255, 255, 255);">
      <span style="color: rgb(255, 255, 255);">&nbsp;</span></td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=3002"><img
 src="http://myegy.com/pic_small/39370954.jpg" alt="NHL 09"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=1632"><img
 src="http://myegy.com/pic_big/551902344.gif"
 alt="&#1604;&#1593;&#1576;&#1577; UEFA EURO 2008" border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=3124"><img
 src="http://myegy.com/pic_small/502743086.jpeg"
 alt="Call of Duty World at War" border="0"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">NHL
09 est un jeu de hockey sur PC. Cet opus am&egrave;ne un nouveau
mode "Deviens Pro" o&ugrave; le joueur pourra cr&eacute;er son
propre personnage</td>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">Euro
2008, 100% complet, taille du jeu: 761 mo</span></td>
      <td style="font-weight: bold; font-style: italic;"><span
 style="color: rgb(255, 255, 255);">Call
of Duty : World at War est un jeu de tir &agrave; la
premi&egrave;re personne sur PC. 5&egrave;me opus de la
s&eacute;rie</span></td>
    </tr>
  </tbody>
</table>
<div style="margin-left: 40px;"><br>
</div>
</font></div>
<div style="color: rgb(255, 255, 255);" id="pied_de_page">
<div style="margin-left: 400px;"><!-- Histats.com START --><a
 href="http://www.histats.com" target="_blank"
 title="how to add a hit counter to a website">
<script type="text/javascript" language="javascript">
var s_sid = 663419;var st_dominio = 4;
var cimg = 413;var cwi =112;var che =75;
</script></a><!-- Histats.com END --></div>
<script type="text/javascript" language="javascript"
 src="http://s11.histats.com/js9.js"></script>
<noscript><a href="http://www.histats.com" target="_blank">
<img src="http://s103.histats.com/stats/0.gif?663419&1" alt="how
to add a hit counter to a website" border="0"></a>
</noscript>
</div>
</div>
</body>
</html>

et voici le code css

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    

}


/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

et l'autre

 body {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       margin: 0;
       font-size: 80%;
       font-weight: bold;
       background: #FFF;
       }

    h2 {
       font: bold 14px Verdana, Arial, Helvetica, sans-serif;
       color: #000;
       margin: 0px;
       padding: 0px 0px 0px 15px;
    }
       
    ul {
       list-style: none;
       margin: 0;
       padding: 0;
       }

    img {
        border: none;
    }

       
    /*- Menu 1--------------------------- */
       
    #menu1 {
       width: 200px;
       margin: 10px;
       border-style: solid solid none solid;
       border-color: #3D261D;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu1 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu1 li a:link, #menu1 li a:visited {
       color: #E4D6CD;
       display: block;
       background:  url(menu1.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu1 li a:hover {
       color: #FFF;
       background:  url(menu1.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }   

       
    /*- Menu 2--------------------------- */
       
    #menu2 {
       width: 200px;
       margin: 10px;
       border-style: solid solid none solid;
       border-color: #D8D5D1;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu2 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu2 li a:link, #menu2 li a:visited {
       color: #3688BA;
       display: block;
       background:  url(menu2.gif);
       padding: 8px 0 0 30px;
       }
       
    #menu2 li a:hover {
       color: #3688BA;
       background:  url(menu2.gif) 0 -32px;
       padding: 8px 0 0 32px;
       }
       

       
    /*- Menu 3--------------------------- */
       
    #menu3 {
       width: 200px;
       margin: 10px;
       border-style: solid solid none solid;
       border-color: #BCD2E6;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu3 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu3 li a:link, #menu3 li a:visited {
       color: #8BADCF;
       display: block;
       background:  url(menu3.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu3 li a:hover {
       color: #627EB7;
       background:  url(menu3.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }
       

       
    /*- Menu 4--------------------------- */
       
    #menu4 {
       width: 200px;
       margin: 10px;
       border-style: solid solid none solid;
       border-color: #000;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu4 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu4 li a:link, #menu4 li a:visited {
       color: #CCC;
       display: block;
       background:  url(menu4.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu4 li a:hover {
       color: #FFF;
       background:  url(menu4.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }   
       

       
    /*- Menu 5--------------------------- */
       
    #menu5 {
       width: 200px;
       margin: 10px;
       }
       
    #menu5 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu5 li a:link, #menu5 li a:visited {
       color: #FFF;
       display: block;
       background:  url(menu5.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu5 li a:hover {
       color: #FFF;
       background:  url(menu5.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }
       

       
    /*- Menu 6--------------------------- */
       
    #menu6 {
       width: 200px;
       margin: 10px;
       }
       
    #menu6 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu6 li a:link, #menu6 li a:visited {
       color: #FFF;
       display: block;
       background:  url(menu6.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu6 li a:hover {
       color: #FFF;
       background:  url(menu6.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }
       

       
    /*- Menu 7--------------------------- */
       
    #menu7 {
       width: 200px;
       margin: 10px;
       }
       
    #menu7 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu7 li a:link, #menu7 li a:visited {
       color: #FFF;
       display: block;
       background:  url(menu7.gif);
       padding: 8px 0 0 30px;
       }
       
    #menu7 li a:hover {
       color: #FFF;
       background:  url(menu7.gif) 0 -32px;
       padding: 8px 0 0 30px;
       }
       

       
    /*- Menu 8--------------------------- */
       
    #menu8 {
       width: 200px;
       margin: 10px;
       border-style: solid;
       border-color: #656556;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu8 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu8 li a:link, #menu8 li a:visited {
       color: #656556;
       display: block;
       background:  url(menu8.gif);
       padding: 8px 0 0 20px;
       }
       
    #menu8 li a:hover {
       color: #474739;
       background:  url(menu8.gif) 0 -32px;
       padding: 8px 0 0 20px;
       }
       

       
    /*- Menu 9--------------------------- */
       
    #menu9 {
       width: 200px;
       margin: 10px;
       }
       
    #menu9 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu9 li a:link, #menu9 li a:visited {
       color: #FFF;
       display: block;
       background:  url(menu9.gif);
       padding: 8px 0 0 35px;
       }
       
    #menu9 li a:hover {
       color: #FFF;
       background:  url(menu9.gif) 0 -32px;
       padding: 8px 0 0 35px;
       }
       

       
    /*- Menu 10--------------------------- */
       
    #menu10 {
       width: 200px;
       margin: 10px;
       }
       
    #menu10 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu10 li a:link, #menu10 li a:visited {
       color: #4D4D4D;
       display: block;
       background:  url(menu10.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu10 li a:hover {
       color: #FF9834;
       background:  url(menu10.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }
       

       
    /*- Menu 11--------------------------- */
       
    #menu11 {
       width: 200px;
       margin: 10px;
       border-style: solid solid none solid;
       border-color: #889944;
       border-size: 1px;
       border-width: 1px;
       }
       
    #menu11 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu11 li a:link, #menu11 li a:visited {
       color: #889944;
       display: block;
       background:  url(menu11.gif);
       padding: 8px 0 0 25px;
       }
       
    #menu11 li a:hover {
       color: #889944;
       background:  url(menu11.gif) 0 -32px;
       padding: 8px 0 0 27px;
       }
       

       
    /*- Menu 12--------------------------- */
       
    #menu12 {
       width: 200px;
       margin: 10px;
       }
       
    #menu12 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 22px;
       text-decoration: none;
       }   
       
    #menu12 li a:link, #menu12 li a:visited {
       color: #666;
       display: block;
       background:  url(menu12.gif);
       padding: 10px 0 0 35px;
       }
       
    #menu12 li a:hover {
       color: #000;
       background:  url(menu12.gif) 0 -32px;
       padding: 10px 0 0 35px;
       }
       

       
    /*- Menu 13--------------------------- */
       
       
    #menu13 {
       width: 200px;
       margin: 10px;
       }
       
    #menu13 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu13 li a:link, #menu13 li a:visited {
       color: #C7377D;
       display: block;
       background:  url(menu13.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu13 li a:hover {
       color: #C7377D;
       background:  url(menu13.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }
       

       
    /*- Menu 14--------------------------- */
       
       
    #menu14 {
       width: 200px;
       margin: 10px;
       }
       
    #menu14 li a {
       height: 32px;
         voice-family: "\"}\"";
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }   
       
    #menu14 li a:link, #menu14 li a:visited {
       color: #333;
       display: block;
       background:  url(menu14.gif);
       padding: 8px 0 0 10px;
       }
       
    #menu14 li a:hover {
       color: #FFF;
       background:  url(menu14.gif) 0 -32px;
       padding: 8px 0 0 10px;
       }

aidez moi s'il vous plait
et merci

Afficher la suite

A voir également:

Separer le menu de son texte
Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
Menu déroulant excel - Guide
Transcription audio en texte word gratuit - Guide
Excel cellule couleur si condition texte - Guide
Séparer pdf - Guide

11 réponses

Réponse 1 / 11

Utilisateur anonyme

on ne va pas lire tout ce code peux tu mettre un lien pour illustrer

Réponse 2 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

comment je pourrait faire un lien??

Réponse 3 / 11

Utilisateur anonyme

ouille ça va etre dur ... tu tapes http://tinycorelinux.net par exemple

Réponse 4 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

et ensuite

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

tu peut lire facilement le code. tu copie le code HTML dans ton logiciel puis tu prend les css (les deux) tu les copie dans notepad++ ou equivalent puis tu met les fichiers dans un dossier et tu ouvre le fichier HTML

"c'est facile et vite fais"

Réponse 6 / 11

aiacciu Messages postés 57 Date d'inscription Statut Membre Dernière intervention 3

Bonsoir,
Alors je viens de regarder ton code, je te propose deux solution :

- sois tu sépare ton menu et ton tableaux en deux div float left
-soit tu rajoute un tableau ou il y aura une cellule à gauche contenant ton menu et une cellule à droite contenant ton tableau

dans ce code j'ai utilisé la deuxime solution :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>amine</title>
  <link rel="stylesheet" href="V.css" type="text/css">
  <link rel="stylesheet" href="amin.css"
 type="text/css">
  <link rel="stylesheet" href="new1.css"
 type="text/css">
</head>
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
.<br style="color: rgb(255, 255, 255);">
<span style="color: rgb(255, 255, 255);"><a
 href="amine.html"><img
 style="border: 0px solid ; width: 902px; height: 88px;" alt="lp"
 src="file:///E:/accessoir%20jeux/Mon%20site/image.png"></a><br>
</span>
<hr style="width: 130%; height: 2px; color: rgb(255, 255, 255);"><span
 style="color: rgb(255, 255, 255);"></span> &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;<span style="color: rgb(204, 0, 0);"><br>
</span>
<div id="menu">
<table>
<tr>
<td valign="top">
<div id="menu9">
<ul>
  <li style="font-style: italic;"><a href="amine.html"
 link="">Acceuil</a></li>
  <li style="font-style: italic;"> <a href="#3"
 title="Link 3">Jeux</a></li>
  <li style="font-style: italic;"> <a href="#4"
 title="Link 4">Patchs</a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Forum </a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Connection</a></li>
  <li style="font-style: italic;"><a
 href="http://tools.ifrance.com/livredor/?log=eapc-gaming&amp;id=5981365"
 title="Link 4">Livre d'or</a></li>
  <li style="font-style: italic;"><a href="amine.html#4"
 title="Link 4">Inscription</a></li>
  <li> <span style="color: rgb(204, 0, 0);"></span><big><big><span
 style="color: rgb(204, 0, 0); font-weight: bold; font-style: italic; text-decoration: underline;"></span></big></big></li>
</ul>
</div>
</td>
<td>
<span style="color: rgb(204, 0, 0);"></span>
<div style="color: rgb(255, 255, 255);" id="corps"><font
 size="3">
<table
 style="text-align: left; width: 688px; height: 287px; margin-left: 40px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">BURNOUT
PARADISE</span></td>
      <td>&nbsp;<span style="color: rgb(255, 255, 255);">
      </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"></span><font
 style="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;"
 face="Arial"><font size="4"><span
 style="color: rgb(255, 255, 255);">Friday Night
Smackdo</span>wn</font></font></td>
      <td>
      <div style="margin-left: 40px;"><span
 style="font-weight: bold; font-style: italic;"><span
 style="color: rgb(255, 255, 255);">LEFT 4 DEAD</span> </span></div>
      </td>
    </tr>
    <tr>
      <td><a href="../burnout%20paradise.html"><img
 style="border: 0px solid ; width: 250px; height: 202px;"
 alt="b.p"
 src="file:///E:/accessoir%20jeux/jaquette-burnout-paradise-pc-cover-avant-g.jpg"></a></td>
      <td><a href="http://myegy.com/counter.php?id=5961"><img
 style="width: 258px; height: 200px;"
 src="http://myegy.com/pic_small/461523419.jpg"
 alt="Smackdown 27.3.2009 " border="0"></a></td>
      <td><a href="../left%204%20dead.html"><img
 style="border: 0px solid ; width: 250px; height: 200px;"
 alt="l4d" src="file:///E:/accessoir%20jeux/477711614.jpg"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"><span>Burnout
Paradise est un jeu de courses PC&nbsp;</span> .&nbsp;<span>
compress&eacute; de 3 go &agrave; 580 mo</span></td>
      <td style="font-weight: bold; font-style: italic;"><font
 face="Arial"><font size="4"><small
 style="color: rgb(255, 255, 255);">friday night smackdown
est un
jeu PC, sa taille est de 254 mo</small><br>
      </font></font></td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Left
4 Dead sur PC est un FPS horrifique bas&eacute; en grande partie
sur la coop&eacute;ration</td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic;"> &nbsp; <span
 style="color: rgb(255, 255, 255);">&nbsp;
&nbsp; FIFA 2008</span></span></td>
      <td><span style="font-weight: bold; font-style: italic;">&nbsp;<span
 style="color: rgb(255, 255, 255);">
&nbsp;WINNING ELEVEN 2009</span></span></td>
      <td style="color: rgb(255, 255, 255);">
      <div style="margin-left: 80px;"><span
 style="font-weight: bold; font-style: italic;">FAR CRY 2</span></div>
      </td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=72"><img
 src="http://myegy.com/pic_small/532517188.jpg" alt="fifa 2008"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=5960"><img
 src="http://myegy.com/pic_small/106363719.jpeg"
 alt="Winning Eleven 2009" border="0"></a></td>
      <td><a href="../Far%20cry%202.html"><img
 style="border: 0px solid ; width: 250px; height: 200px;"
 alt="fc2" src="file:///E:/accessoir%20jeux/786851052.jpg"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">EA
lance sa mouture 2008 de sa grande licence footballistique FIFA sur PC</td>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">winning
eleven 2009, le jeu sur pc. taille est de 290 mo</span></td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);"><span>Ce
deuxi&egrave;me volet sur PC ne vous conduit plus
sur une &icirc;le paradisiaque, mais au coeur de la savane
africaine.
Far cry 2, FULL RIP, 3 go et 350 mo</span></td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp; <span
 style="color: rgb(255, 255, 255);">&nbsp; </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">PURE
2008</span></td>
      <td><span style="font-weight: bold; font-style: italic;"></span><span
 style="font-weight: bold;"></span> &nbsp;
&nbsp; <span style="font-weight: bold; font-style: italic;">&nbsp;<span
 style="color: rgb(255, 255, 255);">NEED
FOR SPEED </span></span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">
      <span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;undercover</span></td>
      <td>&nbsp;&nbsp;<span
 style="font-weight: bold; font-style: italic;"> &nbsp;
&nbsp;<span style="color: rgb(255, 255, 255);">
&nbsp;PES 2009</span></span></td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=3531"><img
 src="http://myegy.com/pic_small/177688616.jpg" alt="PURE 2008"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=4031"><img
 src="http://myegy.com/pic_small/141696705.jpg"
 alt="Need For Speed" border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=2882"><img
 src="http://myegy.com/pic_small/724937045.jpg"
 alt="Pro.Evolution.Soccer" border="0"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Pure
sur PC est un jeu de courses de quads se d&eacute;roulant sur des
circuits ouverts en pleine nature</td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Need
for Speed Undercover est un jeu de course sur PC</td>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">Pro
Evolution Soccer 2009 sur PC est une simulation de football
ax&eacute;e sur le r&eacute;alisme</td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp; &nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">NHL
2009</span></td>
      <td><span style="font-weight: bold; font-style: italic;"></span><span
 style="font-weight: bold; font-style: italic;"></span>&nbsp;
&nbsp; &nbsp; &nbsp;<span
 style="color: rgb(255, 255, 255);"> &nbsp; </span><span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">EURO
2008</span></td>
      <td>&nbsp; &nbsp; &nbsp; &nbsp;<span
 style="font-weight: bold; font-style: italic;"> <span
 style="color: rgb(255, 255, 255);">CALL OF DUTY</span></span><br
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">
      <span
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;world at war</span><br
 style="color: rgb(255, 255, 255);">
      <span style="color: rgb(255, 255, 255);">&nbsp;</span></td>
    </tr>
    <tr>
      <td><a href="http://myegy.com/counter.php?id=3002"><img
 src="http://myegy.com/pic_small/39370954.jpg" alt="NHL 09"
 border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=1632"><img
 src="http://myegy.com/pic_big/551902344.gif"
 alt="&#1604;&#1593;&#1576;&#1577; UEFA EURO 2008" border="0"></a></td>
      <td><a href="http://myegy.com/counter.php?id=3124"><img
 src="http://myegy.com/pic_small/502743086.jpeg"
 alt="Call of Duty World at War" border="0"></a></td>
    </tr>
    <tr>
      <td
 style="font-weight: bold; font-style: italic; color: rgb(255, 255, 255);">NHL
09 est un jeu de hockey sur PC. Cet opus am&egrave;ne un nouveau
mode "Deviens Pro" o&ugrave; le joueur pourra cr&eacute;er son
propre personnage</td>
      <td style="color: rgb(255, 255, 255);"><span
 style="font-weight: bold; font-style: italic;">Euro
2008, 100% complet, taille du jeu: 761 mo</span></td>
      <td style="font-weight: bold; font-style: italic;"><span
 style="color: rgb(255, 255, 255);">Call
of Duty : World at War est un jeu de tir &agrave; la
premi&egrave;re personne sur PC. 5&egrave;me opus de la
s&eacute;rie</span></td>
    </tr>
  </tbody>
</table>


<div style="margin-left: 40px;"><br>
</div>
</font></div>
</td>
</tr></table>
<div style="color: rgb(255, 255, 255);" id="pied_de_page">
<div style="margin-left: 400px;"><!-- Histats.com START --><a
 href="http://www.histats.com" target="_blank"
 title="how to add a hit counter to a website">
<script type="text/javascript" language="javascript">
var s_sid = 663419;var st_dominio = 4;
var cimg = 413;var cwi =112;var che =75;
</script></a><!-- Histats.com END --></div>
<script type="text/javascript" language="javascript"
 src="http://s11.histats.com/js9.js"></script>
<noscript><a href="http://www.histats.com" target="_blank">
<img src="http://s103.histats.com/stats/0.gif?663419&1" alt="how
to add a hit counter to a website" border="0"></a>
</noscript>
</div>
</div>
</body>
</html>

bon courage :)

Réponse 7 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

ok merci beaucoup,beaucoup, tu as msn pour que je puisse te consulter facilement en cas de besoin

remarque: t malin!! pour la 2 solution

Réponse 8 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

une autre remarque comment tu as fais un tableau transparent??

Réponse 9 / 11

aiacciu Messages postés 57 Date d'inscription Statut Membre Dernière intervention 3

:) il faut savoir ruser dans la programmation !
pour rendre transparent il te suffit juste de préciser au niveau de la balise table un border à 0 sa donne un truc du genre :

<table border=0 >
<tr>
<td></td>
</tr>
</table>

(gollum_2a@hotmail.com pour me contacter mais j'y suis pas souvent ...)

Réponse 10 / 11

aimar15 Messages postés 272 Date d'inscription Statut Membre Dernière intervention 2

ok merci

Réponse 11 / 11

???

Discussions similaires

menu caché

Votre réponse

Discussions similaires