28173 sujets

CSS et mise en forme, CSS3

Salut à tous, je suis nouveau sur ce Forum, apres avoir suivi un peu partout les technique du CSS, je me suis mis à coder mon site-web ( en raport avec counter strike).
J'ai alors un gros couis, c'est que apres pas mal d'heures de boulot, mon travail sembler tres bien partit jusqu'au moment ou j'ai voulu regarder avec Firefox, et là, des gros décalage de textes, d'images et de boites aparraisent alors que sous IE, tous semble impécable. De là, j'ai chercher ... mais sans réponse au bout de pas mal d'heures d'essaie.
Si quelqu'un peut m'aider :
Mon site en cours de codage :
-http://www.5degres.com/V2/ (impecable sous IE, mais pas du tout sous Firefox)
CSS :
body { background-color: #ffffff; color: #5d665b; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; }
br {line-height:4px;}
#smenu1, #smenu2, #smenu3, #smenu4 {
 font-size: 11px; width: 400px; top: 316px; left: 20px; width: 729px; height: 27px; text-align:center; font-weight: bold; position : absolute; color: #E6E6E6;
}
#menu {
position : absolute;
left: 136px;
top: 288px;
}
.centrage
{
	position: absolute;
	width:960px;
 	left: 50%;
	margin-top: -15px;
	margin-left: -480px;
}



/*  [ DEBUT] Les LIENS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	a img { border: 0; }
	a:link { color: #404040; text-decoration: none; background-color: transparent }
	a:visited { color: #404040; text-decoration: none; background-color: transparent }
	a:hover { color: #404040; text-decoration: underline; background-color: transparent }
	a:active { color: #404040; text-decoration: underline; background-color: transparent }
	a.block2:link { color: #404040; text-decoration: none; background-color: transparent }
	a.block2:visited { color: #404040; text-decoration: none; background-color: transparent }
	a.block2:hover { color: #404040; text-decoration: none; background-color: transparent }
	a.block2:active { color: #404040; text-decoration: none; background-color: transparent }
	a.menu:link { color: #E6E6E6; text-decoration: none; background-color: transparent }
	a.menu:visited { color: #E6E6E6; text-decoration: none; background-color: transparent }
	a.menu:hover { color: #E6E6E6; text-decoration: underline; background-color: transparent }
	a.menu:active { color: #E6E6E6; text-decoration: underline; background-color: transparent }
/*  [ FIN ] Les LIENS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*  [ DEBUT] Les BOITES --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.welcome { color: #000000; background-color: #FDA424; padding: 0px 0px 0px 0px; margin-left: 0px; position: absolute; top: 0px; left: 0px; width: 960px; height: 25px; }
div.header { color: #000000; background: url(images/header.jpg) no-repeat; padding: 0px 0px 0px 0px; margin-left: 12px; margin-top: 12px; position: absolute; top: 25px; left: 0px; width: 746px; height: 341px;}
div.boite_central { color: #000000; background-color: #F3F3F3; margin-left: 12px; position: absolute; top: 390px; left: 0px; width: 417px; }
div.boite_interm { color: #000000; background-color: #ffffff; padding: 0px 0px 0px 0px; margin-left: 12px; position: absolute; top: 390px; left: 431px; width: 315px; }
div.boite_droite{ color: #000000; background-color: #ffffff; padding: 0px 0px 0px 0px; margin-left: 12px; position: absolute; margin-top: 12px; top: 25px; left: 759px; width: 189px; }
/*  [ FIN] Les BOITES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*  [ DEBUT] Les IMAGES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.sub_main_block1 { width:417px; height:19px; background: url(images/sub_main_block1.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block2 { width:315px; height:19px; background: url(images/sub_main_block2.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block3 { width:175px; height:18px; background: url(images/sub_main_block3.jpg) no-repeat; margin:0px 0px 0px 0px; display:block;}
div.sub_main_block3bis { width:175px; height:20px; background: url(images/sub_main_block3bis.jpg) no-repeat; margin:9px 0px 0px 0px; display:block;}
div.sub_main_block3ter { width:175px; height:20px; background: url(images/sub_main_block3ter.jpg) no-repeat; margin:9px 0px 0px 0px; display:block;}
div.sub_main_back1 { width:417px; height:90px; background: url(images/sub_main_back1.jpg) no-repeat; margin:0px 0px 0px 0px; display:block; }
div.sub_main_back2 { width:315px; height:40px; background: url(images/sub_main_back2.jpg) no-repeat; margin:5px 0px 15px 0px; display:block; }
div.sub_main_back3bis { width:175px; height:10px; background: url(images/sub_main_back3bis.jpg) no-repeat; margin:0px 0px 0px 0px; display:block; }
div.menu_1 { width:315px; height:40px; margin:5px 0px 15px 0px; display:block; top: 50px; left: 50px; }
#miniature { margin:4px 5px 0px 2px; width:36px; height:16px; float: left;}
#content_mainnews { margin:0px 0px 10px 10px; width:390px; height:100px;}
/*  [ FIN] Les IMAGES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/*  [ DEBUT] Les TEXTES --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_categorie { color:#606060; font-size:11px; font-weight: bold; padding: 0px 0px 0px 15px;}
.content_titre { color:#000000; font-size:15px; font-weight: bold; padding: 0px 0px 0px 15px; }
.content_contenue { color:#000000; font-size:11px; padding: 0px 0px 0px 15px; }
.content_moreview { color:#000000; font-size:11px; padding: 0px 15px 0px 15px; text-align:right;}
.titre_blocks { color:#ffffff; font-size:11px; padding: 2px 0px 0px 48px; }
.titre_back { color:#404040; font-size:10px; padding: 5px 0px 0px 20px; }
.titre_news_blocks { color:#404040; font-size:11px; padding: 6px 0px 0px 0px; float: left;}
.nb_comment { color:#404040; font-size:11px; padding: 7px 2px 0px 0px; text-align:right;}
/*  [ FIN] Les TEXTES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

Index.php :
<?php
/** m4g` Apple **/

include ("fonctions.php");
include ("conf.inc.php");

session_start();
include ("stat.php");
include ("accesBDDfast.php");

?>
<html>
<head>
<title>5 degres -  www.5degres.com  - #5°</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='inline';}
}
//-->
</script>
</head>
<body>

<div class="centrage">
<div class="welcome"></div>

<!-- BLOCK HEADER/MENU -->
<div class="header">
	<div id="menu">
		<span onmouseover="montre('smenu1');"><a href="index.php?#"><img src="images/menu1.jpg"></a>&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span onmouseover="montre('smenu2');"><a href="index.php?#"><img src="images/menu2.jpg"></a>&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span onmouseover="montre('smenu3');"><a href="index.php?#"><img src="images/menu3.jpg"></a>&nbsp;&nbsp;&nbsp;&nbsp;</span>
		<span onmouseover="montre('smenu4');"><a href="index.php?#"><img src="images/menu4.jpg"></a>&nbsp;&nbsp;&nbsp;&nbsp;</span>
		
	</div>
<!-- Menu n°1 --><div id="smenu1">
			<a href="index.php?#" class="menu">Accueil</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">5° News</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Esport News</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Inscription</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Membres</a>
		</div>
<!-- Menu n°2 --><div id="smenu2">
			<a href="index.php?#" class="menu">Joueurs</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Résultats</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Awards</a>
		</div>
<!-- Menu n°3--><div id="smenu3">
			<a href="index.php?#" class="menu">Forum</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Contact</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Historique</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Sponsors</a>
		</div>
<!-- Menu n°4 --><div id="smenu4">
			<a href="index.php?#" class="menu">Vidéos</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Photos</a>&nbsp;&nbsp;-&nbsp;
			<a href="index.php?#" class="menu">Nos Créations</a>
		</div>
</div>
<!-- FIN-BLOCK HEADER/MENU -->
<!-- BLOCK PRINCIPAL -->
<div class="boite_central">
	<div class="sub_main_block1">
		<div class="titre_blocks">NEWS RECENTES</div>
		<!-- n°1 --><table border=0 width=100%><tr>
			  <td><br><br><br><div class="content_categorie"><?php echo $cat_n21 ." / ". $datte_n21; ?></div></td></tr><tr>
			  <td><div class="content_titre"><?php echo$titre_n21 ?></div></td></tr><tr>
			  <td><img id="content_mainnews" src="images/bann/<?php echo $bann_n21; ?>.jpg"></td></tr><tr>
			  <td><div class="content_contenue"><?php echo $content1_n21 ?></div></td></tr><tr>
			  <td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n21 ?>">Voir plus [<?php echo $nbreact21; ?>]</a></div></td>
			  </tr></table>
		<hr size=1 width=92%>
		<!-- n°2 --><table border=0 width=100%><tr>
			  <td><br><br><br><div class="content_categorie"><?php echo $cat_n22 ." / ". $datte_n22; ?></div></td></tr><tr>
			  <td><div class="content_titre"><?php echo$titre_n22 ?></div></td></tr><tr>
			  <td><img id="content_mainnews" src="images/bann/<?php echo $bann_n22; ?>.jpg"></td></tr><tr>
			  <td><div class="content_contenue"><?php echo $content1_n22 ?></div></td></tr><tr>
			  <td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n22 ?>">Voir plus [<?php echo $nbreact22; ?>]</a></div></td>
			  </tr></table>
		<hr size=1 width=92%>
		<!-- n°3 --><table border=0 width=100%><tr>
			  <td><br><br><br><div class="content_categorie"><?php echo $cat_n33 ." / ". $datte_n33; ?></div></td></tr><tr>
			  <td><div class="content_titre"><?php echo$titre_n33 ?></div></td></tr><tr>
			  <td><img id="content_mainnews" src="images/bann/<?php echo $bann_n33; ?>.jpg"></td></tr><tr>
			  <td><div class="content_contenue"><?php echo $content1_n33 ?></div></td></tr><tr>
			  <td><div class="content_moreview"><a href="index.php?b=news&id=<?php echo $num_n33 ?>">Voir plus [<?php echo $nbreact33; ?>]</a></div></td>
			  </tr></table>	
	</div>
	<div class="sub_main_back1"></div>
</div>
<!-- FIN-BLOCK PRINCIPAL -->
<!-- BLOCK INTERMEDIAIRE -->
<div class="boite_interm">
	<!-- BLOCK 5° NEWS -->
	<div class="sub_main_block2">
		<div class="titre_blocks">5° NEWS</div><br>		
		<!-- n°1 --><img id="miniature" src="images/miniature/$drapeau_n6.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n6."\">".$titre_n6; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact6"; ?>]</div>
		<!-- n°2 --><img id="miniature" src="images/miniature/$drapeau_n5.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n5."\">".$titre_n5; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact5"; ?>]</div>
		<!-- n°3 --><img id="miniature" src="images/miniature/$drapeau_n4.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n4."\">".$titre_n4; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact4"; ?>]</div>
		<!-- n°4--><img id="miniature" src="images/miniature/$drapeau_n3.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n3."\">".$titre_n3; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact3"; ?>]</div>
		<!-- n°5 --><img id="miniature" src="images/miniature/$drapeau_n2.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n2."\">".$titre_n2; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact2"; ?>]</div>
		<!-- n°6 --><img id="miniature" src="images/miniature/$drapeau_n1.jpg">
			  <div class="titre_news_blocks"><?php echo "<a class=\"block2\" href=\"index.php?b=news&id=".$num_n1."\">".$titre_n1; ?></a></div>
			  <div class="nb_comment">[<?php echo "$nbreact1"; ?>]</div>
	</div>
	<div class="sub_main_back2">
		<div class="titre_back"><a href="">Plus sur les 5° News</a></div>
	</div>
	<!-- FIN-BLOCK 5° NEWS -->
	<!-- BLOCK ESPORT NEWS -->
	<div class="sub_main_block2">
		<div class="titre_blocks">ESPORT NEWS</div><br>	
		<!-- n°1 --><img id="miniature" src="images/miniature/cs1.6.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°2 --><img id="miniature" src="images/miniature/wcg.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°3 --><img id="miniature" src="images/miniature/cs1.6girl.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°4--><img id="miniature" src="images/miniature/cs1.6.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°5 --><img id="miniature" src="images/miniature/cs1.6.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°6 --><img id="miniature" src="images/miniature/cs1.6.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
	</div>
	<div class="sub_main_back2">
		<div class="titre_back"><a href="">Plus sur l'Esport News</a></div>
	</div>
	<!-- FIN-BLOCK 5° NEWS -->
	<!-- BLOCK RESULTAT NEWS -->
	<div class="sub_main_block2">
		<div class="titre_blocks">RESULTATS</div><br>	
		<!-- n°1 --><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_6; ?>" class="block2">
				<?php if  ($score_6 > $score2_6)
					{?> &nbsp;<font color="green"><?php echo $eq_6; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_6;?></font></a></div><?php } ?>
				<?php if  ($score_6 < $score2_6)
					{?> &nbsp;<font color="red"><?php echo $eq_6; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_6;?></font></a></div><?php } ?>
				<?php if  ($score_6 == $score2_6)
					{?> &nbsp;<font color="blue"><?php echo $eq_6; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_6;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_6; ?><?php echo ":".$score2_6; ?></div>
	<!-- n°2--><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_5; ?>" class="block2">
				<?php if  ($score_5 > $score2_5)
					{?> &nbsp;<font color="green"><?php echo $eq_5; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_5;?></font></a></div><?php } ?>
				<?php if  ($score_5 < $score2_5)
					{?> &nbsp;<font color="red"><?php echo $eq_5; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_5;?></font></a></div><?php } ?>
				<?php if  ($score_5 == $score2_5)
					{?> &nbsp;<font color="blue"><?php echo $eq_5; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_5;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_5; ?><?php echo ":".$score2_5; ?></div>
	<!-- n°3 --><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_4; ?>" class="block2">
				<?php if  ($score_4 > $score2_4)
					{?> &nbsp;<font color="green"><?php echo $eq_4; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_4;?></font></a></div><?php } ?>
				<?php if  ($score_4 < $score2_4)
					{?> &nbsp;<font color="red"><?php echo $eq_4; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_4;?></font></a></div><?php } ?>
				<?php if  ($score_4 == $score2_4)
					{?> &nbsp;<font color="blue"><?php echo $eq_4; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_4;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_4; ?><?php echo ":".$score2_4; ?></div>
		<!-- n°4--><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_3; ?>" class="block2">
				<?php if  ($score_3 > $score2_3)
					{?> &nbsp;<font color="green"><?php echo $eq_3; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_3;?></font></a></div><?php } ?>
				<?php if  ($score_3 < $score2_3)
					{?> &nbsp;<font color="red"><?php echo $eq_3; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_3;?></font></a></div><?php } ?>
				<?php if  ($score_3 == $score2_3)
					{?> &nbsp;<font color="blue"><?php echo $eq_3; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_3;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_3; ?><?php echo ":".$score2_3; ?></div>
		<!-- n°5--><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_2; ?>" class="block2">
				<?php if  ($score_2 > $score2_2)
					{?> &nbsp;<font color="green"><?php echo $eq_2; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_2;?></font></a></div><?php } ?>
				<?php if  ($score_2 < $score2_2)
					{?> &nbsp;<font color="red"><?php echo $eq_2; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_2;?></font></a></div><?php } ?>
				<?php if  ($score_2 == $score2_2)
					{?> &nbsp;<font color="blue"><?php echo $eq_2; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_2;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_2; ?><?php echo ":".$score2_2; ?></div>
		<!-- n°6--><img id="miniature" src="images/miniature/5degres.jpg">
			  <div class="titre_news_blocks"><a href="index.php?b=result&n=<?php echo $num_1; ?>" class="block2">
				<?php if  ($score_1 > $score2_1)
					{?> &nbsp;<font color="green"><?php echo $eq_1; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="red"><?php echo $eq2_1;?></font></a></div><?php } ?>
				<?php if  ($score_1 < $score2_1)
					{?> &nbsp;<font color="red"><?php echo $eq_1; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="green"><?php echo $eq2_1;?></font></a></div><?php } ?>
				<?php if  ($score_1 == $score2_1)
					{?> &nbsp;<font color="blue"><?php echo $eq_1; ?>&nbsp;&nbsp;</font> <b>Vs</b> &nbsp;&nbsp;<font color="blue"><?php echo $eq2_1;?></font></a></div><?php } ?>
			  <div class="nb_comment"><?php echo $score_1; ?><?php echo ":".$score2_1; ?></div>
	</div>
	<div class="sub_main_back2">
		<div class="titre_back"><a href="">Plus sur les Résultats</a></div>
	</div>
	<!-- FIN-BLOCK 5° NEWS -->
	<!-- BLOCK TOP MEDIA -->
	<div class="sub_main_block2">
		<div class="titre_blocks">TOP MEDIAS</div><br>	
		<!-- n°1 --><img id="miniature" src="images/miniature/wallpaper.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°2 --><img id="miniature" src="images/miniature/record.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°3 --><img id="miniature" src="images/miniature/wallpaper.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
		<!-- n°4--><img id="miniature" src="images/miniature/video.jpg">
			  <div class="titre_news_blocks"><a href="" class="block2">"knox" débarque chez nous !</a></div>
			  <div class="nb_comment">[24]</div>
	</div>
	<div class="sub_main_back2">
		<div class="titre_back"><a href="">Plus sur les Medias</a></div>
	</div>
	<!-- FIN-BLOCK TOP MEDIA -->
	
</div>
<!-- FIN-BLOCK INTERMEDIAIRE -->
<div class="boite_droite">
	<div class="sub_main_block3">
		<div class="titre_blocks">MEMBRE</div><br>
		<?php include ('blocklogin.php') ?>	
	</div>
	<div class="sub_main_block3bis">
		<div class="titre_blocks">VIDEO PLAYER</div><br>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	</div>
	<div class="sub_main_block3bis">
		<div class="titre_blocks">PARTENAIRES</div><br>
			<img src="images/sponsor/npserv.jpg">
			<img src="images/sponsor/allobnc.jpg">
	</div>
	
</div>

</div>
</div>
</body>
</html>

Modifié par m4g59 (07 Oct 2007 - 17:32)
Salut,

Ton URL ne fonctionne malheureusement pas, tu l'as rédigée sans tenir compte des explications données dans l'Aide du forum et dans la FAQ Smiley ohwell

Je te suggère vivement d'éditer ton message afin de corriger ce problème. car vu la densité du code, j'ai bien peur que personne ne prenne la peine de se pencher sur ta question. Smiley cligne
J'ai refait le liens, et j'ai consulter les 3 articles a lire absolument avant de poster, mon code est long, mais ne sachant pas ou se situe mon probleme, je voit pas comment faire autrement
Administrateur
m4g59 a écrit :
UTILS LE FORUM Smiley ohwell //

Hello,

Inutile de "crier". N'oublie pas que tous les membres ici ne sont que des bénévoles. Personne n'est payé pour répondre, il faut donc parfois être patient jusqu'à ce que la bonne personne vienne t'aider.

Peut-être aussi qu'il y'a d'autres raisons à cette "non assistance" :
- le problème n'est pas assez bien expliqué ?
- le titre n'est pas explicite ?
- tu ne donnes pas assez d'informations ?
- etc.

Bonne chance Smiley cligne

PS : au fait, j'ai pu remarquer que statistiquement, c'est généralement les membres les plus pressés, énervés et abrupts qui sont... les derniers à être dépannés.

PS2 : je suppose que tu as bien lu le sujet placé en annonce de ce salon : A lire avant de poster dans ce salon (Méthodologie) ! et suivi scrupuleusement la Méthodologie proposée pour identifier ton problème ?
Si oui, tu devrais pouvoir nous en dire plus.
Modifié par Raphael (09 Oct 2007 - 08:26)
Bonjour,

Je crois que pour régler ces problèmes il va y avoir un certain nombre de choses à reprendre. Notamment:

1. La validité du code HTML. Le validateur du W3C me donne une soixantaine d'erreurs. Par ailleurs, tu n'as pas de Doctype, ce qui fait passer ta page en mode Quirks. Et développer une page en mode Quirks, c'est pour ainsi dire suicidaire. Smiley cligne

Notions à explorer (petite recherche google ou autre...):
- mode Quirks et mode Standard;
- Doctype, DTD.

2. La méthodologie de développement. Développer un site complet ou un gabarit de page complet en ne prenant comme référent qu'un unique navigateur, qui plus est le plus bugué de tous, ça n'est pas très efficace.

On conseille généralement de travailler avec un navigateur respectant plus ou moins correctement les standards du web. Par exemple: Firefox, Opera ou Safari. Développer un site avec Internet Explorer comme référent signifie que l'on va probablement se reposer sur des comportements non standard de ce navigateur, comportements que l'on ne pourra pas reproduire sur les autres navigateurs. À L'inverse, obtenir un comportement standard de la part d'IE n'est pas toujours évident, mais c'est possible.

Bonne continuation.
Ok ok, je vais prendre le temps de suivre vos conceils, et c'est vrai que je suis précés et peu patient, mais je suis pas mechant promit Smiley cligne
Je vais donc regarder comme vous me lavez conceillez, et en ce qui concerne mon codage, vous pouvez voir que ce n'est pas mon métier ! Moi je connais juste les bases html et php etant donné que plus jeune j'ai fait des études de programmation. Mais aujourd'hui, je suis plaquiste dans le batiment donc DURDUR les site webs Smiley lol
Ben tu plaques des plaques de placo sur des murs... En Developpement Web tu plaques des plaques de code sur un bloc-note ! Smiley lol

Non franchement un truc important a faire quand on a un probleme dans un fichier tres long et qu'on ne sait pas d'ou ca vient c'est d'utiliser le W3C Validator !

Par exemple mon design en beta... Je fais un W3C Validator et il me sort 56 erreures :
http://validator.w3.org/check?uri=http%3A%2F%2Fcybercore.free.fr%2Findex.htm&charset=%28detect+automatically%29&doctype=Inline&group=0

L'avantage de ce 'debuger' c'est qu'il te dit ou ca cloche.

Ensuite vies la recherche personnelle des normes dans le langages utilites pour corrige tout cela (generallement ce sont de petits problemes vite fait).

Puis une fois que tu bute sur un bout de code eh bien tu le poste en etant aimable courtois et sympathique ! Smiley smile Ca incitera les membres a t'aider. Ou alors tu peux aussi dire que le premier qui reponds gagner 25 $ ! Smiley cligne

Bonne chance pour ton probleme, je debute aussi.