Jump to content

Alignement d'un élément Input à droite


Recommended Posts

Voilà pour simplifier, prenons le code :

<div>
<p>blabla</p><br/>
<input type="submit" value=">>>" name="GO"/>
</div>

Avec la feuille CSS:

div {width:500px;
}

Et je cherche à avoir le input aligné à droite.

J'ai beau réduire le pad ou la marge droite à 0 et mettre la gauche en auto, rien n'y fait mon élément et toujours à gauche.

Merci!

Link to comment
Share on other sites

Plutôt :

<input type="submit" value=">>>" name="GO" style="float: right;" />

(et paf, ça peut même aller dans ta css)

En fait j'utilise une CSS, et si je met float: right, l'élément a la facheuse tendance à se retrouver à cheval sur la bordure de la div (celle du bas), et sur la bordure de droite.

Et pourquoi align="rgiht" ne peut se retrouver dans la CSS? Un oubli?

Link to comment
Share on other sites

En fait float est inutilisable, car l'élément n'appartien plus à la DIV, et se retrouve en dehors de la bordure.

La solution de Dolix semble la bonne :

	<div class="leftBlueBorder">
<form name="Log" method="post" action="login.php">
<p>Pseudo : <input type="text" name="Nick" maxlength="20" size="15" value=""/><br/>
Pass : <input type="password" name="Pass" maxlength="20" size="15" value=""/><br/>
	</p>
	<p class="ar" align="right"><input class="ar" type="submit" name="go" value=">>>"/></p>
</form>
	</div>

div.leftBlueBorder p.ar {
	margin-right: 5px;
}

Ca semble marcher :craint:

est-ce que align="right" a un équivalent en CSS? (tout en restant dans la DIV)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...