Discussion :

[Invité]

Bonjour,

Ma page est composée de 4 boites et je voudrai mettre dans ces boites des boutons. Les boites sont en position relative et les boutons en position absolue.
Les boutons se positionnent bien, mais ils ne se mettent pas en ligne. En gros un bouton par ligne.
Comment faire pour qu'ils soient tous alignés à l'horizontal ?

Merci pour votre aide !

[Bovino]

Sans voir ton code (le HTML généré, pas le PHP), c'est difficile de t'aider... à moins de faire subir des choses horribles à de pauvres animaux pour lire dans leurs entrailles, méthode assez peu efficace de surcroit.

[Invité]

Merci Bovino pour ta réponse et le déplacement du sujet

Alors voici le code généré:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="peda">
			<h1>Pédagogique</h1>
			<label>IP:</label>...<br>
			<label>Masque:</label>...<br>
			<label>PAS:</label>...<br>
			<label>DNS:</label>...<br>
			<label>Mon IP:</label>...<br>
			<label>Serveur:</label>...<br>
			<label>Slis:</label>...<br>
			<label>PFS:</label>...<br>
			<label>Mot de passe Administrateur: </label>...<br>
			<label>Mot de passe Adminsta: </label>...<br>
			<label>Mot de passe Admin local: </label>...<br>
			<label>Mot de passe Mod_loc: </label>...<br>
			<label>SPR: </label>....<br>
			<div class="petitbouton">
			<a href="netshPeda.php"><input value="IP" type="submit"></a>
			<a href="mstscPeda.php"><input value="Mstsc" type="submit"></a>
			<a href="mstscZMI.php"><input value="Mstsc ZMI" type="submit"></a>
			<a href="mstscDMZ.php"><input value="Mstsc DMZ" type="submit"></a>
			</div>
	</div>

Et le CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
div.peda{
	position: relative;
	margin: 1%;
	width: 45%;
	height: 70%;
	float: left;
	text-align: left;
	border:5px;
	border-style: double;
	border-color: silver;
	border-radius: 20px;
	padding: 10px;
	background-color: black;
	padding-bottom: 2%;
	}
 
div.petitbouton input{
	position: absolute;
	width: 100px;
	height: 40px;
	background-color: lime;
	border-color: lime;
	font-weight: bold;
	bottom: 2%;
	}
div.petitbouton a{
	text-decoration: none;
	}

[Vil'Coyote]

les éléments bouton sont de type inline si je ne me gourre pas. donc normal qu'ils ne s'affichent que sur des lignes distincte. A modifier par le css ou via positionnement de div (ou de tableau même si c'est déprécié) .

par contre c'est quoi cette méthode de faire??? des boutons submit avec des lien <a> ? tu es sûr de savoir ce que tu fait?

[Invité]

On m'a donné une solution qui marche niquel ! J'ai mis tous les input en absolue, donc les boutons se superposaient !

Voici mon nouveau code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div.petitbouton {
    position: absolute;
    bottom: 2%;
    }
 
div.petitbouton input{
    width: 100px;
    height: 40px;
    background-color: lime;
    border-color: lime;
    font-weight: bold;
    }
div.petitbouton a{
    text-decoration: none;
    }

Oui je suis sûre de ce que je fais ^^

[Invité]

Merci beaucoup pour votre aide !

[RomainVALERI]

par contre c'est quoi cette méthode de faire??? des boutons submit avec des lien <a> ?

Oui ça pique les yeux, là

Bah... le problème est "résolu", alors bon... à bientôt Tiffany

[Invité]

Bon apparemment mes boutons ne plaisent pas ... ^^

Comment je pourrai faire alors ?