21-06-2009, 12:10 PM
Citation :si tu veux 3 colonnes en 100% (hauteur),largeur fixe;
Oui :ninga:
Citation :p.s.
donne le code complet (pour du xhtml simplement la page en ligne c'est l'idéal). Parce que selon les navigateurs y a de gentilles et subtiles différences selon le mode xhtml (si tu mets ou pas la déclaration xml). On gagne rien à avoir que le bout dans le body.
Elle est pas en ligne, je te la met ici:
<!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" xml:lang="fr" lang="fr">
<head>
<title>..::La Vallée des larmes::..</title>
<meta name="description" content="La Vallée des Larmes, MMORPG gratuit ::Version LOKI:: Jeu par navigateur" />
<meta name="keywords" content="Vallée, vallee, larmes, irae, mmorpg, MMORPG, navigateur, MMWBRPG, mmwbrpg, jeu, role, rôle, jeu de role, jeu de rôle, online, Larmes, larme, Irae, gratuit, jeu gratuit, JdR, pbem, jpem, monstre, trésor, sortilège, sort, armure, arme, aventure, simulation, asynchrone" />
<meta name="robots" content="index" />
<meta name="REVISIT-AFTER" content="7 days" />
<meta name="author" content="Phenix" />
<meta name="Copyright" content="Phenix" />
<meta name="Publisher" content="Phenix" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="Content-Language" content="fr" />
<link href="valme/design/vallee.css" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="valme/design/javascript/jquery.js"></script>
<!-- jQuery Alert -->
<script type="text/javascript" src="valme/design/javascript/jquery.alerts.js"></script>
<!-- ValmeQuery -->
<script type="text/javascript" src="valme/design/javascript/valmequery.js"></script>
<!-- valmetips -->
<script type="text/javascript" src="valme/design/javascript/jquery.valmetips.js"></script>
<!-- ValmeBox -->
<script type="text/javascript" src="valme/design/javascript/jquery.valmebox.js"></script>
<!-- Overlib à la sauce valme -->
<script type="text/javascript" src="valme/design/javascript/overvalme.js"></script>
</head>
<body>
<!-- Si le javascript n'est pas activé, on demande de l'activer -->
<noscript>Il est impossible de visualiser ce site sans le javascript.</noscript>
<!-- Div de l'infobulle -->
<div id="tips"></div>
<!-- Div du popup -->
<div id="popup"></div>
<div class="main_table">
<!-- Header -->
<div class="headerXgauche"></div>
<div class="rose">
<!-- Lien de la rose -->
<div class="acceuil">
<a href="index.php">
<img src="valme/design/image/acceuil.jpg" alt="acceuil" class="HoverFade" />
</a>
</div>
<div class="forum">
<a href="#">
<img src="valme/design/image/forum.jpg" alt="forum" class="HoverFade" />
</a>
</div>
<div class="tutoriel">
<a href="tutoriel.php" class="Ajax">
<img src="valme/design/image/tutoriel.jpg" alt="tutoriel" class="HoverFade" />
</a>
</div>
<div class="background">
<a href="backg.php" class="Ajax">
<img src="valme/design/image/background.jpg" alt="background" class="HoverFade" />
</a>
</div>
<!-- Fin des liens de la rose -->
</div>
<div class="ange">
<img src="valme/design/image/ange.jpg" alt="La vallée des Larmes" class="HoverFade" />
</div>
<div class="tombe">
<!-- Lien de la tombe -->
<div class="lacharte">
<a href="charte.php" class="Ajax">
<img src="valme/design/image/lacharte.jpg" alt="la charte" class="HoverFade" />
</a>
</div>
<div class="classement">
<a href="classement.php" class="Ajax">
<img src="valme/design/image/classement.jpg" alt="classement" class="HoverFade" />
</a>
</div>
<div class="screenshot">
<a href="screenshot.php" class="Ajax">
<img src="valme/design/image/screenshot.jpg" alt="screenshot" class="HoverFade" />
</a>
</div>
<!-- Fin des liens de la tombe -->
</div>
<div class="headerXdroite"></div>
<!-- Fin Header -->
<!-- Tableau de gauche -->
<div class="table_gauche">
<div class="Xgauche">
<div class="gauche">
<h3>Connexion:</h3>
<form method="post" action="valme/index.php">
<br /><label>Pseudo: <input type="text" name="pseudo" class="login_input" /></label>
<label>Password: <input type="password" name="pass" class="login_input" /></label>
<br /><input type="submit" value="login" />
</form>
</div>
</div>
</div>
<!-- Fin tableau de gauche -->
<div class="table_center">
<br />
<div class="bouton"><a href="index.php?page=2"><img src="valme/design/suivant.gif" alt="suivant" /></a></div>
<div class="news">
<div class="news_gauche">
<div class="news_droite">
<div class="news_haut">
<div class="news_bas">
<div class="news_content">
<h2>Pertes</h2>
<h5><i>Auteur: phenix. Ecrite le 24/04/2009</i></h5>
Bonjour à tous,<br />
<br />
Voila, je dois vous dire un truc: je suis un gros boulet, j'ai perdu toutes les mise à jour des descriptions en mettant à jour mon système... Tout est à recommencer...<br />
<br />
Je vais faire au plus vite !<br />
<br />
Désolé,<br />
<br />
phenix
<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div><br />
<div class="news">
<div class="news_gauche">
<div class="news_droite">
<div class="news_haut">
<div class="news_bas">
<div class="news_content">
<h2>Quelques modif</h2>
<h5><i>Auteur: phenix. Ecrite le 16/04/2009</i></h5>
Bonjour à tous,<br />
<br />
Voici quelques modification qui m'ont été demander:<br />
<br />
- Les nouvelles inscription bénéficie de l'effet "lvl 20 pour tous".<br />
- Les personnages niveau 20 ne gagne plus d'expérience.<br />
- Les personnages qui ce réincarne gagne 20 fragments psychiques.<br />
<br />
Voila, je remercie tout le monde pour sa participation a l'équilibrage, sa avance bien plus vite que prévu <img src="../CB/smileys/clindoeil.gif" alt="
" /><br />
<br />
Phenix
<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div><br />
<div class="news">
<div class="news_gauche">
<div class="news_droite">
<div class="news_haut">
<div class="news_bas">
<div class="news_content">
<h2>2 tuto</h2>
<h5><i>Auteur: phenix. Ecrite le 13/04/2009</i></h5>
Bonjour à tous,<br />
<br />
J'ai mit en ligne 2 tutoriels en plus:<br />
<br />
- Les sorts.<br />
- Les types de dégâts.<br />
<br />
Bon jeu à tous,<br />
<br />
Phenix
<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div><br /><br />
<br />
Partenaire:
<br />
<a href="http://www.epic-war.net/" target="_blank"><img src="http://www.epic-war.net/test/epic.gif" alt="epic-war" /></a>
<br />
<br />
</div>
<!-- fin tableau du centre -->
<!-- tableau de droite -->
<div class="table_droite">
<div class="Xdroite">
<div class="droite">
</div>
</div>
</div>
<!-- Fin tableau de droite -->
<!-- Footer -->
<div class="footer"></div>
</div>
</body>
</html>
J'ai un peu regarder ta page, mais j'ai besoin d'explication, je comprend pas grand chose :wow2:
Merci de ton attention