Probléme d'alignement

par **ayiore** » 27 déc. 2005, 12:14

il n'y a pas de quoi

par **cicom** » 27 déc. 2005, 12:10

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

par **zeus** » 27 déc. 2005, 11:17

Modération : je déplace ton sujet dans le forum "HTML & CSS" où il aura surement plus de réponses

par **ayiore** » 27 déc. 2005, 11:16

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>

par **cicom** » 26 déc. 2005, 20:35

oué ba vous avez pas des tutos sur les div, l'absolute, float et display? parceque pour moi ces attribus du html sont complètements inconus (quoi que je connais en partie la div) et je pense que c'est la même pour nono...

par **jeff** » 26 déc. 2005, 20:29

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

par **cicom** » 26 déc. 2005, 20:27

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

par **nono92** » 26 déc. 2005, 20:25

J'y arrive pas dutout
@+
NoNo

par **ayiore** » 26 déc. 2005, 20:11

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

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

et après je positionnerais mes differents blocs avec ma css

par **nono92** » 26 déc. 2005, 19:38

comment doije faire alors ?
@+
NoNo

par **ayiore** » 26 déc. 2005, 19:23

pourquoi utilises tu un position absolute?
je crois que ton problème viens de là!

par **nono92** » 26 déc. 2005, 19:17

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

Probléme d'alignement

Répondre

Étendre la vue Revue du sujet : Probléme d'alignement

Probléme d'alignement