Parce que tu ne pointes pas le bon élément :
ajoute ça dans ta feuille de style:
Et vire les bouts de feuille de style qui sont dans la partie body, les .Style3 et .style4 qui doivent être soit dans une feuiulle de style interne dans l'en-tête soit dans la feuille externe. Je te signale à ce propos que .Style4 a dans un premier temps une propriété color : #000000 et ensuite #ffffff (ou l'inverse, je sais plus trop.
Autre détail: dans la feuille de style externe, enlève les balises <style></style>, elles n'ont rien à y faire, c'est du CSS, pas du HTML.
Ta page avec le style intégré en en-tête donne ceci:
<html>
<head>
<title>.::agua viva::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
<link href="styles.css" rel="stylesheet" title="styles" type="text/css" />
-->
<style type="text/css">
<!--
body {
width: 780px;
position: absolute;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
background-color:white;
background-image:url(back_fade.jpg);
}
.menu
{
margin: 0 auto;
padding: 0;
width: 780px;
height: 150px;
}
.news
{
float: left;
width: 210px;
}
.accueil
{
margin-left: 210px;
width: 570px;
height: 410px;
}
.pied
{
width: 780px;
height: 80px;
font-size: 12px;
clear: both;
}
.Style3 {
color: #FFFFFF;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.Style4 {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.colonneGauche {
float: left;
}
-->
</style>
</head>
<body>
<div class="menu" >
<table border="0" cellpadding="0" cellspacing="0" width="782">
<!-- fwtable fwsrc="Sans titre" fwbase="test1.gif" fwstyle="Dreamweaver" fwdocid = "272400320" fwnested="0" -->
<tr>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="211" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="26" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="216" height="1" border="0" alt=""></td>
<td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="329" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="aguabanfinal1_r1_c1.jpg" alt="" name="aguabanfinal1_r1_c1" width="211" height="64" border="0"></td>
<td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="242" height="64">
<param name="movie" value="menu1.swf">
<param name="quality" value="autolow">
<embed src="menu1.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="242" height="64"></embed>
</object></td>
<td><img name="aguabanfinal1_r1_c4" src="aguabanfinal1_r1_c4.jpg" width="329" height="64" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="aguabanfinal1_r3_c1.jpg" alt="" name="aguabanfinal1_r3_c1" width="237" height="41" border="0"></td>
<td rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="216" height="87">
<param name="movie" value="menu2.swf">
<param name="quality" value="autolow">
<embed src="menu2.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="216" height="87"></embed>
</object></td>
<td><img name="aguabanfinal1_r2_c4" src="aguabanfinal1_r2_c4.jpg" width="329" height="41" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="237" height="46">
<param name="movie" value="fondu%20espace%20forme.swf">
<param name="quality" value="autolow">
<embed src="fondu%20espace%20forme.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="237" height="46"></embed>
</object></td>
<td><img name="aguabanfinal1_r4_c4" src="aguabanfinal1_r4_c4.jpg" width="329" height="46" border="0" alt=""></td>
</tr>
</table>
</div>
<div class="colonneGauche" >
<table width="210" height="430" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td bgcolor="#e0f4fc" valign="top" width="210">
<div style="padding: 5px 20px 20px; color: rgb(0, 0, 0);" class="ver11">
<div align="justify">
<p><span style="color: #FF0000; font-weight: bold;"><font style="">25 Juin 2005</font></span><br>
<span style="font-size: 12px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"><font style="">Body pump 54 New release </font></span></p>
<p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> Venez nombreux le samedi 25 pour le premier cours du body pump release 54. <span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><a href="#" style="" class="ver11">suite... </a></span></span></p>
<p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> </span> <span style="color: #FF0000; font-weight: bold;"><font style="">25 juin 2005 </font></span><br>
<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><span style="color: #FF0000; font-weight: bold;"><font style="">Soirée piscine </font></span><br>
Après vous être depensé sur les nouveaux body
attack et body pump venez vous delasser autour d'un buffé froid
et finir la soirée dans la piscine <a href="#" style="" class="ver11"> suite... </a></span></p>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="colonneDroite" >
<table width="570" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="570" height="180" valign="top" bgcolor="#FFFFFF"><p align="center" class="Style4"><strong>Un espace qui vous change et ça change tout. </strong></p> <p align="justify" class="Style4">Forme, santé, détente, beauté... A chacun son bien être. </p>
<p align="justify" class="Style4"> Idéal pour se relaxer ou se tonifier, Agua Viva permet à chacun de choisir l'activité qui lui convient.
<p align="justify" class="Style4">Chasser le stress, retrouver le parfait équilibre, il n'y aura pas de meilleurs moments que ceux que vous avez choisis. Loisirs ou remise en forme, c'est dans tous les cas, ici plus qu'ailleurs quon s'occupera de vous. Toute une équipe de professionnels est mobilisée pour vous faire passer les meilleurs moments. Un cadre naturellement convivial et chaleureux vous attend. </td>
</tr>
<tr>
<td width="570" height="230" valign="top"><img src="1activites.jpg" width="570" height="230" align="top"></td>
</tr>
</table>
</div>
<div class="pied">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="780" height="70" valign="top" background="bas1.jpg"><div align="center"><span class="Style3"><br>
<br>
<span class="Style3">Zone du Val Luisant 9, Bd. d'Hochstadt 28600 Luisant Tél: 02 37 28 51 50 Fax: 02 37 28 38 10</span></span><span class="Style1"> </span></div></td>
</tr>
<tr>
<td height="12" valign="top" bgcolor="#000000"><div align="center"><span class="Style4"> Copyright © 2005 Agua viva. All rights reserved. </span></div></td>
</tr>
</table>
</div>
</body>
</html>
. par contre ces differentes pages n'auront pas la même hauteur ce qui implique que la propriété height de ma page news.php aurait besoin de s'adapter en fonction de la hauteur de la page chargée sur sa droite! que dois-je ajouter à ma css dans la partie .news pour que ma page news.php s'autoredimenssionne?
!
!
