Quelques petites améliorations dans la feuille de style.

This commit is contained in:
Yoann Bonavero 2011-02-25 12:23:41 +01:00
parent e39c56da1b
commit 1a10cfe851
2 changed files with 51 additions and 15 deletions

View File

@ -33,21 +33,44 @@ $state = 0;
<?php include("ressources/menu.html"); ?> <?php include("ressources/menu.html"); ?>
</div> </div>
<div class="content"> <div class="content">
<?php
if(isset($_POST['nbcloudwords']) && $_POST['nbcloudwords'] > 0)
echo '<p>Remplissez le mot central ainsi que les différents mots du nuage pour réaliser un partie personalisée.<br />
Une fois satisfait de votre partie cliquez sur "Enregistrer la partie"';
else
echo '<p>Cette page vous permet de créer des parties personalisées en indiquant les mots qui seront affiché pour un mot central.<br /><br />
Veuillez entrer le nombre de mots composant le nuage dans le formulaire ci-dessous avant de continuer.</p>';
?>
<form action="createGame.php" method="POST"> <form action="createGame.php" method="POST">
<table class="creategametbl">
<?php <?php
if(!isset($_POST["nbcloudwords"])) { if(!isset($_POST["nbcloudwords"])) {
echo '<input type="text" name="nbcloudwords" />'; echo '<tr><td><label for="nbcloudwords"> Nombre de mots du nuage : </label></td>';
echo '<input type="submit" value="suivant" />'; echo '<td><input type="text" name="nbcloudwords" /></td></tr>';
echo '<tr><td id="td2"></td><td><input type="submit" value="suivant" /></td></tr>';
} }
else { else {
echo '<input type="text" name="centralword" />'; echo '<tr><td colspan="2"><label for="centralword">Mot central : </label><br /><br /></td>';
echo '<td colspan="2" id="td2"><input type="text" name="centralword" /><br /><br /></td>';
for($i = 0; $i < $_POST['nbcloudwords']; $i++) for($i = 0; $i < $_POST['nbcloudwords']; $i++) {
echo '<input type="text" name="word'.$i.'" />'; if($i % 2 == 0) {
echo '</tr><tr><td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>';
echo '<td id="td2"><input type="text" name="word'.$i.'" /></td>';
}
else {
echo '<td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>';
echo '<td id="td2"><input type="text" name="word'.$i.'" /></td>';
}
}
echo '<input type="submit" value="Enregistrer la partie" />'; if($_POST['nbcloudwords'] % 2 != 0)
echo '<td></td>';
echo '</tr><tr><td colspan="2"></td><td colspan="2" id="td2"><input type="submit" value="Enregistrer la partie" /></td></tr>';
} }
?> ?>
</table>
</form> </form>
</div> </div>

View File

@ -44,19 +44,32 @@
margin-left : 2%; margin-left : 2%;
} }
.logintbl, .contacttbl, .signuptbl { .logintbl, .contacttbl, .signuptbl, .creategametbl {
margin-left : 4%; margin-left : 4%;
} }
.logintbl td, .contactbl td, .signuptbl td { .logintbl td, .contactbl td, .signuptbl td {
width : 50%;
text-align : right; text-align : right;
padding-left : 5px; padding-left : 5px;
padding-right : 5px; padding-right : 5px;
} }
.logintbl input[type=submit], .contacttbl input[type=submit], .signuptbl input[type=submit] { .creategametbl td {
width : 25%;
text-align : right;
padding-left : 5px;
padding-right : 5px;
}
.logintbl #td2, .contactbl #td2, .signuptbl #td2, .creategametbl #td2 {
text-align : left;
}
.logintbl input[type=submit], .contacttbl input[type=submit], .signuptbl input[type=submit], .creategametbl input[type=submit] {
display : block; display : block;
margin-left : 0px; margin-left : 0px;
margin-top : 2em;
} }
.contacttbl textarea { .contacttbl textarea {