Bonjour et merci pour l'aide que vous pourrez m'apporter.
J'ai inséré un tableau "NEWS" sur ma page web mais celui-ci lorsque je zoom ne suit pas la page et se trouve décalé.
Je voudrais donc lui donner une position fixe.
Comment faire.
Merci.
http://www.la-petite-reine-de-sion.net/index.html
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0
Position Fixe Tableau dans la page
Modérateur : chinon37
Re: Position Fixe Tableau dans la page
Bonjour
Ceci n'est pas franchement une réponse à la question, mais peut-être une solution.
Je pars de l'hypothèse qu'un tableau n'est pas indiqué ici et je cherche donc immédiatement une meilleure méthode de travail. Soit un bloc <div> qui restera centré.
Mais j'avoue ne pas avoir trop envie de passer trop de temps à chercher pourquoi le tableau ne répond pas correctement.
PS: Fouchtra! Encore un cycliste. Il faudra penser à fonder une fédération des cyclistes utilisateurs de KompoZer. J'ai bien une proposition pour le nom du Président.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:17.0) Gecko/20100101 Firefox/17.0
Ceci n'est pas franchement une réponse à la question, mais peut-être une solution.
Je pars de l'hypothèse qu'un tableau n'est pas indiqué ici et je cherche donc immédiatement une meilleure méthode de travail. Soit un bloc <div> qui restera centré.
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test test test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<div style="margin-left:auto; margin-right:auto; width:700px; background-color: #66CCCC">
<h1>Par Vincent Blondeau</h1>
<p>En cyclisme il y a de nombreuses pathologies que nous allons vous présenter et tenter d'apporter des informations importantes pour les cyclistes.</p>
<h2>TENDINITE ROTULIENNE</h2>
<p>Manivelles trop longues, selle trop basse, utilisation de trop grands braquets, position en " bec de selle ".</p>
<p>La " bonne longueur de manivelles" doit permettre au cycliste de " tourner les jambes à 90/110 tr/mn ".</p>
</div>
</body>
</html>
PS: Fouchtra! Encore un cycliste. Il faudra penser à fonder une fédération des cyclistes utilisateurs de KompoZer. J'ai bien une proposition pour le nom du Président.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:17.0) Gecko/20100101 Firefox/17.0
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: Position Fixe Tableau dans la page
Merci mais le problème se trouve sur cette page: http://www.la-petite-reine-de-sion.net/index.html au fond à droite: NEWS
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Index</title>
<style type="text/css"></style>
<style type="text/css">.ct {font:6pt;text-align:center;margin:0px}.ct img{border:0} .ct a,.ct a:visited{color:silver;text-decoration:none}.ct a:hover{color:gray;text-decoration:underline}</style>
<style type="text/css">.ct {font:6pt;text-align:center;margin:0px}.ct img{border:0} .ct a,.ct a:visited{color:silver;text-decoration:none}.ct a:hover{color:gray;text-decoration:underline}</style>
</head>
<body
style="border-style: groove; border-width: 0.3cm; margin-top: 30px; margin-right: auto; margin-left: auto; background-color: rgb(255, 255, 255); background-repeat: no-repeat; width: 1500px; color: rgb(0, 0, 0); background-position: center; background-image: url(images/Pages-web/comunicati.jpg); height: 900px;">
<br>
<div style="text-align: center;">
<div style="text-align: left; height: 900px;">
<div style="text-align: center;">
<div
style="text-align: center; width: 1500px; font-family: Arial,Helvetica,sans-serif;"><span
style="font-family: Arial Unicode MS; font-size: 110px; color: black;">La
Petite Reine de Sion</span>
<br>
</div>
</div>
<div><br>
</div>
<div
style="margin-left: 40px; font-size: 14px; font-family: Arial,Helvetica,sans-serif; line-height: 17px; font-weight: bold;"><small><small><br>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... ></big></a>
<br>
<br>
</small></small><small><small>
<a target="_blank"
href="http://www.la-petite-reine-de-sion.net/ ... u-club.pdf"
style="color: black;"><big><big><big><big>Statuts</big></big></big></big></a></small></small><br>
<br>
<small><small>
<a href="http://www.la-petite-reine-de-sion.net/Comit%C3%A9.html"
style="color: black;"><big><big><big><big>Comité</big></big></big></big></a></small></small><br>
<small><small>
</small></small><br>
<small><small>
<a href="http://www.la-petite-reine-de-sion.net/Membres.html"
style="color: black;"><big><big><big><big>Membres</big></big></big></big></a></small></small><br>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<br>
<a style="color: black;" href="coeur.html" target="_blank"><big><big>Zones
Cardiaques</big></big></a><br>
<br>
<a style="color: black;" href="Comment%20s%27entrainer.html"
target="_blank"><big><big>Comment s'entraîner</big></big></a><br>
<br>
<a style="color: black;"
href="http:///www.la-petite-reine-de-sion.net/Phatologies%20du%20cycliste.html"><small><small><small><small><small><big><big><big><big><big><big><big>Phathologies
du cycliste</big></big></big></big></big></big></big></small></small></small></small></small></a><br>
<br>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... <big><span
style="text-decoration: underline;"></span>Téléchargements</big></big></a><br>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... g><big>Big
Sorties 2013</big></big></big></big></a>
</small></small><br>
<small><small><big>
</big></small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... ig>Sorties
2013</big></big></big></big></a></small></small><br>
<br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<div style="position: absolute; left: 1381px; top: 642px;">
<table
style="padding: 0%; margin-top: 0%; margin-bottom: 0%; text-align: left; width: 273px; height: 208px; font-family: Arial,Helvetica,sans-serif; right: 0%; bottom: 0%; left: 0%; top: 0%;"
border="0" cellpadding="2" cellspacing="2">
<tbody
style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<tr>
<td
style="vertical-align: middle; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 27.1px; text-align: center; height: 202px; width: 261px; white-space: nowrap;"><big><big
style="color: rgb(51, 51, 255);"><big><big><big><span
style="font-style: italic;">News</span></big></big></big></big></big><br>
<span style="color: red; text-decoration: blink;">Dimanche 6
janvier 2013</span><br style="color: red;">
<span style="color: red;"></span><span style="color: red;">rendez
vous à 11.00 Place du Midi<br>
pour une sortie<br>
</span> <big><big style="color: rgb(51, 51, 255);"><big><big> <small
style="font-style: italic;"><small style="text-align: center;"><a
style="color: rgb(51, 51, 153);" href="Photos.html" target="_blank">Nouvelle
galerie photo</a><br>
</small></small><small><span style="text-decoration: underline;"></span></small></big></big></big></big><big><big
style="color: rgb(51, 51, 255);"><big><big><small><small>Sortie à
Rimini<br>
<span style="font-style: italic;">du 11 au 26 Mai 2013</span></small></small></big></big></big></big><br>
<big><big style="color: rgb(51, 51, 255);"><big><big><small><span
style="text-decoration: underline;"></span><small
style="text-decoration: underline;"><a style="text-align: center;"
href="http://www.la-petite-reine-de-sion.net/ ... Rimini.zip"
target="_blank">téléchargement</a></small></small></big></big></big></big></td>
</tr>
</tbody>
</table>
</div>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;" href="Sites%20web%20preferes.html"><big><big><big><big>Liens</big></big></big></big></a><br>
<br>
<a target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ig></a><br>
</small></small></div>
<div style="text-align: center;"><a target="_blank"
style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ><big><big
style="color: black; font-style: italic;"><big><big><big
style="font-family: Arial,Helvetica,sans-serif;">Un club pour
tous!!</big></big></big></big></big>
<br>
</a></div>
<div style="text-align: left; margin-left: 0px; width: 1500px;"><a
target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... <big><span
style="font-weight: bold; font-style: italic; text-decoration: underline;"></span></big>
</a>
<div style="text-align: left; width: 1500px;">
<div style="text-align: center;"><a target="_blank"
style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... .aspx"><br>
</a></div>
<div style="text-align: center;"><span
style="font-weight: bold; font-style: italic; text-decoration: underline;"><a
target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ">Veuillez
utiliser le browser </a><a
href="http://www.mozilla.org/fr/download/?pro ... Firefox</a>
pour une vision parfaite du site 1500x900 </span><span
style="font-weight: bold; font-style: italic;"> <span
style="color: red;">web creator: Loris Falcinelli alias "Giclettte"</span></span></div>
</div>
</div>
</div>
</div>
</body>
</html>
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Index</title>
<style type="text/css"></style>
<style type="text/css">.ct {font:6pt;text-align:center;margin:0px}.ct img{border:0} .ct a,.ct a:visited{color:silver;text-decoration:none}.ct a:hover{color:gray;text-decoration:underline}</style>
<style type="text/css">.ct {font:6pt;text-align:center;margin:0px}.ct img{border:0} .ct a,.ct a:visited{color:silver;text-decoration:none}.ct a:hover{color:gray;text-decoration:underline}</style>
</head>
<body
style="border-style: groove; border-width: 0.3cm; margin-top: 30px; margin-right: auto; margin-left: auto; background-color: rgb(255, 255, 255); background-repeat: no-repeat; width: 1500px; color: rgb(0, 0, 0); background-position: center; background-image: url(images/Pages-web/comunicati.jpg); height: 900px;">
<br>
<div style="text-align: center;">
<div style="text-align: left; height: 900px;">
<div style="text-align: center;">
<div
style="text-align: center; width: 1500px; font-family: Arial,Helvetica,sans-serif;"><span
style="font-family: Arial Unicode MS; font-size: 110px; color: black;">La
Petite Reine de Sion</span>
<br>
</div>
</div>
<div><br>
</div>
<div
style="margin-left: 40px; font-size: 14px; font-family: Arial,Helvetica,sans-serif; line-height: 17px; font-weight: bold;"><small><small><br>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... ></big></a>
<br>
<br>
</small></small><small><small>
<a target="_blank"
href="http://www.la-petite-reine-de-sion.net/ ... u-club.pdf"
style="color: black;"><big><big><big><big>Statuts</big></big></big></big></a></small></small><br>
<br>
<small><small>
<a href="http://www.la-petite-reine-de-sion.net/Comit%C3%A9.html"
style="color: black;"><big><big><big><big>Comité</big></big></big></big></a></small></small><br>
<small><small>
</small></small><br>
<small><small>
<a href="http://www.la-petite-reine-de-sion.net/Membres.html"
style="color: black;"><big><big><big><big>Membres</big></big></big></big></a></small></small><br>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<br>
<a style="color: black;" href="coeur.html" target="_blank"><big><big>Zones
Cardiaques</big></big></a><br>
<br>
<a style="color: black;" href="Comment%20s%27entrainer.html"
target="_blank"><big><big>Comment s'entraîner</big></big></a><br>
<br>
<a style="color: black;"
href="http:///www.la-petite-reine-de-sion.net/Phatologies%20du%20cycliste.html"><small><small><small><small><small><big><big><big><big><big><big><big>Phathologies
du cycliste</big></big></big></big></big></big></big></small></small></small></small></small></a><br>
<br>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... <big><span
style="text-decoration: underline;"></span>Téléchargements</big></big></a><br>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... g><big>Big
Sorties 2013</big></big></big></big></a>
</small></small><br>
<small><small><big>
</big></small></small><br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... ig>Sorties
2013</big></big></big></big></a></small></small><br>
<br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<br>
<small><small>
<a style="color: black;"
href="http://www.la-petite-reine-de-sion.net/ ... /small><br>
<div style="position: absolute; left: 1381px; top: 642px;">
<table
style="padding: 0%; margin-top: 0%; margin-bottom: 0%; text-align: left; width: 273px; height: 208px; font-family: Arial,Helvetica,sans-serif; right: 0%; bottom: 0%; left: 0%; top: 0%;"
border="0" cellpadding="2" cellspacing="2">
<tbody
style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<tr>
<td
style="vertical-align: middle; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 27.1px; text-align: center; height: 202px; width: 261px; white-space: nowrap;"><big><big
style="color: rgb(51, 51, 255);"><big><big><big><span
style="font-style: italic;">News</span></big></big></big></big></big><br>
<span style="color: red; text-decoration: blink;">Dimanche 6
janvier 2013</span><br style="color: red;">
<span style="color: red;"></span><span style="color: red;">rendez
vous à 11.00 Place du Midi<br>
pour une sortie<br>
</span> <big><big style="color: rgb(51, 51, 255);"><big><big> <small
style="font-style: italic;"><small style="text-align: center;"><a
style="color: rgb(51, 51, 153);" href="Photos.html" target="_blank">Nouvelle
galerie photo</a><br>
</small></small><small><span style="text-decoration: underline;"></span></small></big></big></big></big><big><big
style="color: rgb(51, 51, 255);"><big><big><small><small>Sortie à
Rimini<br>
<span style="font-style: italic;">du 11 au 26 Mai 2013</span></small></small></big></big></big></big><br>
<big><big style="color: rgb(51, 51, 255);"><big><big><small><span
style="text-decoration: underline;"></span><small
style="text-decoration: underline;"><a style="text-align: center;"
href="http://www.la-petite-reine-de-sion.net/ ... Rimini.zip"
target="_blank">téléchargement</a></small></small></big></big></big></big></td>
</tr>
</tbody>
</table>
</div>
<small><small>
</small></small><br>
<small><small>
<a style="color: black;" href="Sites%20web%20preferes.html"><big><big><big><big>Liens</big></big></big></big></a><br>
<br>
<a target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ig></a><br>
</small></small></div>
<div style="text-align: center;"><a target="_blank"
style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ><big><big
style="color: black; font-style: italic;"><big><big><big
style="font-family: Arial,Helvetica,sans-serif;">Un club pour
tous!!</big></big></big></big></big>
<br>
</a></div>
<div style="text-align: left; margin-left: 0px; width: 1500px;"><a
target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... <big><span
style="font-weight: bold; font-style: italic; text-decoration: underline;"></span></big>
</a>
<div style="text-align: left; width: 1500px;">
<div style="text-align: center;"><a target="_blank"
style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... .aspx"><br>
</a></div>
<div style="text-align: center;"><span
style="font-weight: bold; font-style: italic; text-decoration: underline;"><a
target="_blank" style="color: black;"
href="http://www.landi.ch/meteo/fra/niedersch ... ">Veuillez
utiliser le browser </a><a
href="http://www.mozilla.org/fr/download/?pro ... Firefox</a>
pour une vision parfaite du site 1500x900 </span><span
style="font-weight: bold; font-style: italic;"> <span
style="color: red;">web creator: Loris Falcinelli alias "Giclettte"</span></span></div>
</div>
</div>
</div>
</div>
</body>
</html>
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité