Problème d'affichage site PHP

Fermé

elerien38550 Messages postés 14 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 25 juillet 2013 - 25 juil. 2008 à 12:54
Stazus Messages postés 95 Date d'inscription mardi 22 juillet 2008 Statut Membre Dernière intervention 4 août 2013 - 25 juil. 2008 à 13:35

Bonjour,

Je code un site web en HTML et PHP contenant une banière, un menu déroulant et du contenu. De temps en temps, quand j'actualise ou que je change de pages, le menu et la bannière ne sont plus centré (alors que le contenu lui, l'est ). De plus, je dois développer sous IE7 alors que la majorité des utilisateurs seront sous IE6 voire même 5...
et le menu que j'ai développé est codé en pixels et pourcentages... que va t'il se passer lors des changements d'écran ? je doute qu'il reste en place...
voici le code de ma page principale (accueil.php) :

<?php
include ("bannière.php");
?>

		<table width="1000" border="0" align="center">	

				bonjour et bienvenue sur le site intranet de B S... <br>
							C'est la que seront regroupées toutes les fonctionalités de l'intranet.bonjour et bienvenue sur le site intranet de ... 
							C'est la que seront regroupées toutes les fonctionalités de l'intranet.bonjour et bienvenue sur le site intranet de ... 
							C'est la que seront regroupées toutes les fonctionalités de l'intranet.bonjour et bienvenue sur le site intranet de ... 
							fonctionalités de l'intranet.
							
		</table>
	</BODY>
</HTML>

voici bannière.php :

<HTML>
	<HEAD>
		<title>
			bienvenue sur le site intranet de B S
		</title>
		
	</HEAD>
	<BODY>
		<?php
//-------------------------------------------------------------------------------------bannière ----------------------------------------------------------------------------------------------------------------------------------------------------------------
		?>
			<table width="1000" align="center" border="0"  cellpadding="0" cellspacing="1">
				<tr height="165">
					<td width="1000" height="165"> 
						<table width="1000" border="0" cellpadding="0" cellspacing="0">
							<tr>
								<td >
									<a href="http://localhost/site%20intra/index.php"> <img src="bdeau.png" width="1000" border="0" height="165" vspace="3" cellpadding="1"> </a	>
								</td>
							
							</tr>	
							
						</table>
					</td>
					
				</tr>	
				<tr>
				<td>
					<?php
						include ("menu_test.html");
					?>
				</td>
				<td>
				</td>
				</tr>				
		<?php	/*</table>*/ ?>

et enfin, menu_test.html :

<!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">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
			<meta name="robots" content="all" />
			<link rel="stylesheet" type="text/css" href="menu01.css" title="default" media="screen" />
			<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />

		<style type="text/css">
			body {margin:0 ; padding:0} /* marges intérieures et extérieures de la page à 0 */ 
			.menu-general { /* défini les boites qui comprenent chaque menu de base */
			  float:left ; /* Les boite sont calées à gauche */
			  width:166.7px ; /* largeur des boites du menu de base */
			  padding:0 ; /* marges intérieures à 0 */
			  margin: 0 ; /* marges extérieures à 0 */
			  height:20px} /* Hauteur des boites */

			#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4, #sous-menu5, #sous-menu6  { /*défini les 3 boites des 3 sous-menues */
			  display: none; /* les sous-menus ne sont pas affichés */
			  margin: 0; /* marges extérieures à 0 */
			  padding : 0; /* marges intérieures à 0 */
			  position : absolute ;  /*	boite positionnée par rapport à la boite parent, ici l'écran */
			  top : 199	px; /* Début (par rapport au haut de page) des sous-menus */
			  left : 10.2%; /* Début (par rapport à la gauche de la page) des sous-menus */
			  width : 16.5%} /* largeur sous-menus par rapport à la boite parent (ici la page) */


			#sous-menu2 {left:23.4%} /* Distance à la gauche de la page du 2ième sous-menu */

			#sous-menu3 {left:36.6%}/* Distance à la gauche de la page du 3ième sous-menu */

			#sous-menu4 {left:49.8%} /* Distance à la gauche de la page du 4ième sous-menu */

			#sous-menu5 {left:63%} /* Distance à la gauche de la page du 5ième sous-menu */

			#sous-menu6 {left:76.2%} /* Distance à la gauche de la page du 5ième sous-menu */


			/*********************************************************************/
			/* début de l'habillage du menu déroulant - On aurait pu rentrer cet habillage dans*/
			/* les #sous-menus1 2 ou 3, mais pour une meilleure lisibilité, on crée un style    */
			/* ".habillage", qu'on rajoute ensuite dans les appels des sous-menus.                   */
			/*********************************************************************/
			.menu-general {background-color:#0F646F; color:White ; border:solid 1px black ; padding-left:1% ; padding-bottom : 1% ; font-weight:bolder ;   text-decoration:none;font-style:italic ; text-align:center ; position:relative} <!-- habillage du Menu Général de la 1er ligne -->

			.habillage {border:solid 1px black ; border-left:solid 20px #0F646F ; background-color:#68cbba  ; color:black ; text-align:normal ; font-style:normal; font-weight:normal}
			<!-- habillage des 3 sous-menus --> 

			.habillage li {list-style:none ; border-bottom:solid 1px black ; height : 20px} <!-- habillage des listes contenues dans les 3 sous-menus --> 

			.habillage a {text-decoration:none} <!-- les liens ne sont pas soulignés --> 

			.habillage a:hover {background-color : #00B09D}<!-- couleur des liens survolés -->
		</style>
		
		<script type="text/javascript" src="menu.js">
		</script> <!-- appel du JS qui gère l'affichage des sous-menus -->
	</head>

	<body>

		<div class="menu-general" onmouseover="montre('sous-menu1');" onmouseout="cache('sous-menu1');">Présentation générale</div> <!-- idem menu sans habillage -->
		<ul id="sous-menu1" class="habillage" onmouseover="montre('sous-menu1');" onmouseout="cache('sous-menu1');"> <!-- idem menu sans habillage -->
		    <li><a href="info_intra_collaboratif.php">Qu'est ce qu'un intranet collaboratif ?</a></li> <!-- idem menu sans habillage -->
		    <li><a href="but_intra_collaboratif.php">But de l'intranet collaboratif ?</a></li> <!-- idem menu sans habillage -->
		    <li><a href="modules_intra.php">Les différents modules</a></li>
			<li><a href="http://bsi-demo.clients.smile.fr/silicones/site/bsi_intranet">Site intranet</a></li> <!-- idem menu sans habillage -->
		</ul>


		<div class="menu-general" onmouseover="montre('sous-menu2');" onmouseout="cache('sous-menu2');">Wiki</div> <!-- idem précédent -->
		<ul id="sous-menu2" class="habillage" onmouseover="montre('sous-menu2');" onmouseout="cache('sous-menu2');">
		    <li><a href="info_wiki.php">Qu'est ce qu'un Wiki ?</a></li>
		    <li><a href="utilisation_wiki.php">Comment s'en servir ?</a></li>
		    <li><a href="BluestarSiliconesWiki">lien</a></li>
		</ul>


		<div class="menu-general"onmouseover="montre('sous-menu3');" onmouseout="cache('sous-menu3');">Flux RSS</div> <!-- idem précédent -->
		<ul id="sous-menu3" class="habillage" onmouseover="montre('sous-menu3');" onmouseout="cache('sous-menu3');">
		    <li><a href="info_RSS.php">Qu'est ce que RSS ?</a></li>
		    <li><a href="info_flux.php">Qu'est ce qu'un flux RSS  ?</a></li>
		    <li><a href="flux_RSS.php">Les flux RSS</a></li>
			<li><a href="info_flux_RSS.php">Comment s'en servir ?</a></li>
			<li><a href="/site%20intra/RSS/test_agregateur_fonctionne.php">Page des flux RSS</a></li>
		</ul>

		<div class="menu-general"onmouseover="montre('sous-menu4');" onmouseout="cache('sous-menu4');">Widgets</div> <!-- idem précédent -->
		<ul id="sous-menu4" class="habillage" onmouseover="montre('sous-menu4');" onmouseout="cache('sous-menu4');">
		    <li><a href="info_widgets.php">Qu'est ce qu'un Widget ?</a></li>
		    <li><a href="widgets.php">Les Widgets</a></li>
		    <li><a href="utilisation_widget.php">Comment s'en servir ?</a></li>
		</ul>

		<div class="menu-general"onmouseover="montre('sous-menu5');" onmouseout="cache('sous-menu5');">Liens autres</div> <!-- idem précédent -->
		<ul id="sous-menu5" class="habillage" onmouseover="montre('sous-menu5');" onmouseout="cache('sous-menu5');">
		    <li><a href="https://eroom.bluestarsilicones.com/eRoomASP/CookieTest/eRoom/">eRoom</a></li>
		    <li><a href="http://scorp.avenance.fr/bluestar.rhodia/navig/loginForm.jsp">Repas postés</a></li>

		</ul>
		<div class="menu-general"onmouseover="montre('sous-menu6');" onmouseout="cache('sous-menu6');">divers</div> <!-- idem précédent -->
		<ul id="sous-menu6" class="habillage" onmouseover="montre('sous-menu6');" onmouseout="cache('sous-menu6');">
		    <li><a href="#">copyrights</a></li>
		    <li><a href="a_propos.php">a propos</a></li>
		</ul>
	</body>
</html>

merci d'avance pour votre aide

Elerien

A voir également:

Problème d'affichage site PHP
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Site inaccessible - Guide
Site pour vendre des objets d'occasion - Guide
Quel site remplace coco - Accueil - Réseaux sociaux

1 réponse

Réponse 1 / 1

Stazus Messages postés 95 Date d'inscription mardi 22 juillet 2008 Statut Membre Dernière intervention 4 août 2013 4
25 juil. 2008 à 13:35

En gros tu voudrais que la page s'affiche selon la configuration du visiteur?

Discussions similaires

Nouveau coco tchat ?

adele

[SUJET GROUPÉ] Le site COCO.GG est définitivement fermé.

C'est quoi le site qui remplace coco chat

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire