Bonsoir,
J'ai un petit soucis avec mon site. (Je débute)
Des que j'écris un texte il se trouve au millieu de la page, alors que je voudrais qu'il soit en haut ! Tenez un exemple EXEMPLE
Quand j'essais de modifier quelque chose dans la source le design se modifie. Par exemple les menus de droite (sondage, bloc de partenaire) se retrouvent tout en bas du site !!
Je vous met le code de ma page.
Merci d'avance. (et j'ai un autre petit soucis que j'ai mi en dessous du code)
CODE
<html>
<head>
<title>RAPADONF</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<script language=JavaScript>
<!-- Hide the script from non-Javascript browsers
var date_statement="";
var time_statement="";
var today=new Date();
var month="";
var day="";
function todays_date() {
var month=today.getMonth();
var day_of_week=today.getDay();
date_statement=""
document.month=""
month++; // So it's now between 1 - 12.
if(month==1) {
january(today.getDate());
document.month="janvier";
}
if(month==2) {
february(today.getDate());
document.month="février";
}
if(month==3) {
march(today.getDate());
document.month="mars";
}
if(month==4) {
april(today.getDate());
document.month="avril";
}
if(month==5) {
may(today.getDate());
document.month="mai";
}
if(month==6) {
june(today.getDate());
document.month="juin";
}
if(month==7) {
july(today.getDate());
document.month="juillet";
}
if(month==8) {
august(today.getDate());
document.month="août";
}
if(month==9) {
september(today.getDate());
document.month="septembre";
}
if(month==10) {
october(today.getDate());
document.month="octobre";
}
if(month==11) {
november(today.getDate());
document.month="novembre";
}
if(month==12) {
december(today.getDate());
document.month="décembre";
}
document.day=""
if(day_of_week==0)
document.day="dimanche";
if(day_of_week==1)
document.day="lundi";
if(day_of_week==2)
document.day="mardi";
if(day_of_week==3)
document.day="mercredi";
if(day_of_week==4)
document.day="jeudi";
if(day_of_week==5)
document.day="vendredi";
if(day_of_week==6)
document.day="samedi";
}
function january(date) {
if(date==1)
date_statement="Bonne Année";
if(date==26)
date_statement="";
}
function february(date) {
if(date==14)
date_statement="";
}
function march(date) {
if(date==15)
date_statement="";
if(date==17)
date_statement="";
}
function march(date) {
if(date==21)
date_statement="";
if(date==25)
date_statement="";
}
function april(date) {
if(date==1)
date_statement="";
if(date==30)
date_statement="";
}
function may(date) {
if(date==1)
date_statement="Bonne fête du travail";
if(date==17)
date_statement="";
}
function june(date) {
if(date==2)
date_statement="";
if(date==5)
date_statement="";
if(date==10)
date_statement="";
if(date==17)
date_statement="";
if(date==21)
date_statement="";
if(date==23)
date_statement="";
if(date==24)
date_statement="";
}
function july(date) {
if(date==1)
date_statement="";
if(date==4)
date_statement="";
if(date==14)
date_statement="";
if(date==21)
date_statement="";
if(date==23)
date_statement="";
}
function august(date) {
if(date==1)
date_statement="";
}
function september(date) {
if(date==7)
date_statement="";
if(date==21)
date_statement="C'est l'automne !";
}
function october(date) {
if(date==3)
date_statement="";
if(date==12)
date_statement="";
if(date==31)
date_statement="Joyeux Halloween.";
}
function november(date) {
}
function december(date) {
if(date==21)
date_statement+="Couvrez-vous c'est l'hiver !";
if(date==23)
date_statement+="";
if(date==25)
date_statement="Joyeux Noël!";
if(date==31)
date_statement="Bon réveillon !";
}
function time_of_day() {
var time=today.getHours();
time_statement=""
if(time>=6 && time<8)
time_statement="Déja sur le Net !,"
if(time>=8 && time<12)
time_statement="Bonne matinée,"
if(time>=12 && time<13)
time_statement="Bon appétit,"
if(time>=13 && time<18)
time_statement="Bon après-midi,"
if(time>=18 && time<19)
time_statement="Bon fin d'après-midi,"
if(time>=19 && time<20)
time_statement="Bonsoir et bon appétit,"
if(time>=20 && time<22)
time_statement="Bonsoir,"
if(time>=22 || time<6)
time_statement="Salut les couche-tard,"
}
// -- End Hiding Here -->
</SCRIPT>
</head>
<body><center>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td height="200">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td width="110" valign="middle" align="center" height="110">
<p style="margin-top: 0; margin-bottom: 0"><font size="2" color="#0000FF"></font></p>
<p style="margin-top: 0; margin-bottom: 0"><font size="2" color="#0000FF"></font></p>
</td>
<td width="10" valign="middle" align="center">
<img border="0" src="images/newsites-ligne-vc.gif" width="10" height="98">
</td>
<td width="640" valign="middle" align="center" background="images/fond-logo1.jpg">
<p style="margin-top: 0; margin-bottom: 0"><font face="Broadway BT" size="7" color="#FF0000">RAPADONF
</font></p>
<p style="margin-top: 5; margin-bottom: 0">
<font size="1">
<script language=JavaScript>
<!-- Hide the script from non-Javascript browsers
time_of_day();
todays_date();
document.writeln("<DT><B>"+time_statement+" nous sommes le "+document.day+" "+today.getDate()+" "+document.month+". "+date_statement+"</B><DT>")
// -- End Hiding Here -->
</SCRIPT>
</font>
</p>
</td>
</tr>
<tr>
<td valign="middle" align="center" colspan="3" height="10"><a href="http://kit-graphique-gratuit.info/" target="_blank"><img border="0" src="images/newsites-ligne-htl.gif" width="750" height="10"></a></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td width="110">
</td>
<td width="510">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="10"><img border="0" src="images/haut-hv.gif" width="10" height="10"></td>
<td width="500" align="center">
</td>
</tr>
</table>
</div>
</td>
<td width="140"></td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" align="left" height="55">
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="text" value="ACCUEIL">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/index.html">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="NEWS">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/news.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="FORUM">
<param name="url" valuetype="ref" value="http://www.booska-p.com/forum-rap-francais/index.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="DVD">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/dvd.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="PASSAGE TV">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/ptv.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="INTERVIEW">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/itw.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="FREESTYLE">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/freestyle.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="REPORTAGE">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/reportage.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="VIDEO">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/video.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="CLIP">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/clip.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="SON">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/son.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="ALBUM">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/album.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="ARTISTE">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/artiste.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="FREESTYLE">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/freestyle.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="DAILYMOTION">
<param name="url" valuetype="ref" value="http://www.dailymotion.com/RAPADONF/1">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="ETAT DES LIEUX">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/etatdeslieux.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="COUP DE COEUR">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/c2c.html">
</applet>
</td>
</tr>
<tr>
<td width="100%" align="left" height="55">
<applet code="fphover.class" codebase="./" width="86" height="21">
<param name="effect" value="glow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="10">
<param name="image" valuetype="ref" value="images/c17.gif">
<param name="hovercolor" value="#C0C0C0">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="bgcolor" value="#000000">
<param name="text" value="PARTENAIRES">
<param name="url" valuetype="ref" value="http://rapadonf.free.fr/np.html">
</applet>
</td>
</tr>
</table>
</td>
<td>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td background="images/tube.gif" width="10"></td>
<td>
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td width="100%">
<p style="margin-top: 0" align="justify"><font size="3" color="#FF0000"><b><center>Bienvenue sur RAPADONF</center></b></font></p>
<center><script type="text/javascript" src="http://www.abcompteur.com/live/?code=0/109/8032/1/1&ID=309275"></script><a href="http://www.nuitsexy.fr" title="Nuitsexy : lingerie sexy"><img src="http://www.abcompteur.com/imagess/Nuitsexylingeriesexy.gif" id="link001" border="0"></a><noscript><a href="http://www.abcompteur.com/">ABCompteur : compteur gratuit</a></noscript></center>
</ul>
</td>
</tr>
</table>
<p> </p>
<p>
</td>
</tr>
</table>
</div>
</td>
<td valign="top">
<table border="1" cellpadding="2" cellspacing="0" width="100%" bordercolor="#FF0000">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<td width="100%" height="60" align="center"><font size="2"> <a href="http://www.sploutch-land.fr.nf" target="_blank"><img alt="sploutch-land" src="http://upimago.com/out.php/i12814_sploutch15mg.gif" border="0" align="top" width="88" height="31"></a></font></td>
</tr>
<td width="100%" height="60" align="center">
<p><a href="http://sploutchsploutch.free.fr" target="_blank"><img border="0" src="http://img6.xooimage.com/files/4/7/4/a-eeb3b.gif" alt="100% gratuit" width="88" height="31"></a> </p>
<p>
<script type="text/javascript" language="javascript" src="http://s3.polldaddy.com/p/222881.js"></script>
</p>
<noscript>
<p> surveys - Take Our Poll </p>
</noscript>
<object class="dm_videowall" width="136" height="600"><param name="movie" value="http://www.dailymotion.com/videowall/popular/RAPADONF&cols=1&rows=9&brand=bottom&slide=0"></param><param'>;http://www.dailymotion.com/videowall/popular/RAPADONF&cols=1&rows=9&brand=bottom&slide=0"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed width="136" height="600" wmode="transparent" allowscriptaccess="always" src="http://www.dailymotion.com/videowall/popular/RAPADONF&cols=1&rows=9&brand=bottom&slide=0" type="application/x-shockwave-flash" /></object>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="10"><font size="1"><img border="0" src="images/haut-bv.gif" width="10" height="10"></font></td>
<td width="500" align="top"></td>
</tr>
</table>
</div>
</td>
<td></td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="middle" align="center"><font size="1">Copyright © 2008
- http://rapadonf.free.fr - <font color="#800000">Design
by </font></font><font color="#800000"><a href="http://kit-graphique-gratuit.info/" target="_blank"><font face="Calligraphic" size="2" color="#800000">Kits
Graphiques TK</font></a></font></td>
</tr>
<tr>
<td height="140" valign="middle" align="center"><script type="text/javascript"><!--
google_ad_client = "pub-1475183794605737";
//468x60, date de création 09/01/08
google_ad_slot = "7089886539";
google_ad_width = 468;
google_ad_height = 60;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
</table>
<p></td>
</tr>
</table>
</center>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2566838-1";
urchinTracker();
</script></body>
</html>
(Et sur ma page d'acceuil, la barre à gauche qui separait le menu et le contenu global du site a disparu, elle est décalée voici un EXEMPLE
