div décalé

mettre 2 div sur la meme ligne

Sujet résolu

7 décembre 2005 à 16:02:21

<!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" >
<head>
<title>Les Catacombes de Zigma</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="logo.ico" />
<style type="text/css">
.debut
{
padding: 10px;
text-align : center;
margin: 30px;
border: 2px solid black;
background-image: url("fond_clair.jpg";);
}

fieldset
{
margin-bottom: 15px;
margin-left: 35px;
margin-right: 40%;
margin-top: 15px;
background-image: url("fond_clair.jpg";);
border: 2px solid black;
}
legend
{
text-align : center;
}

.rouge
{
color: red;
}

.pub
{
margin-left: 65%;
margin-right: 15px;
padding: 10px;
background-image: url("fond_clair.jpg";);
border: 2px solid black;
}

</style>
</head>
<body>
<BODY BACKGROUND="fond_fonce.jpg">
<div class="debut"><h1>Inscription</h1>
<p>Pour avoir votre numéro d'aventurier donc l'autorisation, vous devez entrer des informations.<br />
Avant de remplir quoique ce soit, je vous conseille fortement de lire les règles car les champs en rouge sont définitifs.<br />Vos informations personnelles ne seront pas divulgées.
</p></div>
<form method="post" action="creation.php">
<fieldset><p>
<legend><strong><h3>Vos informations personnelles</h3></strong></legend>
<table>
<tr>
<td>Votre nom</td><td><input type="text" name="nom" tabindex="10" size="20"/></td>
</tr>
<tr>
<td>Votre prénom</td><td><input type="text" name="prenom" tabindex="20" size="20"/></td>
</tr>
<tr>
<td>Votre mot de passe</td><td><input type="text" name="mot_de_passe" tabindex="30" size="20"/></td>
</tr>
<tr>
<td>Confirmation </td><td><input type="text" name="re_mot_de_passe" tabindex="40" size="20"/></td>
</tr>
<tr>
<td>Votre e-mail</td><td><input type="text" name="email" tabindex="50" size="20"/></td>
</tr>
<tr>
<td>Votre ville</td><td><input type="text" name="ville" tabindex="60" size="20"/></td>
</tr>
</table></p>
</fieldset>
<fieldset><p>
<legend><strong><h3>Informations sur votre aventurier</h3></strong></legend>
<table>
<tr>
<td><span class="rouge">Votre pseudo</span</td><td><input type="pseudo" name="ville" tabindex="70" size="20"/></td>
</tr>
<tr>
<td><span class="rouge">Votre classe</span></td><td><select name="classe">
<option value="guerrier" size="20">Guerrier</option>
<option value="magicien" size="20">Magicien</option>
<option value="necromancien" size="20">Nécromancien</option>
<option value="assassin" size="20">Assassin</option>
<option value="pretre" size="20">Prêtre</option>
</td>
</tr>
<tr>
<td><span class="rouge">Sexe</span></td><td><select name="sexe">
<option value="masculin" size="20">Masculin</option>
<option value="feminin" size="20">Féminin</option>
</td>
</tr>
</table></p>
<p><br /><center>
<input type="submit" value="Valider"/> <input type="reset" value="Effacer" />
</center></p>
</fieldset>
</form>

<div class="pub">
<p>
De la pub sera ici
</p>
</div>
</body>
</html>

Ceci est mon code et quand j'ouvre la page le div pub est tout en bas et je voudrais qu'il soit à droite et qu'ils soit de la même hauteur que ceux de droite ensemble!

Comment faire?

Merci d'avance

Spiky

7 décembre 2005 à 16:07:05

Pourquoi tu mets ton <body> en majuscule?

Les tableau sont faits pour affiché uniquement des données tabulaires pour la enième fois...

Construire un site sans tableaux
Tableaux et DIV, petite comparaison concrète
Tableaux VS CSS, un combat de chaque instant

Essaye ça:

.pub {
margin-left: 65%;
margin-right: 15px;
padding: 10px;
background-image: url("fond_clair.jpg";);
border: 2px solid black;
float: right;
}

Proutine85

7 décembre 2005 à 16:13:04

Spiky

7 décembre 2005 à 16:14:37

T'as rien compris :lol:

Apprend à utiliser les DIV c'est beaucoup mieu

Proutine85

7 décembre 2005 à 16:16:51

ok pour les div masi ton code que tu ma passé n'a pas résolu mon problème, la pub est toujours en bas!

Spiky

7 décembre 2005 à 16:20:20

Lol c'est tout à fait possible, la moitié est codée en Tableau, l'autre en DIV

Essayes ça:

table {
width: 65%;
float: left;
}
.pub {
margin-left: 65%;
margin-right: 15px;
padding: 10px;
background-image: url("fond_clair.jpg";);
border: 2px solid black;
}

Proutine85

7 décembre 2005 à 16:22:42

Cela ne change rien.

Spiky

7 décembre 2005 à 16:28:58

De toute façon, refais le code de ta page en y mettant des DIV

Proutine85

7 décembre 2005 à 16:30:41

Citation : Spiky

De toute façon, refais le code de ta page en y mettant des DIV

Mettre des div à la place des table?
Mais ca va mettre 4 fois plus de temps à faire si je veux faire un design extensible?
Je ne vois pas comment mettre des div dans les fieldset pour le formulaire

neoxx78

7 décembre 2005 à 16:34:25

Il te faut alors une thérapie longue... c'est à dire : je te conseille d'aller voir les tutos de m@téo, tu apprendras à coder avec des <div>

Rikudo.fr Jeu de Rikudo gratuit et en ligne - Rikudo-puzzle.com (EN) - Rikudo.pl (PL) Tutoriel : La sémantique HTML / Un menu horizontal

Spiky

7 décembre 2005 à 16:34:47

D'un point de vue de la validité, tu devrait refaire toute la partie avec les tableaux

Après ça tu fais ce que tu veux

Proutine85

7 décembre 2005 à 16:41:41

ok donc je vais essayer de mettre des div!
Je viens de relire les cours vite fait de mteo et j'avais oublié des tonnes ed choses!

Bon je vais tout refaire avec les div et merci encore!
Je mets ce topic comme fini car j'ai trouver une solution, tout refaire en div

div décalé

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

div décalé

mettre 2 div sur la meme ligne

div décalé

Supprimer

Modérer

Signaler le message aux modérateurs