inserer une page qui change

TO LET OPINIONS , QUESTION , REQUEST or JUST FOR LET FRIENDLY MESSAGE

Re: inserer une page qui change

Postby aimar15 on Fri Mar 27, 2009 5:28 pm

stp RAD j'ai beau faire mais rien, je voudrais insérer un menu dans cette page stp!! :cry:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
  <title></title>
  <style type="text/css"> body {
margin: 0;
padding: 0;
}
/*-TOUT CE REGLE ICI I--------------------------- */
#menu {
float: left;
width: 650px;
background: #EFF4FA;
font-size: 93%;
line-height: normal;
border-bottom: 1px solid #DD740B;
right: 0px;
bottom: 10px;
position: absolute;
}
#menu ul {
margin: 0;
padding: 10px 10px 0 50px;
list-style: none;
}
#menu li {
display: inline;
margin: 0;
padding: 0;
}
#menu a {
float: left;
background: url("tableftI.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 5px;
text-decoration: none;
}
#menu a span {
float: left;
display: block;
background: url("tabrightI.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
float: none;
}
/* End IE5-Mac hack */
#menu a:hover span {
color: #FFF;
}
#menu a:hover {
background-position: 0% -42px;
}
#menu a:hover span {
background-position: 100% -42px;
}
  </style>
  <title></title>
  <style type="text/css">
/*<![CDATA[*/
body {background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
font-size: 0.8em}
hr {
clear: both;
}
#droite {
background-color:#000;
width: 80%;
float: right;
margin:0;
}
#menu {
background-color:#000;
}
h2 {
font-size: 1.2em;
font-weight: normal;
margin-bottom: 20px;
}
p {
font: 11px/20px verdana, arial, helvetica, sans-serif;
margin: 0px 0px 16px 0px;
padding: 0px;
}
#Content>p {
margin: 0px;
}
#Content>p+p {
text-indent: 30px;
}
a {
color: #09c;
font-size: 11px;
text-decoration: none;
font-weight: 600;
font-family: verdana, arial, helvetica, sans-serif;
}
a:link {
color: #09c;
}
a:visited {
color: #07a;
}
a:hover {
color: #ffffff
}
#Header {
margin: 50px 0px 10px 0px;
padding: 17px 0px 0px 20px;
height: 33px;
/* 14px + 17px + 2px = 33px */
line-height: 11px;
background-color: #eee;
voice-family: "\"
}
\"";
voice-family:inherit;
height:14px;
/* the correct height */
border: none;
}
#Content {
margin: 0px 50px 50px 200px;
padding: 10px;
}
#Menu {
position: absolute;
top: 100px;
left: 20px;
width: 172px;
padding: 10px;
background-color: #eee;
border: 1px dashed #999;
line-height: 17px;
voice-family: "\"
}
\"";
voice-family:inherit;
width:150px;
}
body>#Menu {
width: 150px;
}
#navlist {
width: 100%;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link {
color: #448;
}
#navlist li a:visited {
color: #667;
}
#navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current {
background: white;
border-bottom: 1px solid white;
}
#menu10 {
width: 150px;
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:;
padding: 8px 0 0 10px;
}
#menu10 li a:hover, #menu10 li #current {
color: #FF9834;
background:;
padding: 8px 0 0 10px;
}
img{border:none; }
.titre{
font-size: 1.2em;
font-weight: normal;
color:red;}
/*]]>*/
  </style>
  <meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
  <title></title>
  <style type="text/css"> body {
margin: 0;
padding: 0;
}
/*-TOUT CE REGLE ICI I--------------------------- */
#menu {
float: left;
width: 650px;
background: #EFF4FA;
font-size: 93%;
line-height: normal;
border-bottom: 1px solid #DD740B;
right: 0px;
bottom: 10px;
position: absolute;
}
#menu ul {
margin: 0;
padding: 10px 10px 0 50px;
list-style: none;
}
#menu li {
display: inline;
margin: 0;
padding: 0;
}
#menu a {
float: left;
background: url("tableftI.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 5px;
text-decoration: none;
}
#menu a span {
float: left;
display: block;
background: url("tabrightI.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
float: none;
}
/* End IE5-Mac hack */
#menu a:hover span {
color: #FFF;
}
#menu a:hover {
background-position: 0% -42px;
}
#menu a:hover span {
background-position: 100% -42px;
}
  </style>
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div style="margin-left: 120px;" id="navcontainer">
<div id="navlist">
<ul style="background-color: rgb(0, 0, 0);">
  <span style="text-decoration: underline;">&nbsp;<br>
  <br>
  <a href="../amine.html"><img
style="border: 0px solid ; width: 902px; height: 98px;"
alt="le paradie" src="image.png"></a><br>
  </span>
</ul>
<div style="background-color: rgb(0, 0, 0);" id="Header">
<div id="navcontainer">
<ul id="navlist">
  <table
style="text-align: left; width: 533px; height: 290px; background-color: rgb(0, 0, 0);"
border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td style="background-color: rgb(0, 0, 0);">
        <div
style="margin-left: 40px; background-color: rgb(0, 0, 0);"><span
style="background-color: rgb(255, 255, 255); color: rgb(51, 102, 102);"><span
style="text-decoration: underline;"><span
style="font-style: italic;"><span
style="font-weight: bold;"></span></span></span></span><span
style="font-weight: bold; font-style: italic; text-decoration: underline; background-color: rgb(255, 255, 255); color: rgb(51, 102, 102);"></span><span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(98, 197, 197);">HITMAN
BLOOD MONEY</span></div>
        </td>
        <td style="color: rgb(98, 197, 197);">
        <div
style="margin-left: 80px; background-color: rgb(0, 0, 0);"><span
style="font-weight: bold; font-style: italic; text-decoration: underline;">FAR
CRY 2</span></div>
        </td>
        <td>&nbsp; &nbsp; &nbsp;<span
style="color: rgb(98, 197, 197);">&nbsp;</span><span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(98, 197, 197);">BURNOUT
&nbsp; PARADISE</span></td>
      </tr>
      <tr>
        <th style="background-color: rgb(0, 0, 0);"><span
style="font-weight: bold; font-style: italic; color: rgb(73, 73, 73);"></span><span
style="font-weight: bold; font-style: italic; color: rgb(73, 73, 73);"></span><span
style="font-weight: bold; font-style: italic; color: rgb(73, 73, 73);"></span><a
href="../hitman%20blood%20money.html"><img
style="border: 0px solid ; width: 249px; height: 216px;"
src="http://myegy.com/pic_small/232098013.jpg"
alt="Hitman Blood Money"></a></th>
        <td><span
style="font-weight: bold; font-style: italic;"></span><a
href="../Far%20cry%202.html"><img
style="border: 0px solid ; width: 250px; height: 223px;"
src="http://myegy.com/pic_small/786851052.jpg" alt="FAR CRY 2"></a></td>
        <td><a href="../burnout%20paradise.html"><img
style="border: 0px solid ; width: 249px; height: 223px;"
src="../jaquette-burnout-paradise-pc-cover-avant-g.jpg"
alt="Burnout Paradise"></a></td>
      </tr>
      <tr>
        <td><span
style="color: rgb(51, 102, 102); font-weight: bold; font-style: italic;">Hitman&nbsp;
Blood Money sur PC met en sc&egrave;ne l'agent 47 dans un jeu
d'action/infiltration</span><span
style="font-weight: bold; font-style: italic; color: rgb(73, 73, 73);"><span
style="color: rgb(51, 102, 102);">&nbsp;, taille : 270 mo</span></span></td>
        <td style="color: rgb(51, 102, 102);">&nbsp;<span
style="font-weight: bold; font-style: italic;">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>
        <td><span
style="font-weight: bold; font-style: italic; color: rgb(51, 102, 102);">Burnout
Paradise est un jeu de courses PC offrant au joueur la
possibilit&eacute; de d&eacute;vaster une ville
nomm&eacute;e Paradise City</span>.<span
style="font-weight: bold; font-style: italic; color: rgb(51, 102, 102);">,
compress&eacute; de 3 go &agrave; 580 mo</span></td>
      </tr>
    </tbody>
  </table>
  <br>
  <table
style="text-align: left; width: 215px; height: 88px; background-color: rgb(0, 0, 0);"
border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td>
        <div style="margin-left: 40px;"><span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(51, 102, 102);"><span
style="color: rgb(98, 197, 197);">COUNTER-STRIKE
1.6</span></span></div>
        </td>
        <td>&nbsp; &nbsp; &nbsp; <span
style="color: rgb(98, 197, 197);">&nbsp; &nbsp;
&nbsp; </span><span
style="text-decoration: underline; color: rgb(98, 197, 197);"><span
style="font-style: italic;"><span
style="font-weight: bold;">WWE RAW 2009</span></span></span></td>
        <td>&nbsp;<span style="color: rgb(98, 197, 197);">
&nbsp; &nbsp; &nbsp; &nbsp;</span><span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(98, 197, 197);">
SOLDIER OF FORTUNE 2</span></td>
      </tr>
      <tr>
        <td><a href="../counter%20strike%201.6.html"><img
style="border: 0px solid ; width: 250px; height: 211px;"
src="http://myegy.com/pic_big/157672778.gif"
alt="Counter-Strike 1.6"></a></td>
        <td><a href="../wwe%20raw%202009.html"><img
style="border: 0px solid ; width: 250px; height: 200px;"
src="http://myegy.com/pic_small/513007967.jpg"
alt="WWE RAW 2009"></a></td>
        <td><a href="../soldier%20of%20fortune%202.html"><img
style="border: 0px solid ; width: 250px; height: 200px;"
src="http://myegy.com/pic_small/322152081.jpg"
alt="Soldier Of Fortune 2"></a></td>
      </tr>
      <tr>
        <td><span
style="color: rgb(51, 102, 102); font-weight: bold; font-style: italic;">Counter-strike
1.6 , taille du jeu: 65 mo seulement!!!!</span></td>
        <td>&nbsp;<span
style="color: rgb(51, 102, 102); font-weight: bold; font-style: italic;">RAW
ultimate impact 2009, taille 337 mo</span></td>
        <td><span
style="color: rgb(51, 102, 102); font-weight: bold; font-style: italic;">&nbsp;Soldier
of Fortune 2 ,Double Helix est un jeu de tir &agrave; la
premi&egrave;re personne sur PC, taille 180 mo</span></td>
      </tr>
    </tbody>
  </table>
  <br>
  <table
style="text-align: left; width: 749px; height: 348px; background-color: rgb(0, 0, 0);"
border="1" cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td>
        <div style="margin-left: 40px;"><span
style="color: rgb(51, 102, 102);"><span
style="font-style: italic;"><span
style="font-weight: bold;">&nbsp; &nbsp;<span
style="color: rgb(98, 197, 197);"> </span><span
style="text-decoration: underline; color: rgb(98, 197, 197);">LEFT
4 DEAD</span></span></span></span></div>
        </td>
        <td>&nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: rgb(98, 197, 197);">&nbsp;</span><span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(98, 197, 197);">RESIDENT
EVIL 4</span></td>
        <td>&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;<span
style="font-weight: bold; font-style: italic; text-decoration: underline; color: rgb(98, 197, 197);">FREEDOM
FIGHTERS</span></td>
      </tr>
      <tr>
        <td><a href="../left%204%20dead.html"><img
style="border: 0px solid ; width: 250px; height: 200px;"
src="http://myegy.com/pic_small/477711614.jpg" alt="Left 4 dead"></a></td>
        <td><a href="../Resident%20evil%204.html"><img
style="border: 0px solid ; width: 248px; height: 200px;"
alt="http://img.generation-nt.com/resident-evil-4_00009949.jpg"
src="http://img.generation-nt.com/resident-evil-4_00009949.jpg"></a></td>
        <td><a href="../freedom%20fighters.html"><img
style="border: 0px solid ; width: 250px; height: 200px;"
src="http://myegy.com/pic_small/288255373.jpg"
alt="Freedom Fighters class"></a></td>
      </tr>
      <tr>
        <td
style="font-weight: bold; font-style: italic; color: rgb(51, 102, 102);">&nbsp;Left
4 Dead sur PC est un FPS horrifique bas&eacute; en grande partie
sur<br>
&nbsp;la coop&eacute;ration.&nbsp;</td>
        <td
style="font-weight: bold; font-style: italic; color: rgb(51, 102, 102);">Resident
Evil 4 sur PC est un survival-horror tr&egrave;s port&eacute;
sur l'action. taille du jeu: 3 go 600 mo</td>
        <td
style="font-weight: bold; font-style: italic; color: rgb(51, 102, 102);">Freedom
Fighters est un jeu d'action &agrave; la 3&egrave;me personne
sur PC qui vous
permet de mener jusqu'&agrave; 12 hommes pour reprendre le pouvoir.
taille :180 mo</td>
      </tr>
    </tbody>
  </table>
  <br>
  <span
style="font-weight: bold; font-style: italic; color: rgb(169, 169, 169);"><span
style="color: rgb(48, 48, 48);"></span></span>
</ul>
</div>
</div>
<ul>
  <br>
</ul>
</div>
</div>
<div style="margin-left: 120px;"><br>
</div>
<div
style="background-color: rgb(0, 0, 0); top: 1336px; left: 188px;"
id="menu">
<ul style="margin-left: 40px;">
  <ul>
    <li> <a href="Home.html"> <span>1 </span></a></li>
    <li> <a href="Products.html"> <span>2 </span></a></li>
    <li> <a href="Services.html"> <span>3 </span></a></li>
    <li> <a href="Support.html"> <span>4 </span></a></li>
    <li> <a href="Order.html"> <span>5 </span></a></li>
    <li> <a href="News.html"> <span>6 </span></a></li>
    <li> <a href="About.html"> <span>7 </span></a></li>
    <li> <a href="#"> <span>8 </span></a></li>
    <li> <a href="#"> <span>9 </span></a></li>
    <li> <a href="#"> <span>10 </span></a></li>
    <li> <a href="#"> <span>11 </span></a></li>
    <li> <a href="#"> <span>12 </span></a></li>
    <li> <a href="#"> <span>13 </span></a></li>
    <li> <a href="#"> <span>14 </span></a></li>
    <li> <a href="#"> <span>15 </span></a></li>
    <li> <a href="#"> <span>16 </span></a></li>
  </ul>
</ul>
</div>
</body>
</html>
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby RAD on Fri Mar 27, 2009 8:56 pm

stp RAD j'ai beau faire mais rien, je voudrais insérer un menu dans cette page stp!!


MOI NON PLUS !!!!! comme tu a fait la page ,c est impossible de faire quelque chose de propre !!

tu n a pas ete voir les tuto que je t ai dis d aller voir !!!!!!

resultat il faut encore une fois tout recommencer ta page !!!

il faut que tu fasse l effort de comprendre un peux le html et css !! car tu melange des valeurs qui ne sont pas compatible

tu met plusieurs styles qui ce contredise et je ne parle meme pas des float !

VA VOIR CE TUTO http://www.siteduzero.com/tutoriel-3-13 ... part_13665

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: inserer une page qui change

Postby aimar15 on Fri Mar 27, 2009 9:20 pm

si si je viens de lire tous le langage XHTML et le CSS
maintenant je passe au php
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby RAD on Fri Mar 27, 2009 9:27 pm

si si je viens de lire tous le langage XHTML et le CSS


alors tu n a pas dus tout comprendre !

dans ta page tu mellange du CSS


body {background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
font-size: 0.8em}

avec des style embarque

<body style="color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div style="margin-left: 120px;" id="navcontainer">


tu met des table dans des <ul> !!!

<ul id="navlist">
<table
style="text-align: left; width: 533px; height: 290px; background-color: rgb(0, 0, 0);"
border="1" cellpadding="2" cellspacing="2">
<tbody>


ect ect ect !!!!!!

relis le tuto !!!!

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: inserer une page qui change

Postby aimar15 on Sat Mar 28, 2009 8:36 pm

slt RAD, j'ai tous essayer pour mettre pour faire flotter mon texte devant mon MENU, la voila la page avec le css, regarde la et dis moi est ce que tu pe la regler pour que le tableau devient devant le menu
et merci
le code HTML


Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>
  <link rel="stylesheet" href="V.css" type="text/css">
  <link rel="stylesheet" href="new1.css"
type="text/css">
  <link rel="stylesheet" href="nex15.css"
type="text/css">
  <link rel="stylesheet" href="new1.css"
type="text/css">
</head>
<body>
<div style="font-weight: bold; font-style: italic;"
id="en tete">
<div style="margin-left: 40px;"><br>
<div style="margin-left: 40px;"><img
style="width: 902px; height: 88px;" alt="fjd"
src="../image.png">
<br>
</div>
</div>
<div id="menu">
<hr style="width: 130%; height: 2px;"><br>
<h2>MENU</h2>
<div id="menu4">
<ul>
  <ul>
    <ul>
      <li> <a href="#1" title="Link 1">ACCEUIL</a></li>
    </ul>
  </ul>
  <li> <a href="#2" title="link 3 "> Jeux </a></li>
  <li> <a href="#3" title="Link 3">PATCHS</a></li>
  <li> <a href="#4" title="Link 4">FORUM</a></li>
  <li> <a href="#5" title="link5"> livre d'or</a></li>
  <li><a href="#6" title="link6"> Inscription</a></li>
  <li><a href="#7" title="link7"> Connection</a></li>
</ul>
</div>
<div id="corps">
<table
style="text-align: left; width: 688px; height: 287px; margin-left: 40px;"
border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><span style="font-weight: bold; font-style: italic;">BURNOUT
PARADISE</span></td>
      <td>&nbsp; <span
style="font-weight: bold; font-style: italic;"></span><font
style="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;"
face="Arial"><font size="4">Friday Night
Smackdown</font></font></td>
      <td>
      <div style="margin-left: 40px;"><span
style="font-weight: bold; font-style: italic;">LEFT 4 DEAD </span></div>
      </td>
    </tr>
    <tr>
      <td><a href="../../burnout%20paradise.html"><img
style="border: 0px solid ; width: 250px; height: 202px;"
alt="b.p"
src="../../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="../../477711614.jpg"></a></td>
    </tr>
    <tr>
      <td style="font-weight: bold; font-style: italic;"><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="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;"><font
face="Arial"><font size="4"><small><span
style="color: rgb(0, 0, 0);">friday night smackdown est un
jeu PC, sa taille est de 254 mo</span></small><br>
      </font></font></td>
      <td style="font-weight: bold; font-style: italic;">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;
&nbsp; &nbsp; FIFA 2008</span></td>
      <td><span style="font-weight: bold; font-style: italic;">&nbsp;
&nbsp;WINNING ELEVEN 2009</span></td>
      <td>
      <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="../../786851052.jpg"></a></td>
    </tr>
    <tr>
      <td style="font-weight: bold; font-style: italic;">EA
lance sa mouture 2008 de sa grande licence footballistique FIFA sur PC</td>
      <td><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;"><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; &nbsp; <span
style="font-weight: bold; font-style: italic;">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;NEED
FOR SPEED </span><br
style="font-weight: bold; font-style: italic;">
      <span style="font-weight: bold; font-style: italic;">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;undercover</span></td>
      <td>&nbsp;&nbsp;<span
style="font-weight: bold; font-style: italic;"> &nbsp;
&nbsp; &nbsp;PES 2009</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;">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;">Need
for Speed Undercover est un jeu de course sur PC</td>
      <td style="font-weight: bold; font-style: italic;">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;">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; &nbsp; <span
style="font-weight: bold; font-style: italic;">EURO 2008</span></td>
      <td>&nbsp; &nbsp; &nbsp; &nbsp;<span
style="font-weight: bold; font-style: italic;"> CALL OF DUTY</span><br
style="font-weight: bold; font-style: italic;">
      <span style="font-weight: bold; font-style: italic;">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;world at war</span><br>
&nbsp;</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="لعبة 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;">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><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;">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</td>
    </tr>
  </tbody>
</table>
<div style="margin-left: 40px;"><br>
</div>
</div>
<div id="pied_de_page">
</div>
</div>
</div>
</body>
</html>



le code css


Code: Select all
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;
   }




et merci beaucoup
a++
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby RAD on Sat Mar 28, 2009 9:07 pm

Salut
aimar

je regarderais des que j ai 5 mn !
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: inserer une page qui change

Postby aimar15 on Sat Mar 28, 2009 9:07 pm

ok pas de probleme
et merci d'avoir accepter
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby aimar15 on Sun Mar 29, 2009 1:51 pm

tu as le temps :?: :lol:
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby aimar15 on Sun Mar 29, 2009 2:34 pm

et je voudrais savoir comment créer un site avec free.fr
User avatar
aimar15
 
Posts: 35
Joined: Sun Mar 22, 2009 8:33 pm

Re: inserer une page qui change

Postby RAD on Sun Mar 29, 2009 3:37 pm

TU as encore mis du style embarque !! enfin c est regle


HTML

Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>
    </title>
    <link rel="stylesheet" href="V.css" type="text/css">
  </head>
  <body>
    <div style="font-weight: bold; font-style: italic;" id="en_tete">
      <div style="margin-left: 40px;">
        <br>
        <div style="margin-left: 40px;">
          <img style="width: 902px; height: 88px;" alt="fjd" src="../image.png">
          <br>
        </div>
      </div>
    </div>
    <div id="menu">
      <hr>
      <br><h2>MENU</h2>
      <div id="menu4">
        <ul>
          <li style="list-style: none; display: inline">
            <div style="margin-left: 2em">
              <ul><li>
                <a href="#1" title="Link 1">ACCEUIL</a></li>
        </ul>
      </div></li><li>
      <a href="#2" title="link 3 ">Jeux</a></li><li>
      <a href="#3" title="Link 3">PATCHS</a></li><li>
      <a href="#4" title="Link 4">FORUM</a></li><li>
      <a href="#5" title="link5">livre d'or</a></li><li>
      <a href="#6" title="link6">Inscription</a></li><li>
      <a href="#7" title="link7">Connection</a></li>
      </ul>
    </div>
    </div>
    <div id="corps">
      <hr>
      <table style="text-align: left; width: 688px; height: 287px; border:1 ;cellpadding:2;">
        <tbody>
          <tr><td>
              <span style="font-weight: bold; font-style: italic;">BURNOUT PARADISE
              </span></td><td> 
              <font style="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;" face="Arial">
                <font size="4">Friday Night Smackdown
                </font>
              </font></td><td>
              <div style="margin-left: 40px;">
                <span style="font-weight: bold; font-style: italic;">LEFT 4 DEAD
                </span>
              </div></td>
          </tr>
          <tr><td>
              <a href="../../burnout%20paradise.html">
                <img style="border: 0px solid ; width: 250px; height: 202px;" alt="b.p" src="../../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="../../477711614.jpg"></a></td>
          </tr>
          <tr>
            <td style="font-weight: bold; font-style: italic;">
              <span>Burnout Paradise est un jeu de courses PC 
              </span> . 
              <span>compressé de 3 go à 580 mo
              </span></td>
            <td style="color: rgb(0, 0, 0); font-weight: bold; font-style: italic;">
              <font face="Arial">
                <font size="4"><small>
                    <span style="color: rgb(0, 0, 0);">friday night smackdown est un jeu PC, sa taille est de 254 mo
                    </span></small>
                  <br>
                </font>
              </font></td>
            <td style="font-weight: bold; font-style: italic;">Left 4 Dead sur PC est un FPS horrifique basé en grande partie sur la coopération</td>
          </tr>
          <tr><td>   
              <span style="font-weight: bold; font-style: italic;">      FIFA 2008
              </span></td><td>
              <span style="font-weight: bold; font-style: italic;">   WINNING ELEVEN 2009
              </span></td><td>
              <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="../../786851052.jpg"></a></td>
          </tr>
          <tr>
            <td style="font-weight: bold; font-style: italic;">EA lance sa mouture 2008 de sa grande licence footballistique FIFA sur PC</td><td>
              <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;">
              <span>Ce deuxième volet sur PC ne vous conduit plus sur une île paradisiaque, mais au coeur de la savane africaine. Far cry 2, FULL RIP, 3 go et 350 mo
              </span></td>
          </tr>
          <tr><td>     
              <span style="font-weight: bold; font-style: italic;">PURE 2008
              </span></td><td>   
              <span style="font-weight: bold; font-style: italic;"> NEED FOR SPEED
              </span><br style="font-weight: bold; font-style: italic;">
              <span style="font-weight: bold; font-style: italic;">         undercover
              </span></td><td>  
              <span style="font-weight: bold; font-style: italic;">     PES 2009
              </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;">Pure sur PC est un jeu de courses de quads se déroulant sur des circuits ouverts en pleine nature</td>
            <td style="font-weight: bold; font-style: italic;">Need for Speed Undercover est un jeu de course sur PC</td>
            <td style="font-weight: bold; font-style: italic;">Pro Evolution Soccer 2009 sur PC est une simulation de football axée sur le réalisme</td>
          </tr>
          <tr><td>       
              <span style="font-weight: bold; font-style: italic;">NHL 2009
              </span></td><td>         
              <span style="font-weight: bold; font-style: italic;">EURO 2008
              </span></td><td>       
              <span style="font-weight: bold; font-style: italic;">CALL OF DUTY
              </span><br style="font-weight: bold; font-style: italic;">
              <span style="font-weight: bold; font-style: italic;">           world at war
              </span>
              <br> </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="???? 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;">NHL 09 est un jeu de hockey sur PC. Cet opus amène un nouveau mode "Deviens Pro" où le joueur pourra créer son propre personnage</td><td>
              <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;">Call of Duty : World at War est un jeu de tir à la première personne sur PC. 5ème opus de la série</td>
          </tr>
        </tbody>
      </table>
      <div style="margin-left: 40px;">
        <br>
      </div>
    </div>
    <div id="pied_de_page">
    </div>
  </body>
</html>



CSS

Code: Select all
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;
}
#corps {
   margin-left: 220px;
}
#menu {
   width: 220px;
   float: left;
}
#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;
}
       
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Previous

Return to RAD ZONE FORUM

Who is online

Users browsing this forum: No registered users and 2 guests

cron