Aller au contenu

Texte au millieu de la page

ezaaez

Par ezaaez
dans (X)HTML et CSS

 Partager

Sujets conseillés

ezaaez

ezaaez

Posté
Posté (modifié)

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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;http://www.abcompteur.com/live/?code=0/109/8032/1/1&ID=309275"></script><a href=&quot;http://www.nuitsexy.fr" title="Nuitsexy : lingerie sexy"><img src=&quot;http://www.abcompteur.com/imagess/Nuitsexylingeriesexy.gif" id="link001" border="0"></a><noscript><a href=&quot;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=&quot;http://www.sploutch-land.fr.nf" target="_blank"><img alt="sploutch-land" src=&quot;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=&quot;http://sploutchsploutch.free.fr" target="_blank"><img border="0" src=&quot;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=&quot;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=&quot;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=&quot;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=&quot;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=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script></td>

</tr>

</table>

<p></td>

</tr>

</table>

</center>

</div>

<script src=&quot;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

Modifié par Dan
Merci d'utiliser CODEBOX pour les longs codes.
Dan

Dan

Posté
Posté

Bonjour et bienvenue sur Webmaster-Hub !

Il est logique que le texte "Bienvenue..." se trouve au milieu du bloc, vu que tu as mis ce texte dans un <td> et que c'est le style par défaut de cette balise.

TU peux remplacer 

<td width="100%">
					 <p style="margin-top: 0" ....

par

<td  style="vertical-align:top;width:100%">
					 <p style="margin-top: 0" ....

ezaaez

ezaaez

Posté
  • Auteur
Posté
Bonjour et bienvenue sur Webmaster-Hub !

Merci à toi !

J'ai bien essayé de remplacer 

<td width="100%">
					 <p style="margin-top: 0" ....

Par 

<td  style="vertical-align:top;width:100%">
					 <p style="margin-top: 0"

Mais rien n'a changé.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...