Structure page impossible a modifier

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention -
txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention - 23 mai 2008 à 23:24

Bonjour,
Malgré les nombreux sites web que j'ai pu réaliser, celui-ci me pose d'énormes Pb.
Ce n'est pas moi qui ai construi la structure de ces pages (on me l'a donné) et je n'arrive pas obtenir la mise en page souhaitée (voir le croquis ici: http://txiki.free.fr/structure-page.gif).

Ça fonctionne très bien sous IE7 et Firefox sous XP mais pas du tout sous IE6 et W2k (et sans doute d'autres versions que je ne peux tester...).

C4est un "pro" qui a fait ça mais il ne veut pas en entendre parler et donc je ne peux pas lui demander de l'aide pour l'adapter au mien (http://abarka.free.fr que je suis en train de reloocker).
Ce sont surtout les balises TBODY qui me génent, je ne les comprends pas, je ne sais pas à quoi elles servent.

En fait je voudrais séparer le menu du bandeau.
Le menu et les infos défilantes doivent êtres regroupées à gauche, dans une même colonne;
Dans la colonne de droite, le bandeau puis, en dessous, la page proprement dite.

J'utilise des sessions pour chaque éléments (bandeaux et pages)

Quelqu'un aurait-il l'amabilité de regarder la structure de l'index, après je pense que je me débrouillerai facilement ensuite.
Merci d'avance !

Afficher la suite

A voir également:

Structure page impossible a modifier
Modifier dns - Guide
Impossible de supprimer une page word - Guide
Modifier liste déroulante excel - Guide
Modifier extension fichier - Guide
Comment modifier une story sur facebook - Guide

3 réponses

Réponse 1 / 3

elfilou Messages postés 1139 Statut Membre 183

Salut

le tbody sert a introduire le corps du tableau...

http://fr.selfhtml.org/navigation/recherche/index.htm

ELFILOU
Si un humain a une grande idée de lui-même, on peut être sûr que c'est la seule grande idée qu'il ait jamais eue dans sa vie.

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention 524

Merci elfilou pour ta réponse rapide,
Mais je suis vraiment perdu la dedans. Totalement autodidacte, j'ai fait comme j'ai pu jusqu'à présent mais là, je bloque grave !

je suis bloqué, vraiment bloqué pour poursuivre les adaptations de mes anciennes pages. Et comme je ne comprends pas ce qui se passe.... Pourquoi ça fonctionne chez moi (IE7 et Firefox sous XP) et pas ailleurs (IE6 et windows 2000 au bureau par exemple). Tout est décalé.
Ça me désole et je n'arrive plus a réfléchir. je suis malheureux comme tout, ayant un si joli site et pas pouvoir le continuer. Je suis catastrophé.

Voici l'index:

<?php
  // Start Session
  session_start();
  
  // Envoi Cookies
  //include "Php/Init Cookies.php";
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<?php
    if (empty($page)) echo "<TITLE>Accueil - Abarka</TITLE>";
    else echo "<TITLE>$page - Abarka</TITLE>";
  ?>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1590" name=GENERATOR>
<META http-equiv="" content="text/html; charset=iso-8859-1">
<meta name="robots" content="index, follow" />
<meta name="author" content="Jean Michel Etchecolonea">
<meta name="description" content="le pays Basque est une terre de légendes, de traditions séculaires,de gastronomie et dont la langue est très originale." />
<meta name="keywords" content="légendes, mythes, prénoms, cuisine, tapas, recettes, makila, makhila, traditions, force basque, curiosités, comptines, vocabulaire basque, lexique, jeux, musiques, chistera, chants, origines des noms." />
<meta name="revisit-after" content="20 days" />
<LINK href="Modules/Icons/favicon.ico"     rel="shortcut icon">
<LINK href="Styles_Scripts/base.css"       type=text/css rel=stylesheet>
<LINK href="Styles_Scripts/accueil.css"    type=text/css rel=stylesheet>
<LINK href="Styles_Scripts/transmenuv.css" type=text/css rel=stylesheet>
<LINK href="Styles_Scripts/calendar.css"   type=text/css rel=stylesheet>
<SCRIPT language=JavaScript src="Styles_Scripts/site.js"></SCRIPT>
<SCRIPT language=javascript src="Styles_Scripts/transmenu.js"></SCRIPT>
<script language="javascript" src="Styles_Scripts/ts_files/scroll.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD> 

<?php

  if (empty($page))
  {
    $page="Accueil";
    $lang="Fr";

    // Initialisation
    include "Php/Init Session Table.php";
    include "Php/Init Preload Images.php";

    echo "<BODY onLoad=\"preloadImages($banner)\">";

    // Initialisation Settings
    //include "Php/Init Settings.php";

   }
   else
   {
     echo "<BODY>";
   }

 ?>
 
   <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
     <TBODY>
     <TR><TD vAlign=top>
       <!-- Début de la section header -->
       <DIV id=header>
         <?php
           include"Html Pages/Share/Header $lang.htm"; 
         ?>
       </DIV>
       <!-- Fin de la section header -->
       <DIV id=bandeau>
       <!-- Début de la section du menu dynamique -->
       <TABLE class=moduletable cellSpacing=0 cellPadding=0>
         <TBODY>
           <TR><TD>             
             <DIV id="wrap">
               <DIV>
                 <?php
                   include "Html Pages/Share/Menu $lang.htm";
                 ?>
               </DIV>
               <SCRIPT language=javascript>
                 if (TransMenu.isSupported())
                 {
                   TransMenu.updateImgPath('Modules/TransMenu/');
                   var ms = new TransMenuSet(TransMenu.direction.right, 0, 0, TransMenu.reference.topRight);
                   TransMenu.subpad_x = 1;
                   TransMenu.subpad_y = 0;

                   document.getElementById("menu01").onmouseover = function()
                   {ms.hideCurrent();} 
                   <?php
                     echo "IncludeSubMenu$lang();"; 
                   ?>
 
                   TransMenu.renderAll();
                 }
                 init1=function(){TransMenu.initialize();}
                 if (window.attachEvent){window.attachEvent("onload", init1);}
                 else {TransMenu.initialize();}
               </SCRIPT>
 
             </DIV>
           </TD></TR>
         </TBODY>
       </TABLE>
       <!-- Fin de la section du menu dynamique -->
 
       <!-- Début de l'image de la bannière -->
       <TABLE class=moduletable_image cellSpacing=0 cellPadding=0>
         <TBODY><TR><TD>
           <IMG title="Abarka" style="margin: 0px" width="750" height="164"
             <?php
               echo "src=\"".$_SESSION[$page]['Banner']."\"";
             ?>
           alt="Abarka"><br /></TD></TR>
         </TBODY>
       </TABLE>
       <!-- Fin de l'image de la bannière -->
     </DIV>
 
 
    <DIV id="contenu">
       <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
         <TBODY><TR>
 
           <!-- Début des infos défilantes -->
           <TD width="150" rowspan="2"><div id="Actualites" class="actualites" style="position:absolute; width:150px; height:130px; z-index:3; left: 185px; top: 390px;">
  <SCRIPT LANGUAGE="JavaScript">Tscroll_init (0)</SCRIPT>

</div>
 
             <!-- Fin des infos défilantes -->
	    </TD>
 
           <!-- Début de l'alignement du conteneur principal -->
           <TD width="5" rowspan="2" style="padding-top: 0px"></TD>
           <TD width="740" height="0" style="padding-top: 0px"></TD>
           <!-- Fin de l'alignement du conteneur principal -->
 
         </TR>
         <TR>
           <TD style="padding-bottom: 0px">

             <!-- Début du contenu principal -->
             <?php
               include $_SESSION[$page]['Location']." $lang.htm";
             ?>
             <!-- Fin du contenu principal -->
 
           </TD>
         </TR>

         </TBODY>
       </TABLE>
     </DIV></TD></TR>     
 
     <!-- Début de la section footer (pied de page) -->
     <?php
       include "Html Pages/Share/Footer $lang.htm";
     ?>
     <!-- Fin de la section footer (pied de page) -->
 
     </TBODY>
   </TABLE>
 
   </BODY>
</HTML>

Et la css qui va avec:

HTML {
	height: 100%
}

BODY {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 11px; 
	text-align: justify; /* ajout de la justification des textes dans les blocs via l'héritage du body */
	background-color: #F2FFF2; /* couleur vert très pale au lieu du dddddd (gris clair) */
	padding-bottom: 0px; 
	margin: 0px; 
	color: #000000; /* couleur noir au lieu de 333333 */ 
	padding-top: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 100%;
/* ============================================================================= */
/* ===          coloration des ascenceurs avec Internet Explorer             === */
	scrollbar-highlight-color: #9cbac6; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-shadow-color: #9cbac6; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-face-color: #ffffff; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-3dlight-color: #ffffff; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-arrow-color: #9cbac6; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-track-color: #ffffff; /* Ne fonctionne qu'avec IE uniquement */
	scrollbar-darkshadow-color: #ffffff; /* Ne fonctionne qu'avec IE uniquement */
/* ============================================================================ */
}

.content {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	width: 100%; 
	padding-top: 0px; 
	height: 100%;
}

TD {
	font-size: 11px; 
	vertical-align: top; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
}

IMG {
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	border-right-width: 0px;
}

FORM { 
	padding:0px; 
	margin:0px;
} 

#header {
    margin: 0px auto; 
	width: 900px; 
	padding-top: 12px; 
	padding-bottom: 10px; 
	text-align: right;
}

#bandeau {
	background: #931224; 
	margin: 0px auto; 
	width: 900px; 
	height: 164px;
}

#bandeau .moduletable_image {
	float: right;
}

#bandeau .moduletable {
	float: left;
}

#bandeau .moduletable UL {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 5px 0px 0px 10px; 
	width: 180px; 
	padding-top: 0px; 
	list-style-type: none;
}

#bandeau .moduletable UL LI A {
	padding-right: 0px; 
	display: block; 
	padding-left: 12px; 
	font-weight: bold; 
	background: #dddddd; 
	padding-bottom: 2px; 
	width: 100%; 
	color: #ffffff; 
	padding-top: 2px; 
	text-decoration: none;
}

#bandeau .moduletable UL LI A:hover {
	background: #dddddd; 
	color: #999999;
}

#bandeau .moduletable_menu {
	float: left;
}

#bandeau .moduletable_menu UL {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 5px 0px 0px 10px; 
	width: 180px; 
	padding-top: 0px; 
	list-style-type: none;
}

#bandeau .moduletable_menu UL LI A {
	padding-right: 0px; 
	display: block; 
	padding-left: 12px; 
	FONT-WEIGHT: bold; 
	background: #dddddd; 
	padding-bottom: 2px; 
	width: 100%; 
	color: #fff; 
	padding-top: 2px; 
	text-decoration: none;
}

#bandeau .moduletable_menu UL LI A:hover {
	background: #dddddd; 
	color: #999999;
}

#contenu {
	margin: 0px auto; 
	width: 900px;
}

#contenu A { 
	color: #0000ff; /* couleur des liens (bleu) au lieu de #455d8b */
	text-decoration: none;
}

#contenu A:hover {
	color: #006633; /* la couleur passera au vert au survol du lien */
	text-decoration: none; /* le lien restera non souligné au survol */
}

h1 { /* classe pour les titres des pages publiques (vérifier toutes les autres pages) */
	color: #000000; /* couleur noire pour les titres de pages (au lieu de #323334) */
	text-align: center;
}

.composant-bandeau { /* composants du bandeau des pages (vérifier toutes les pages) */
	font-weight: normal; 
	font-size: 20px; 
	padding-bottom: 0px; 
	color: #000000; /* texte en noir pour le contenu principal (au lieu de 323334) */
	z-index:0; /* couche ramenée au niveau zéro */
}

.floatD { /* création d'une classe pour les images a faire flotter */
	float: right; 
	padding-left: 5px; /* espacements pour ne pas que les textes touchent l'image flottante */
	padding-top: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
	padding-bottom: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
}

.floatG { /* création d'une classe pour les images a faire flotter */
	float: left; 
	padding-right: 5px; /* espacements pour ne pas que les textes touchent l'image flottante */
	padding-top: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
	padding-bottom: 3px; /* espacements pour ne pas que les textes touchent l'image flottante */
}

h2 { /* réduction de la taille des titres 2 */
	font-weight: bold; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.rouge { /* pour les mots en rouge "sang de boeuf" */
	color: #931224;
}

.red { /* classe rouge vif */
	color: #FF0000;
}

.vert { /* création de la classe pour les mots en basque */
	color: #006633; /* vert foncé */
}

#partners IMG { /* peut etre réduit a border seul puisque tous pareils */
	border: 1px solid #d1d1d1;
	/* border-right: #d1d1d1 1px solid; 
	border-top: #d1d1d1 1px solid; 
	font-size: 10px; 
	border-left: #d1d1d1 1px solid; 
	border-bottom: #d1d1d1 1px solid; */
}

#partners TD {
	text-align: left; /* textes alignés à gauche pour les descriptions des liens amis */
	font-size: 10px; 
	height: 70px;
	padding-top: 0px; 
	padding-right: 10px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	vertical-align: top; 
}

#partners A {
	font-size: 10px;  /* au lieu de 13 px */
	color: #0000ff; /* voir maintient de cette couleur bleu-gris (637c86) */
	text-decoration: none;
}

#footer {
	background: #F2FFF2 repeat-x; /* couleur vert très pale au lieu du dddddd (gris clair) */
	color: #6c6b6b;
	padding-bottom: 0px;
	padding-top: 5px;
}

#footer_int {
	font-size: 10px; 
	margin: 0px auto; 
	width: 900px; 
	padding-top: 5px;
}

.moduletable_footer {
	width: 100%;
}

#credit {
	right: 2px; 
	bottom: 55px; 
	position: absolute;
}

.adv_link { /* style des textes (liens) du footer et du header */
	font-size: 11px; 
	color: #6c6b6b; /* gris */
	text-decoration: none;
}

.maj { /* style du texte de la date des Mises à jour en php */
	color: #FF0000; /* rouge */
	font-size: 11px; 
	text-decoration: none;
}

.source { /* position des sources des infos, en bas à droite */
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

#webreporter { /* style de la boite de Webreporter */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px dashed #006633; 
	background-color: #FFFFFF;
	padding: 3px; 
	width: 150px; 
}

Ça fonctionne très bien sous IE7 et Firefox (XP) mais pourquoi ça déconne grave sous IE6 ?

Ça m'ennerve et je discerne plus rien....
Tu pourrait me regarder ça STP ? Voir où ça foire ? Si tu a le temps bien sur ?
Un grand merci d'avance ! Je sais, c'est un peu léger mais que puis-je dire d'autre ?

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Réponse 2 / 3

elfilou Messages postés 1139 Statut Membre 183

je vais essayé de regarder cela ce week-end mais sous réserves
tout dependra de mon emploi du temps...

je te tiens au courant...

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention 524

Merci infiniment elfilou,
Je suis très, très malheureux !
Je vois aussi de mon coté, c'est pas possible de buter sur un truc pareil !
Dans mon cas, je crois que je n'ai pas besoin des tbody, j'ai toujours fait sans jusqu'à présent et sans aucun Pb !

Réponse 3 / 3

elfilou Messages postés 1139 Statut Membre 183

moi aussi je ne m'en sert pas et ca tourne aussi impec...

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention 524

Bon, j'avance un peu mais c'est pas terrible ! grrrrrh ! Tout est décalé maintenant, enfin le bandeau et le menu, pas le reste. (j'en ai profité pour virer les TBODY).

Je suis furax d'être aussi nul !
http://txiki.free.fr/index-new.php et la css et base-new.css.

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention 524 > txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention

Coucou ! elfilou !
Je suppose que tu n'a pas eu trop de temps pour regarder la structure de l'index (et par conséquence des autres pages...) ?

txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention 524 > txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention

Bonsoir à tous les PRO de la mise en page.
Alors il y a personne pour m'éclairer ?
Je commencer a craquer. Je m'ennerve, je ne vois plus rien et si ça se trouve c'est bête comme chou mon Pb de mise en page. Mon gros PB est que je suis condamné a 8 items de menus alors qu'il m'en faudrait 17 !

En fait, le Pb vient du fait que le menu se trouve lié au bandeau et je n'arrive pas a l'en sortir pour le mettre à gauche de celui-ci.
Les css sont ici: http://txiki.free.fr/Styles_Scripts/ (accueil.css et base.css).

Pourquoi ça fonctionne très bien sous IE7 et Firefox (XP) et pas sous IE6 et Windows 2000 ? Je ne peux décemment pas me contenter des dernières versions de navigateurs.
Je suis vraiment désespéré ! Un petit coup de main serait VRAIMENT la bienvenue !

J'ai vraiment besoin de votre aide ! Merci infiniment d'avance !

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Modifier annonce Leboncoin sans payer

Impossible de créer ou gérer une page Facebook

Structure page impossible a modifier

3 réponses

Votre réponse

Discussions similaires

Newsletters