Aller au contenu

fixer des cadres

Mica67

Par Mica67
dans (X)HTML et CSS

 Partager

Sujets conseillés

Mica67

Mica67

Posté
Posté

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
karnabal

karnabal

Posté
Posté

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
Mica67

Mica67

Posté
  • Auteur
Posté

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...
zapman

zapman

Posté
Posté

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
 Partager
Aller sur la liste des sujets
×
×
  • Créer...