Aller au contenu
View in the app

A better way to browse. Learn more.

Next

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Alignement d'un élément Input à droite

Featured Replies

Posté(e)

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!

Posté(e)

Plutôt :

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

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

Posté(e)
  • Auteur

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?

Posté(e)

Serik> essaye le input AVANT ton texte (c'est la magie des float)

Sinon :

div.machin { text-align: right; }

div.machin p { float: left; }

Posté(e)
  • Auteur

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)

Posté(e)
  • Auteur

text-align: right normalement

Mais ça c'est pour le text, si c'est pour une image c'est mort :-(

Posté(e)

text-align: right normalement

Mais ça c'est pour le text, si c'est pour une image c'est mort :-(

Me semble avoir testé pour une image et ca passe pareil. Enfin pas très sur quand meme.

Posté(e)

serik> justement. Ca aligne le flot "en ligne" sur la droite, donc image, texte, texte, etc. Tout ce qui a display: inline (je crois, voir spec pour contredire)

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.