Sujet Précédent Sujet Suivant

Scrol dans celule tableau sans créer de frame

Résolu/Fermé
manue - 19 nov. 2007 à 16:18
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 20 nov. 2007 à 18:29
Bonjour,
Une petite question dont je n'ai pas trouvé la réponse sur le forum.

Est-il possible d'insérer une barre de défilement verticale dans la cellule d'un tableau sans forcément passer par la création d'une frame (les frames perturbent un peu le référencement pour les moteurs de recherche... et ma question concerne ma page d'INDEX!)

Merci pour votre aide (j'utilise dreamweaver)

Une autre chose : sur cette page de site : http://www.trainright.com/folders.asp?uid=1 en haut à droite il y a des news insérées dans un petit tableau qu'on fait défiler à l'aide de l'ascenceur (en fait c'est ce genre de manip que je cherche à refaire sur mon site...)
Pensez-vous que le webmestre ait créé un cadre pour cela ou bien a-t-il pu faire ça avec un simple tableau?

Merci!!
A voir également:

8 réponses

Réponse 1 / 8
s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
19 nov. 2007 à 16:43
Salut,

Utilise la propriété CSS overflow.

Pour le 2ème point, c'est en flash.
0
Réponse 2 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
19 nov. 2007 à 16:44
Bonjour,

L'exemple que tu donnes utilise du Flash couplé à du Javascript.

Tu peux créer un scroll sans frame.
Indique des dimensions à un bloc placé dans la cellule et précise-lui “overflow:auto;”

Vois http://gihef.bey.free.fr/CCM/tabloenhaut/tabletddivscroll.html

--
0
manue
19 nov. 2007 à 17:26
Salut,
Merci... mais comment créer "un bloc".
Ok je me place dans ma cellule, et après..
(au fait, quand je regarde le code de ma page où j'ai inséré mon tableau, je n'arrive même pas à trouver la fonction overflow... du coup je pense que c'ets à moi de l'insérer... petit coup de main?)

Pour info je suis sur dreamweaver 8, et voici mon site (construit sans formation particulière... je suis très "touche à-tout")
https://www.wts.fr/
(je veux mettre un ascenseur dans le tableau de ma pg d'accueil pour gagner de la place au dessous)


MERCI
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778 > manue
19 nov. 2007 à 17:42
Dans mon exemple, le bloc c'est la <div> … </div>
          <td  valign="top" style="width: 550px;">
          
     <!-- C'est cette div qui reçoit un scroll:auto; -->
            <div style="background-color:#efe;
              width:548px;
              padding:80px 2px;
              text-align:justify;
              height:400px;
              overflow:auto;">
  …
            </div>
          </td>
Ton code
       <td height="2503" valign="middle" bgcolor="#CCCCCC"><div align="center"><span class="wts12gras"> <span class="wts12"><span class="Style76">.</span> <img src="Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5"></span> </span><span class="wts_12_noir"><strong>L'ACTU   : Sportifs WTS, Ev&egrave;nements WTS...</strong></span></div>
            <table width="681" border="0">
              <tr bgcolor="#FFFFFF">
   
…

                <td valign="middle" class="wts"><a href="http://www.wts.fr/ACTU_1erSTAGE_ENDURO_2005.html" target="_parent">STAGE WTS &agrave; Molini, pr&eacute;sence de Fabien BAREL, 300% de satisfaction!!</a></td>
              </tr>
          </table></td>
        </tr>
pourrait être modifié comme ça
          <td valign="top" bgcolor="#CCCCCC">
            <div style="width:100%; height:400px; overflow:auto;">
              <div align="center"><span class="wts12gras"> <span class="wts12"><span class="Style76">.</span> <img src="Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5"></span> </span><span class="wts_12_noir"><strong>L'ACTU   : Sportifs WTS, Ev&egrave;nements WTS...</strong></span></div>
              <table width="681" border="0">
                <tr bgcolor="#FFFFFF">

…

                  <td valign="middle" class="wts"><a href="http://www.wts.fr/ACTU_1erSTAGE_ENDURO_2005.html" target="_parent">STAGE WTS &agrave; Molini, pr&eacute;sence de Fabien BAREL, 300% de satisfaction!!</a></td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
À toi d'adapter les dimensions.

--
0
Réponse 3 / 8
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
19 nov. 2007 à 17:37
salut

déjà corrige ton code beaucoup trop d erreurs pour travailler dessus le voila deja + propre !
<code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Progressez avec WTS! Performance, entrainement, conseil
</title>
<meta name="Description" content= "Actualite WTS et prestations WTS : programmes entrainement sportif personnalises, preparation physique, conseil nutrition, stages, sportifs WTS, clients WTS, evenements WTS">
<meta name="KeyWords" content= "Remy PAURIOL, Fabien BAREL, Nicolas FILIPPI, Fabien COUSINIE, Vincent HERMANCE, Powercranks, Romuald LEPERS, actualite wts, the coaching company, entrainements sportifs a distance, entrainements physiques, programme entrainement sportif, entrainements sportifs personnalises, preparation physique, preparation physique sur mesure, planification, entrainement sportif sur mesure, triathlon, duathlon, vtt, raid, running, marathon, course a pied, stage cyclisme, cyclotourisme, stage vtt, stage enduro, stage velo route, nutrition, powercranks, ultrabreathe, transvesubienne, coach, musculation, powercranks, powertap, powerbreathe, specialiste dietetique, fabien barel, stage etape du tour, ironman, ironman nice, entrainement personnalise, programmes entrainements sportifs, personal training, personal trainer, personal coaching, entrainements sportif, entrainement personnalise, entrainement cyclisme, programmes personnalisÚs, preparation physique sportive, tous niveaux sportifs, tous objectifs sportifs, prÚparation physique, preparation physique sur mesure, preparation physique selon age, programmes entrainement sportif, wiroth training solutions">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" href="policewts.css" type="text/css">
<script language="JavaScript" type="text/javascript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
//-->
</script>
<script type="text/javascript">
<!--
// Description du site dans la barre du navigateur
var timerID = null
var vitesse = 45
var pause = 1500
var ligne= 0
var position= 0
var phrase = new Array()
phrase[0] = "https://www.wts.fr/"
phrase[1] = "Bienvenue sur le site de l'entra¯nement sur mesure !"
phrase[2] = "WTS adapte votre programme Ó vos disponibilitÚs, votre niveau, vos objectifs"
phrase[3] = "Maigrir? Progresser? Monter sur un podium?"
phrase[4] = "PrÚsentez-nous vos projets, WTS a les solutions !"
phrase[5] = "N'oubliez pas notre boutique unique en France !"
phrase[6] = "POWERCRANKS, POWERTAP, les meilleurs alliÚs de votre entra¯nement!"
function FinAffichage()
{
if (timerID != null)
{
clearTimeout(timerID);
}
}
function Affichage()
{
var Texte = phrase[ligne]
if (position< Texte.length)
{
position++
window.status = Texte.substring(0, position)
timerID = setTimeout("Affichage()", vitesse)
}
else
{
position= 0
ligne++
if (ligne== phrase.length)
{
ligne= 0
}
timerID = setTimeout("Affichage()", pause)
}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link rel="stylesheet" href="policewts.css" type="text/css">
<style type="text/css">
<!--
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF6600;
}
a:hover {
text-decoration: none;
color: #FF9900;
}
a:active {
text-decoration: none;
color: #FF6600;
}
.Style2 {font-style: italic}
.Style3 {
font-size: 9px;
color: #FFFFFF;
font-family: Verdana;
font-weight: bold;
}
.Style5 {font-size: 9px; font-weight: normal; font-family: Verdana;}
.Style6 {color: #FF9900}
.Style8 {
color: #009999;
font-style: italic;
}
.Style9 {color: #009999}
.Style75 {color: #0033FF}
.Style76 {color: #CCCCCC}
-->
</style>
<link rel="stylesheet" href="policewts.css" type="text/css">
<link rel="stylesheet" href="policewts.css" type="text/css">
</head>
<body bgproperties="fixed" background="images/fond12.gif" onload= "Affichage();MM_preloadImages('Photos/programmes--.GIF','Photos/nutrition--.GIF','Photos/boutique--.GIF','Photos/seminaires--.GIF','Photos/stage--.GIF','Boutons-Logos-Images-Symboles/boutonPROGRAMMES_training.GIF','Boutons-Logos-Images-Symboles/boutonSTAGES_trainingcamp.GIF','Boutons-Logos-Images-Symboles/boutonNUTRITION_eating.GIF','Boutons-Logos-Images-Symboles/boutonBOUTIQUEshop.GIF','Boutons-Logos-Images-Symboles/boutonSEMINAIRES_meeting.GIF','Photos/coachaccueil2.JPG')" onunload="FinAffichage();" bgcolor="#000000" text="#000000">
<script language="JavaScript" type="text/javascript">
<!--
//-->
</script>
<table width="933" border="0" align="center">
<tr>
<td width="94" valign="top" align="center">
<div align="center">
<img src= "Boutons-Logos-Images-Symboles/LOGO%20WTS%20%20petit.jpg" width= "44" height="34" border="0" alt="Retour Accueil">
</div></td>
<td width="773" valign="middle" align="center">
<div align="center">
<font color="#FF9900">
<span class= "slogan">Avec
</span>
</font>
<span class="slogan">WTS, DOUBLEZ
<font color="#FF9900">vos capacitÚs,
</font> DOUBLEZ
<font color= "#FF9900">vos concurrents,
</font> DOUBLEZ
<font color= "#FF9900">votre plaisir...
</font>
</span>
</div></td>
<td width="52" valign="top" align="center">
<img src= "Boutons-Logos-Images-Symboles/runner%20lent.gif" width="52" height="43" border="0" alt="retour Accueil"></td>
</tr>
</table>
<table width="981" align="center" height="2911" bordercolor= "#FFFFFF">
<tr>
<td width="132" height="2905" align="center" valign="top" bgcolor= "#FFFFFF">
<div align="center">
<table width="132" border="0" height="234">
<tr>
<td height="228" bgcolor="#000000" align="center" valign="top">
<div align="center">
<span class="wts12blanc">
<a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover= "MM_swapImage('Image40','','Photos/coachaccueil2.JPG',1)">
<img src= "Photos/coachaccueil.JPG" alt="Retour Accueil" name="Image40" width="120" height="157" border="0" id="Image40"></a>
<a href= "index.htm" target="_parent"></a>
</span>
<br>
<span class="dublanc">Les
</span>
<span class="Style3">mÚthodes d'entra¯nement WTS
</span>
<span class="dublanc">
<br>ont menÚ beaucoup de nos sportifs sur
<br>les plus hautes
</span>
<span class="wts9pagras">
<br>
</span>
<span class="Style5">
<a href="http://www.wts.fr/clients_bis.htm" target="_parent" class="wts_gras_9_orange">marches des podiums</a>
</span>
</div></td>
</tr>
</table>
</div>
<br>
<table width="96" height="227" border="0">
<tr>
<td width="90" height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<div align="center" class="wts_11_orange">
<a href="clients_bis.htm" target="_parent" class="wts_11_orange_gras">Sportifs</a>
</div></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<div align="center">
<div align="center">
<a href="Temoignages.html" target="_parent" class="wts_11_orange_gras"></a>
<a href= "http://www.wts.fr/Temoignages.html" target= "_parent">TÚmoignages</a>
<br>
</div>
</div></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<div align="center">
<a href="archives-photos-reportages_bis.htm" target="_parent" class="wts_11_orange_gras">Photos</a>
</div></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<div align="center">
<a href="equipe_bis.htm" target= "_parent">CoachsWTS</a>
</div></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<div align="center">
<span class="wts_11_orange">
<a href= "presse_bis.htm" target="_parent" class= "wts_11_orange_gras">Presse</a>
</span>
</div></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<a href= "partenaires_bis.htm" target="_parent">Partenaires</a></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<a href= "Fiches_conseils.html" target="_parent">Conseils</a></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<a href= "Calendrier_WTS.html" target="_parent">CalendarWTS</a></td>
</tr>
<tr>
<td height="23" align="center" valign="middle" bordercolor="0" bgcolor="#000000" class="wts_11_orange_gras">
<a href= "Petites_annonces_bis.htm" target="_parent">Annonces</a></td>
</tr>
</table></td>
<td width="687" bgcolor="#FFFFFF" height="2905" align="center" valign="top">
<table width="196" border="0" align="center">
<tr>
<td width="51" height="22" align="right">
<table width="8" border="0">
<tr>
<td width="10">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" alt="www.wts.fr" border="0"></td>
<td width="10">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" alt="www.wts.fr" border="0"></td>
</tr>
<tr>
<td width="10">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" alt="www.wts.fr" border="0"></td>
<td width="10">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" alt="www.wts.fr" border="0"></td>
</tr>
</table></td>
<td width="135" height="22" class="wtstitrenonsouligne">
<span class="wtsgrablan Style2">...
</span>
<font color="#990000" class="wtsgranonsoulimarron13">ACCUEIL
</font></td>
</tr>
<tr>
<td colspan="2" height="4">
<a href="index_de_base_2007.htm" target= "_blank">
<img src="Boutons-Logos-Images-Symboles/traitlogo.JPG" width="190" height="2" alt="www.wts.fr" border="0"></a></td>
</tr>
</table>
<table width="687" height="2776" border="0" align="center">
<tr>
<td width="681" height="203" align="center" valign="middle" bgcolor="#FFFFFF">
<table width="666" height="176" border="0" align="center">
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="123" height="172">
<div align="center">
<a href="PerfProjets_bis.htm" target= "_parent"></a>
<a href="PerfProjets_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image29','','Boutons-Logos-Images-Symboles/boutonPROGRAMMES_training.GIF',1)" onmouseout="MM_swapImgRestore()"></a>
<a href="PerfProjets_bis.htm" target="_self" onmouseover= "MM_swapImage('Image29','','Boutons-Logos-Images-Symboles/boutonPROGRAMMES_training.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src= "Boutons-Logos-Images-Symboles/boutonPROGRAMMES'.GIF" name= "Image29" width="121" height="50" border="0" alt="#########" id= "Image29"></a>
<a href="http://www.wts.fr/PerfProjets_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image30','','Photos/programmes--.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src="Photos/programmes.JPG" alt="Votre programme d'entrainement sur-mesure!" name="Image30" width="122" height="120" border="0" id="Image30"></a>
</div></td>
<td width="140">
<div align="center">
<a href="Training_Camps-bis.htm" target= "_parent" onmouseover= "MM_swapImage('Image35','','Boutons-Logos-Images-Symboles/boutonSTAGES_trainingcamp.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src= "Boutons-Logos-Images-Symboles/boutonSTAGES'.GIF" name="Image35" width="121" height="50" border="0" alt="#########" id= "Image35"></a>
<a href="Training_Camps-bis.htm" target="_parent" onmouseover= "MM_swapImage('Image35','','Boutons-Logos-Images-Symboles/boutonSTAGES_trainingcamp.GIF',1)" onmouseout="MM_swapImgRestore()"></a>
<a href= "Training_Camps-bis.htm" target="_parent"></a>
<a href= "Training_Camps-bis.htm" target="_parent" onmouseover= "MM_swapImage('Image31','','Photos/stage--.GIF',1)" onmouseout= "MM_swapImgRestore()">
<img src="Photos/stage.JPG" alt= "Stages Cyclo, VTT, Enduro, Triathlon" name="Image31" width="122" height="120" border="0" id="Image31"></a>
</div></td>
<td width="133">
<div align="center">
<a href="NutriProjets_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image36','','Boutons-Logos-Images-Symboles/boutonNUTRITION_eating.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src= "Boutons-Logos-Images-Symboles/boutonNUTRITION'.GIF" name="Image36" width="121" height="50" border="0" alt="#########" id= "Image36"></a>
<a href="NutriProjets_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image36','','Boutons-Logos-Images-Symboles/boutonNUTRITION_eating.GIF',1)" onmouseout="MM_swapImgRestore()"></a>
<a href= "http://www.wts.fr/NutriProjets_bis.htm" target="_parent" onmouseover="MM_swapImage('Image32','','Photos/nutrition--.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src="Photos/nutrition.JPG" alt="Conseil Nutritionnel : Bilans et Suivis" name="Image32" width= "122" height="120" border="0" id="Image32"></a>
</div></td>
<td width="138">
<div align="center">
<a href="Boutique_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image37','','Boutons-Logos-Images-Symboles/boutonBOUTIQUEshop.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src= "Boutons-Logos-Images-Symboles/boutonBOUTIQUE'.GIF" name="Image37" width="121" height="50" border="0" alt="#########" id= "Image37"></a>
<a href="Boutique_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image37','','Boutons-Logos-Images-Symboles/boutonBOUTIQUEshop.GIF',1)" onmouseout="MM_swapImgRestore()"></a>
<a href="Boutique_bis.htm" target="_parent"></a>
<a href="Boutique_bis.htm" target="_parent" onmouseover="MM_swapImage('Image33','','Photos/boutique--.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src="Photos/boutique.JPG" alt="Boutique Unique ! : Powercranks, Powerbreathes, Powertap, Elite, Rudy Project, Chaussettes de RÚcupÚration" name="Image33" width="122" height="120" border="0" id= "Image33"></a>
</div></td>
<td width="122">
<div align="center">
<a href="seminaires_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image38','','Boutons-Logos-Images-Symboles/boutonSEMINAIRES_meeting.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src= "Boutons-Logos-Images-Symboles/boutonSEMINAIRES'.GIF" name= "Image38" width="121" height="50" border="0" alt="#########" id= "Image38"></a>
<a href="seminaires_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image38','','Boutons-Logos-Images-Symboles/boutonSEMINAIRES_meeting.GIF',1)" onmouseout="MM_swapImgRestore()"></a>
<a href="seminaires_bis.htm" target="_parent"></a>
<a href="http://www.wts.fr/seminaires_bis.htm" target="_parent" onmouseover= "MM_swapImage('Image34','','Photos/seminaires--.GIF',1)" onmouseout="MM_swapImgRestore()">
<img src="Photos/seminaires.JPG" alt="SÚminaires WTS" name="Image34" width="122" height="120" border="0" id="Image34"></a>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="62" align="center" valign="top" bgcolor="#FFFFFF">
<div align="center">
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<span class= "wts_11_bleu Style75"><strong>WTS, S
<font size="3">
<font size= "2">pÚcialiste <u>Ó distance</u> de la prÚparation physique
</font>
</font></strong> <strong>
<font size="3">
<font size= "2">et de l'entra¯nement<u>sur-mesure</u>
</font>
</font></strong>
</span>
<span class= "wts_11_noir">
<font size="3">
<font size="3">
<font size= "2"><b>
<span class="wts---blanc">.
</span>
<span class= "wts12">
<img src="Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt= "#########">
</span></b>
</font>
</font>
<font size="2"><b>
<br>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span></b>
</font>
</font>
</span>
<span class= "wts_11_bleu Style75">Programmes d'entrainement sportifpersonnalises, Preparation physique, Conseil nutrition, Stages
</span>
<span class="wts12">
<span class= "wts---blanc">.
</span>
</span>
<span class= "wts---blanc">.
</span>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<br>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<span class= "wts12blanc">.
</span>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<span class="wts12blanc">.
</span>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<span class="wts12blanc">.
</span>
<span class="wts12">
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
<br>
<div align="center">
</div>
</div></td>
</tr>
<tr>
<td height="2503" valign="middle" bgcolor="#CCCCCC">
<div align="center">
<span class="wts12gras">
<span class= "wts12">
<span class="Style76">.
</span>
<img src= "Boutons-Logos-Images-Symboles/carrejpeg.JPG" width="5" height="5" alt="#########">
</span>
</span>
<span class= "wts_12_noir"><strong>L'ACTU : Sportifs WTS, EvÞnements WTS...</strong>
</span>
</div>
<table width="681" border="0">
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(15/11/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">Triathlon et Marathon
</div></td>
<td class="wts">
<a href= "2007_actu_ironman-floride_et_marathon-new-york.htm" target= "_parent">IM Florida (Romauld LEPERS), et Marathon New York...</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(13/11/2007)
</div></td>
<td class="wtsNOIR">Powerbreathe/Ultrabrathe</td>
<td class="wts">
<a href= "2007_actu_ultrabreathe-et-powerbreathe.html" target="_parent">Vousmusclez votre corps... MAIS avez-vous pensÚ Ó muscler vos muscles respiratoires indispensables Ó la performance?</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(26/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">POWERCRANKS
</div></td>
<td class="wts">
<a href="2007_actu_powercranks_location2.htm" target="_parent">C'est l'intersaion! La pÚriode idÚale pour s'entra¯ner avec PowerCranks...</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(25/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CYCLO
</div></td>
<td class="wts">
<a href= "2007-actu_l-etape-du-tour_2008_annonce.html" target= "_parent">ETAPE DU TOUR 2008 : Le parcours enfin dÚvoilÚ!</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(16/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CYCLO
</div></td>
<td class="wts">
<a href="2007-actu_richard-virenque.html" target= "_parent">La Richard VIRENQUE</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(16/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">ROC D'AZUR
</div></td>
<td class="wts">
<a href= "2007-actu_roc-d-azur-2007_compte-rendu.html" target="_parent">Le stage WTS, le ROC PRO, et les rendez-vous du Roc</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(10/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">ROC D'AZUR
</div></td>
<td class="wts">
<a href="2007-actu_roc-d-azur-2007.html" target= "_parent">Retrouvez notre coach JB Wiroth sur place</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(10/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">VTT ENDURO
</div></td>
<td class="wts">
<div align="justify">
<a href= "2007-actu_stage-enduro_roubion-barel.html" target= "_parent">Compte-rendu du stage avec Fabien Barel, Ó Roubion (06)</a>
</div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(02/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">COURSE A PIED
</div></td>
<td class="wts">
<a href="2007-actu_marathon-de-berlin_fartoukh.htm" target="_parent">Marathon de BERLIN : ClÚment FARTOUKH bat son record perso!</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(02/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CYCLO
</div></td>
<td class="wts">
<a href= "2007-actu_cyclo-groupe-accor_colevret.html" target="_parent">Cycloannuelle du groupe ACCOR: Philippe COLEVRET gagne avec 33' d'avance</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(01/10/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">TRIATHLON
</div></td>
<td class="wts">
<a href="2007_actu_triathlon_st-raphael.html" target="_parent">Triathlon Sprint de St Raphael (Var)</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(24/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">TRIATHLON
</div></td>
<td class="wts">
<a href="2007_actu_triathlon_st-gilles.html" target="_parent">Triathlon Sprint de St Gilles (La RÚunion)</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(17/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CYCLO
</div></td>
<td class="wts">
<a href="2007_actu_bosses-du-13.html" target= "_parent">Les bosses du 13</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(11/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">VTT
</div></td>
<td class="wts">
<a href= "2007_actu_VTT_chpt-du-monde_ForWilliam.html" target="_parent">Les sportifs WTS au top Ó For William !</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(11/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CYCLO
</div></td>
<td class="wts">
<a href= "2007-actu_boucles-verdon_routes-ventoux.html" target= "_parent">Routes du Ventoux et Boucles du Verdon: de bons rÚsultats !</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(11/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">VTT Enduro
</div></td>
<td class="wts">
<a href= "2007-actu_portes-du-mercantour_valberg.html" target="_parent">Les portes du Mercantour (Valberg, 06)</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(06/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">COURSE A PIED
</div></td>
<td class="wts">
<a href= "2007-actu_news2007ete_running_marathons.htm" target= "_parent">Bient¶t les marathons de New-York et de Berlin pour 3 de nos sportifs!</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(06/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">VTT (Enduro, XC, DH)
</div></td>
<td class="wts">
<a href="2007-actu_ete2007_XC_DH_Enduro.html" target="_parent">. Fabien BAREL de retour de blessure : objectif mondial le 9 septembre
<br>. RÚsultats des sportifs WTS (chpt europe, coupe de France, chpt du monde)</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(06/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">ROUTE
</div></td>
<td class="wts">
<a href= "2007-actu_news2007ete_route_pauriol_powercranks.htm" target= "_parent">. Des nouvelles de notre reprÚsentant POWERCRANKS/Route : RÚmi Pauriol.
<br>. Le "Ch'ti Bike" avec StÚphane ANDRE</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(06/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">TRIATHLON
</div></td>
<td class="wts">
<a href="2007_actu_x-terra.html" target="_parent" class="wts">X-TERRA FRANCE, Finale AURON : la vidÚo SPORT+</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(06/09/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">TRIATHLON
</div></td>
<td class="wts">
<span class="wts_11_noir">
<a href= "2007-actu_norsemam_half-monaco_vaujany.html" target="_parent" class="wts">ALPE D'HUEZ, 70.3 MONACO...</a>
</span></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(29/08/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">POWERCRANKS
</div></td>
<td class="wts">
<span class="wts_11_noir">
<a href= "2007_actu_powercranks_location1.htm" target="_parent" class= "wts">Passez un cap en vous ENTRAINANT cet hiver avec POWERCRANKS :testez le systÞme en louant une paire! (manivelles dissociÚes)</a>
</span></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(24/07/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">CHPT FRANCE VTT
</div></td>
<td class="wts">
<p>
<a href="2007-actu_championnat-france-VTT-2007_montgenevre.html" target="_parent">Un bilan plus que positif pour les sportifs WTS : 2 mÚdailles d'or et d'autres belles performances...</a>
</p></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(21/07/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">STAGE ETAPE du TOUR
</div></td>
<td class="wts">
<p>
<a href="2007_actu_stage_etape-du-tour_resume.html" target= "_parent">Compte-rendu du stage WTS sur l'Etape du Tour (rÚsultats, photos...)</a>
</p></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(12/07/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">VTT TRIAL
</div></td>
<td class="wts">
<p>
<a href= "2007-actu_vincent-hermance_vtt-trial_championnat-europe.htm" target="_parent">Vincent HERMANCE remporte les Championnats d'Europe 2007 !</a>
</p></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(10/07/2007)
</div></td>
<td class="wtsNOIR">
<div align="center">STAGE ETAPE du TOUR
</div></td>
<td class="wts">
<p>
<a href="2007_actu_stage_etape-du-tour.html" target= "_parent">WTS se prÚpare Ó accueillir ses 30 stagiaires sur l'Etape du Tour 2007...</a>
</p></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="33" class="wtsNOIR">
<div align="center">(10/07/2007)
</div></td>
<td class="wtsNOIR">Raid, VTT XC, DH, Cyclo</td>
<td class="wts">
<p>
<a href= "2007-actu_vtt-gueret_x-mountain-race_trophee-oisan.html" target= "_parent">Les sportifs WTS Útaient sur de nombreuses compÚtitions ce week-end...
<br>Raid: Mountain x-race/Cyclo: TrophÚe de l'oisan/VTT: Coupes France & Monde</a>
</p></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="30" class="wtsNOIR">
0
Réponse 4 / 8
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
19 nov. 2007 à 17:43
looooooool le code ne rentre pas complet dans le forum !!!

enfin deja tu as le haut de page !!

RAD
0

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

Posez votre question
Réponse 5 / 8
manue
20 nov. 2007 à 15:03
Bonjour,
Merci pour toutes ces aides.
...Mais cela ne marche toujours pas!
Alors on va y aller doucement...j'ai créé une nouvelle page pour faire des essais.
J'y ai mis un tableau avec 1 seule cellule.
J'y ai mis du texte.
Le code est ci-dessous.
Si je veux réduire ce tableau en hauteur et qu'une scrollbar apparaisse, quel serait alors ce nouveau code (ds mon exemple précisément)?
Merci beaucoup (oui, je crois avoir besoin du B.A.BA. qu'il me manque...)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
<table width="200" border="0">
<tr>
<td>Dans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe est</td>
</tr>
</table>
</body>
</html>
0
Réponse 6 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
20 nov. 2007 à 15:26
Bon.

Il s'agit d'insérer un balise de type block dans la cellule concernée.
J'utilise une <div> à laquelle je donne les dimensions de mon choix.
Si le reste ne suit pas, c'est certainement que tu définis ailleurs des dimensions dans les <tables> comme “<td height="2503"”. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  <title>Document sans nom</title> 
  </head> 
  
  <body> 
    <table width="200" border="0"> 
      <tr> 
        <td>
          <div style="width:100%; height:200px; overflow:auto;">
          Dans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe estDans le système verbal, il n’est souvent que la représentation du nombre d’un nom ou d’un pronom liés à ce verbe (jouant le plus souvent le rôle de sujet). On dit dans ce cas que le verbe est
          </div>
        </td> 
      </tr> 
    </table> 
    <img src="http://cjoint.com/data/lupt4yexMp_ishot-1.png" width="218" height="230" alt="résultat dans Safari" title="résultat dans Safari" style="margin:2em -6px;" />
  </body> 
</html>
Le résultat n'est pas visible chez toi ?


++
Mon code n'est pas plus facile à lire ?
Si ?
Alors, http://gihef.bey.free.fr/CCM/div/btn_code.png

--
0
Réponse 7 / 8
manue
20 nov. 2007 à 15:44
Et si, ça y'est oufffffffffffffff!

En tous cas merci beaucoup!
Par ailleurs, ton scroll sur l'image png est très joli, je ne sais pas comment mon texte s'y est inséré, mais bon, on va arrêter de compliquer, je me contenterais du "classique-one"!!

A bientôt peut-être!
0
Réponse 8 / 8
manue
20 nov. 2007 à 18:26
Rebonjour Gihef,
Ok, ça marche depuis toutà l'heure, par contre, comment modifies-tu le texte?
Tout se sélectionne, impossible de placer le curseur quelque part. Les nouvelles données effacent les anciennes..
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
20 nov. 2007 à 18:29
Connais pas assez DW.
Dans le code, la source ?

Ou alors avec un simple éditeur de texte (Bloc-notes…).

--
0

Discussions similaires

créer une adresse gmail pour une autre personne
Emma33000 -
Emma33000 -

2 réponses