+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Problème CSS (/showthread.php?tid=3952)
Pages :
1
2
RE: problème css - Gabriel - 09-05-2009
Désolé, je débute vraiment et j'ai essayé ce que tu ma dit et ça ne marche pas mais je pense que ça viens de moi ! Voila mon code html généré par le naviguateur
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Universe-Quest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="skin_joueur.css" />
</head>
<body>
<div id="corps_de_la_page" >
<div id="en_tete">
<img src="images/header2.PNG" alt="banniere du site" />
</div>
<div id = "colonne_gauche">
<fieldset>
<legend>Infos</legend> <!-- Titre du fieldset -->
<p>
Gabriel<br/>Cité : ezora <br/>Niveau 12 </p>
</fieldset>
<fieldset>
<legend>Statistiques</legend> <!--Titre du fieldset -->
<p>
Vie :
23 /100<br/>
<img src="images/barre_vie.PNG" alt="Vie" />
Exp :
0 /100<br/>
<br/> Puissance :
78 / 78<br/>
<img src="images/barre_puissance.PNG" alt="puissance" /><img src="images/barre_puissance.PNG" alt="puissance" />
<br/>Habileté :
60 / 65<br/>
<img src="images/barre_hab.PNG" alt="Habileté" />
<br/>Intelligence :
65 / 65<br/>
<img src="images/barre_int.PNG" alt="Intelligence" />
</p>
</fieldset>
<fieldset>
<legend>Argent</legend>
<p>4160 </p>
</fieldset>
</div>
<div id = "centre">
<fieldset>
<legend>Actions</legend>
<img src="images/barre_action.PNG" alt="action" />
<br/>Prochaines actions dans environ 60minute(s)<br/>24 action(s) restante(s)</fieldset>
<!-- /////////////////////////////////////////////// -->
<fieldset>
<legend>Carte</legend>
Vous êtes dans les plaines<br/><a href= "?choix=soin" onClick="return confirm('Se soigner ? -1 action')">Se soigner</a>
<br/><a href="combat.php?lieu=plaine" onClick="return confirm('Combattre ? -1 action')">Combattre</a>
<div id = "deplacements">
<img src="images/boussole.png" usemap="#boussole" alt="" style="border:none;"/>
<map name="boussole">
<area shape="rect" coords="40,1,58,37" href="?nord=1&est=0&ouest=0&sud=0" title="nord"/>
<area shape="rect" coords="60,39,99,58" href="?est=1&nord=0&ouest=0&sud=0" title="est"/>
<area shape="rect" coords="0,38,39,56" href="?ouest=1&est=0&nord=0&sud=0" title="ouest"/>
<area shape="rect" coords="41,58,57,99" href="?sud=1&est=0&ouest=0&nord=0" title="sud"/>
</map>
</div> <!-- fin du div de déplacement -->
</fieldset> <!--fin de la carte-->
<fieldset>
<legend>Tchat général</legend>
<!-- /////////////////////////////////////////////////////////////////////////////-->
<form method="post" action="page_perso.php" name="Chat">
<p>
Votre message : <input type="text" name="message" />
</form>
<input type="submit" value="Go"></fieldset>
<div class="classclear" />
</div>
</div> <!--fin du menu central-->
<div id = "colonne_droite">
<fieldset>
<legend>Menu</legend>
<a href="page_perso.php" onmouseover="ddrivetip('Page principale de jeu.')"; onmouseout="hideddrivetip()">Jeu</a><br/>
<a href="classement2.php" onmouseover="ddrivetip('Classement des joueurs.')"; onmouseout="hideddrivetip()">Classement</a><br/>
<a href="inventaire.php" onmouseover="ddrivetip('Voir votre inventaire.')"; onmouseout="hideddrivetip()">Inventaire</a> <br/>
<a href="profil.php" onmouseover="ddrivetip('Voir mon profil.')"; onmouseout="hideddrivetip()">Profil</a> <br/>
<a href="gestion_combats.php" onMouseover="ddrivetip('Gestion des combats.')"; onMouseout="hideddrivetip()">Combats</a> <br/>
<a href="deconnexion.php"onclick="alert('déconnexion réussie. A bientot sur Universe Quest !')" onmouseover="ddrivetip('Se déconnecter.')"; onmouseout="hideddrivetip()">Déconnexion</a> <br/>
<script src="tooltip.js" type="text/javascript"></script>
</fieldset>
</div></div>
</div>
</body>
</html>
RE: problème css - wild-D - 10-05-2009
le clear va pas dans le float, mais dans le parent; après le "float"; le clear:both c'est lui qui va "forcer" placement du div après les floats et entrainer le redimensionnement du parent.
RE: problème css - Gabriel - 10-05-2009
Merci beaucoup ! J'ai résolu mon problème !