Bonjour à tous et à toutes.
Je suis entrain de coder mon site et je suis au niveau du design avec le css et j'ai des petits problèmes d'affichage. Voyez plutôt:
internet explorer 7 : http://traduc-age.leobaillard.org/perso/images/ie7-2.JPG
Firefox: http://traduc-age.leobaillard.org/perso/images/firefox1.JPG
Voir par vous meme les problèmes : http://traduc-age.leobaillard.org/test_site/news-skin/index-v5.php
Je ne parle pas d'ie 6 ou autre parce que c'est l'horreur.
Donc je fais appel à vous, les membres de ce site pour me venir en aide pour m'aider à corriger mes problèmes. J'ai lu tous les tutoriaux sur le html, css et php de m@teo et ceux des autres zeros mais je n'arrive pas à corriger mes erreurs.
Je joins les codes css et html+php de mes pages.
page index-v5.php:
Le code css:
Le code html de mon menu:
Donc j'ai cherché à arranger tous les problèmes d'affichage mais en vain.
J'aimerai que quelqu'un m'aide pour corriger le bug d'affichage pour firefox (voir screen), que le corps (partie droite) s'allonge automatiquement lorsque le texte dépasse la taille du corps.
Merci d'avance et bonne continuation à vous.
Modifié par Age (03 Jul 2007 - 18:54)
Je suis entrain de coder mon site et je suis au niveau du design avec le css et j'ai des petits problèmes d'affichage. Voyez plutôt:
internet explorer 7 : http://traduc-age.leobaillard.org/perso/images/ie7-2.JPG
Firefox: http://traduc-age.leobaillard.org/perso/images/firefox1.JPG
Voir par vous meme les problèmes : http://traduc-age.leobaillard.org/test_site/news-skin/index-v5.php
Je ne parle pas d'ie 6 ou autre parce que c'est l'horreur.
Donc je fais appel à vous, les membres de ce site pour me venir en aide pour m'aider à corriger mes problèmes. J'ai lu tous les tutoriaux sur le html, css et php de m@teo et ceux des autres zeros mais je n'arrive pas à corriger mes erreurs.
Je joins les codes css et html+php de mes pages.
page index-v5.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Skin vert-bleu-gris" href="skin-v5.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Traduc-Age -- Accueil</title>
<style type="text/css">
<!--
.Style3 {
font-size: 100px;
font-weight: bold;
font-style: italic;
color: #009900;
font-family: Georgia, "Times New Roman", Times, serif, "Arial Narrow", "Arial Black", Arial, "Bookman Old Style", Sylfaen;
}
.Style10 {font-size: 20px; }
-->
</style>
</head>
<body>
<div id="banniere" align="center">
</div>
<div id="barre" align="center">
<?php
include('../include/barre_mp_pseudo.php');
?>
</div>
<div id="menu">
<?php
if(!empty($_SESSION['pseudo']))
{
$pseudo = $_SESSION['pseudo'];
include('menu_2_texte_membre.php');
}
else
{
include('menu_2_texte.html');
}
?>
</div>
<div id="corps" align="center">
<p>Les news de Traduc-Age</p>
<?php
include('../include/fonc.inc.php');
include('../include/conect.inc.php');
//Connection a la base de donnée
$base = mysql_connect ($serveur_mysql, $login_mysql, $pass_mysql);
mysql_select_db ('traduc-age', $base);
//Partie 1 pagination
if( isset($_GET['page']) && is_numeric($_GET['page']))
{
$page = $_GET['page'];
}
else
{
$page = 1;
}
/* Nombre d'info par page */
$pagination = 5;
/* Numéro du 1er enregistrement à lire */
$limit_start = ($page - 1) * $pagination;
/* Préparation de la requête */
$sql = "SELECT * FROM news LIMIT $limit_start, $pagination";
// Fin partie 1 de la pagination
$reponse = mysql_query($sql) or die(mysql_error());
echo '<p><table width="430" border="1"></p>';
while ($donnees = mysql_fetch_array($reponse) )
{
?>
</p>
</p>
<tr>
<td width="90"><div align="center"><strong><?php echo $donnees['nom']; ?></strong></div></td>
</tr>
<tr>
<td><div align="left"><?php echo $donnees['news']; ?></div></td>
</tr>
<div align="center">
<?php
}
/* Nb d'enregistrement total */
$nb_total = mysql_query('SELECT COUNT(*) AS nb_total FROM news');
$nb_total = mysql_fetch_array($nb_total);
$nb_total = $nb_total['nb_total'];
/* Pagination */
$nb_pages = ceil($nb_total / $pagination);
echo '[ Page :';
/* Boucle sur les pages */
for ($i = 1 ; $i <= $nb_pages ; $i++) {
if ($i == $page )
echo " $i";
else
echo " <a href=\"?page=$i\">$i</a> ";
}
echo ' ]';
?>
</div>
<p>
<?php
mysql_close(); // Déconnexion de MySQL
?>
</table>
<?php
echo '[ Page :';
/* Boucle sur les pages */
for ($i = 1 ; $i <= $nb_pages ; $i++) {
if ($i == $page )
echo " $i";
else
echo " <a href=\"?page=$i\">$i</a> ";
}
echo ' ]';
?>
</p>
<p>a</p>
<p>aa</p>
<p>a</p>
<p>aaa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>a</p>
<p>a</p>
<p>aa</p>
<p>aaa </p>
<p>a</p>
<p>aa</p>
<p>aaa</p>
<p> </p>
<p>aa</p>
<p> </p>
<p>aa</p>
<p>a</p>
<p>a</p>
</div>
<div id="pied">
<?php
include('menu_3_texte.html');
?>
</div>
</body>
</html>Le code css:
body
{
width: 900px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour ?viter de coller avec le haut de la fen?tre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
background-color:#999999;
}
#banniere /* Banni?re */
{
width:900px; /* Largeur de la banni?re */
height:200px; /* Longueur de la banniere */
background:url(v5/banniere.jpg); /* Affichage de l'image */
}
#barre /* Barre */
{
width:900px; /* Largeur de la banni?re */
height:28px; /* Longueur de la banniere */
background:url(v5/barre.jpg); /* Affichage de la banniere */
}
#menu /* Barre */
{
width:200px; /* Largeur de la barre */
height:372px; /* Longueur de la barre */
background:url(v5/menu.jpg) repeat-y; /* Affichage de la barre */
position:relative;
float:left;
text-align:center;
}
#menu_1
{
margin-top:70px;
}
#menu_2
{
margin-top:17px;
}
#menu_3
{
margin-top:18px;
}
#menu_4
{
margin-top:18px;
}
#menu_5
{
margin-top:20px;
}
#menu_6
{
margin-top:18px;
}
#menu_7
{
margin-top:19px;
}
#corps /* Barre */
{
width:700px; /* Largeur de la banni?re */
height:372px; /* Longueur de la banniere */
background:url(v5/corps.jpg) repeat-y; /* Affichage de l'image */
margin-left:200px;
}
#pied
{
width: 900px;
height: 28px;
background:url(v5/pied.jpg);
}
a:link
{color: #000000; }
a:visited
{ color: #FFFFFF; }
a:hover
{ color: #666666; }
a:active
{ color: #CCCCCC; }
.Style6 {
color: #FFFFFF;
font-weight: bold;
}
.Style4{font-size:20px;}Le code html de mon menu:
<p> </p><div id="menu_1" > <a title= "Aller à la page d'accueil" href="#">Accueil</a> </div> <p></p>
<p> </p><div id="menu_2" > <a title= "S'inscrire sur le site" href= "#" >Inscription</a> </div> <p></p>
<p> </p><div id="menu_3" > <a title= "Se connecter" href="#">Connexion</a> </div> <p></p>
<p> </p><div id="menu_4" > <a href= "#" >Téléchargements</a> </div> <p></p>
<p> </p><div id="menu_5" > <a href= "#" >Forum</a> </div> <p></p>
<p> </p><div id="menu_6" > <a title= "test" href="#" >Livre d'or</a> </div> <p></p>
<p> </p><div id="menu_7" > <a title= "Contacter le webmaster" href="#" >Contact</a> </div> <p></p>
Donc j'ai cherché à arranger tous les problèmes d'affichage mais en vain.
J'aimerai que quelqu'un m'aide pour corriger le bug d'affichage pour firefox (voir screen), que le corps (partie droite) s'allonge automatiquement lorsque le texte dépasse la taille du corps.
Merci d'avance et bonne continuation à vous.
Modifié par Age (03 Jul 2007 - 18:54)
)
, car 
