Bonjour,
Regarder mon site ici :
http://pcflash.free.fr/mpi
Dés que on reduit la fenetre sa bug
Et dés que on est pas en 1024*768 aussi
Avez vous une solution ?
@+
NoNo
la communauté d'entraide francophone dédiée au PHP
Probléme d'alignement
je débute également mais je vais tenter de t'aider ....
tout d'abord à ta place j'abandonnerais la strucure par tableau pour une structure xhtml + css
tu fais ta mise en page avec ta css et la fonction include
tout d'abord à ta place j'abandonnerais la strucure par tableau pour une structure xhtml + css
tu fais ta mise en page avec ta css et la fonction include
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="styles.css" rel="stylesheet" title="styles" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<title>.::agua viva::.</title>
</head>
<body>
<div class="conteneur">
<div id="header" >
<?php
include('header.php');
?>
</div>
<div id="gauche" >
<?php
include('gauche.php');
?>
</div>
<div id="centre" >
<?php
$pageOK = array('accueil' => 'accueil.php',
'tes autres pages centrales' => 'accueil2',
etc...
);
if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])))
{include($pageOK[$_GET['page']]);}
else
{include('accueil.php');}
?>
</div>
<div id="pied">
<?php
include('pied.php');
?>
</div>
</div>
</body>
</html>
mais si on veut des pourcentages pour la page on fait comment sans tableau? t'as pas un bon tuto pour ça?
PS je m'incruste parce qu'on a le même problème regardez plutot http://www.get-surf.com/test1.php mais je veux pas utiliser la zone de texte déjà définie (qui marche très bien) parce qu'avec un include c'est impossible (en fait je met le design dans skin.php qui j'inclut de toutes mes pages alors il faut que la zone de texte soit ouverte en dernière d'où le problème...)
PS je m'incruste parce qu'on a le même problème regardez plutot http://www.get-surf.com/test1.php mais je veux pas utiliser la zone de texte déjà définie (qui marche très bien) parce qu'avec un include c'est impossible (en fait je met le design dans skin.php qui j'inclut de toutes mes pages alors il faut que la zone de texte soit ouverte en dernière d'où le problème...)
A+ et bon surf!!!!
salut
ton probleme ne vient pas de php, mais de ton utilistation du css
comme te la dit ayiore cela vient de tes positions absolute
il faut que tu repense ta page avec des posion dans le flux normal et si ne fonctionne pas on avise en general avec du float ou du display
demande a un modo de deplace ton sujet dans le salon HTML
ton probleme ne vient pas de php, mais de ton utilistation du css
comme te la dit ayiore cela vient de tes positions absolute
il faut que tu repense ta page avec des posion dans le flux normal et si ne fonctionne pas on avise en general avec du float ou du display
demande a un modo de deplace ton sujet dans le salon HTML
voilà regarde si ça te convient il y a surement quelques ajustement à faire car je l'ai fait en aveugle sans tes images mais il faut vraiment que tu te plonges dans les css car c'est un outil très puissant! moi aussi je débute et plus ça va plus je m'en rends compte!
Code : Tout sélectionner
<html>
<head>
<title>mpi 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #FFFFFF;
}
h1 {
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-align: center;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
a {
font-weight: bold;
}
.conteneur {
width: 790px;
position: absolute;
left: 50%;
margin-left: -390px;
background-color:#FFFFFF;
}
#Layer1 {
position:relative;
width: 790px;
height: 160px;
z-index:1;
background-image:url(images/mpi-1_01.gif);
}
#Layer2 {
width:202px;
height:591px;
z-index:2;
float:left;
background-image:url(images/mpi-1_02.gif);
}
#Layer3 {
width:588px;
height:591px;
z-index:3;
left: 202px;
background-image:url(images/mpi-1_03.gif);
display:inline;
}
#Layer4 {
width:790px;
height:46px;
z-index:4;
background-image:url(images/mpi-1_05.gif);
clear:both;
}
#espace {
text-align:left;
position: relative;
margin-left: 600px;
}
-->
</style>
</head>
<body>
<div class="conteneur">
<div id="Layer1"><br>
<div id="espace"><img src="ico.gif" width="15" height="12" hspace="4"><a href="/mpi/admin/">Espace d'administration</a></div>
<div id="espace"><img src="ico.gif" width="15" height="12" hspace="4"><a href="/mpi/espcli/">Espace clients</a></div>
</div>
<div id="Layer2">
<br><br><a href="index.html"><object type="application/x-shockwave-flash" data="button1.swf" width="100" height="23"><param name="movie" value="button1.swf" /></object></a><br>
<a href="bonnaff.html"><object type="application/x-shockwave-flash" data="button2.swf" width="100" height="23"><param name="movie" value="button2.swf" /></object></a>
<p><a href="blabla.html">Blabla</a></p>
<p><a href="blabla.html">Blabla</a></p>
<p><a href="blabla.html">Blabla</a></p>
<p><a href="blabla.html">Blabla</a></p>
<a href="contact.html"><object type="application/x-shockwave-flash" data="button3.swf" width="100" height="23"><param name="movie" value="button3.swf" /></object></a>
</div>
<div id="Layer3">
<br><br><h1>La meilleure affaire du mois</h1>
</div>
<div id="Layer4">
</div>
</div>
</body>
</html>
Modération : je déplace ton sujet dans le forum "HTML & CSS" où il aura surement plus de réponses
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter
twitter - site perso - Github - Zend Certified Engineer
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter
twitter - site perso - Github - Zend Certified Engineer
merci zeus, oué je me rend compte qui CSS est très puissant (j'ai appris hier soir à 22h...) et...que IE c'est de la grosse m***e il est pas à jour depuis 99 alors maintenant je trouve un peu normal que mon design comporte une erreur sous FF et des dizaines sous IE, regardez plutot http://www.get-surf.com sous IE et sous FF vous allez très vite comprendre...
J'ai eu une nouvelle idée je vais refaire mon design moi même maintenant que je connais CSS en l'adaptant à ma méthode d'include...
J'ai eu une nouvelle idée je vais refaire mon design moi même maintenant que je connais CSS en l'adaptant à ma méthode d'include...
A+ et bon surf!!!!
