Aller au contenu

fixer des cadres


Mica67

Sujets conseillés

voila j'ai fait une page avec(excusez moi d avance si les termes ne sont pas les bons)

un bandeau pour le titre

et un menu sur la gauche de la page et j'aimerai que ces blocs reste fixe

de plus j'ai placer le menu sur plusieur autre pages et j'aimerai ègalement qu ils restent fixes

cela est il faisable?

merci d'avance

ci-joint le code de la page

le code du menu qui si trouve est celui que j'ai reporté sur les autres pages

<html>
<head>
<title>Menu</title>
<meta content="text/html; charset=iso-8859-1"
http-equiv="Content-Type">
<meta content="fr" http-equiv="content-language">
</head>
<body leftmargin="0" topmargin="0"
style="background-color: rgb(255, 255, 255);" marginheight="0"
marginwidth="0">
<table style="margin-left: 0px; width: 100%; height: 110px;"
align="center" border="1">
<tbody>
<tr valign="top">
<td
style="background-color: rgb(153, 255, 255); text-align: center; height: 106px; width: 125px;"><br>
</td>
<td
style="font-weight: bold; text-align: center; background-color: rgb(204, 255, 255); height: 106px; width: 958px;"><sup><font
size="+3"> </font></sup><big><big><big><big><big><big><span
style="font-family: Monotype Corsiva;"> </span></big></big></big></big></big></big></td>
<td
style="background-color: rgb(153, 255, 255); text-align: center; width: 125px; height: 106px;"><br>
</td>
</tr>
</tbody>
</table>
<table
style="width: 125px; height: 536px; background-color: rgb(204, 204, 255);"
align="0" border="1">
<tbody>
<tr>
<td height="530" valign="top" width="125">
<table border="1" cellpadding="0" cellspacing="0"
width="125">
<tbody>
<tr>
<td
style="text-align: center; background-color: rgb(204, 102, 0);"
class="textebindex" width="135"> MENU</td>
</tr>
</tbody>
</table>
<br>
<br>
<div style="text-align: center; width: 126px;"><big><big><a
href="file:///C:/Documents%20and%20Settings/BINACCHI/Bureau/Nouveau%20dossier/Menu.htm">Menu</a>
</big></big></div>
<p style="text-align: center;"><big><big><a
href="page%202.html">page
2</a></big></big></p>
<p style="width: 125px; text-align: center;"><big><big><a
href="Page%201.html">page
1</a></big></big></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Lien vers le commentaire
Partager sur d’autres sites

Salut Mica67,

Ta page ne possède pas de doctype ! Tâche de suivre les tutoriaux en XHTML et CSS du Site du zéro et reviens-nous voir si tu as des questions, si tu rencontres des difficultés. ;)

Créer un site web.

Ensuite, par rapport à l'idée du menu fixe, c'est bien sûr faisable, si possible sans avoir recours à la technique des frames/cadres, mais sache que ce type de structure rapelle les tous premiers temps du web. On ne voit de nos jours plus énormément de sites dignes de ce nom utiliser ce type de structure.

Lien vers le commentaire
Partager sur d’autres sites

bon en fait je te le remet la

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu</title>
<meta content="text/html; charset=iso-8859-1"
http-equiv="Content-Type">
<meta content="fr" http-equiv="content-language">
</head>
<body leftmargin="0" topmargin="0"
style="background-color: rgb(255, 255, 255);" marginheight="0"
marginwidth="0">
<table style="margin-left: 0px; width: 100%; height: 110px;"
align="center" border="1">
<tbody>
<tr valign="top">
<td
style="background-color: rgb(153, 255, 255); text-align: center; height: 106px; width: 125px;"><img
style="width: 96px; height: 94px;" alt="pp"
src="papillon-gif-029.gif"><br>
</td>
<td
style="font-weight: bold; text-align: center; background-color: rgb(204, 255, 255); height: 106px; width: 958px;"><sup><font
size="+3"> </font></sup><big><big><big><big><big><big><span
style="font-family: Monotype Corsiva;"> </span></big></big><span
style="font-family: Monotype Corsiva;">le modinum</span><small><small><small><small><small><br>
<big>1 RUE FERNAND BAUDRY 18500 MEHUN SUR YEVRE</big></small></small></small></small></small></big></big></big></big></td>
<td
style="background-color: rgb(153, 255, 255); width: 125px; height: 106px; text-align: center;"><img
style="width: 96px; height: 94px;" alt="pp"
src="papillon-gif-029.gif"><br>
</td>
</tr>
</tbody>
</table>
<table
style="width: 125px; height: 536px; background-color: rgb(204, 204, 255);"
align="0" border="1">
<tbody>
<tr>
<td height="530" valign="top" width="125">
<table border="1" cellpadding="0" cellspacing="0"
width="125">
<tbody>
<tr>
<td
style="text-align: center; background-color: rgb(204, 102, 0);"
class="textebindex" width="135"> MENU</td>
</tr>
</tbody>
</table>
<br>
<br>
<div style="text-align: center; width: 126px;"><big><big><span
style="text-decoration: underline;"><a
href="NOTRE%20CARTE.html">carte</a></span></big></big></div>
<p style="text-align: center;"><big><big><a
href="ACCES%20A%20MEHUN.html">acces</a></big></big></p>
<p style="width: 125px; text-align: center;"><big><big><a
href="avertissement.html">réservations</a></big></big></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>

Lien vers le commentaire
Partager sur d’autres sites

  • 1 month later...

Bonjour Mica67,

Ce que tu essayes de faire n'est pas vraiment simple. Il va falloir t'accrocher !

Voilà quelques exemples et explications concernant les mises en page avec menus fixes :

http://www.rankspirit.com/pseudo-frames/alan2_zapman2.htm

Tu peux aussi télécharger les kits proposés sur la page http://www.rankspirit.com/kit-css-gratuit.php pour t'en inspirer ou pour les utiliser tels quels.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...