[ Punbb ] Aide Css
Philippe
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour ,
J'ai un forum punbb ,
J'ai fais une modification pour qu'il affiche en haut un formulaire d'identification rapide ,
J'ai du rajouter ceci dans mon css pour que cela s'affiche sur une ligne
#brdwelcome form, #brdwelcome label {
display : inline;
}
Je voudrai savoir si on peux rajouter quelques chose pour qu'il se centre ?
Merci
J'ai un forum punbb ,
J'ai fais une modification pour qu'il affiche en haut un formulaire d'identification rapide ,
J'ai du rajouter ceci dans mon css pour que cela s'affiche sur une ligne
#brdwelcome form, #brdwelcome label {
display : inline;
}
Je voudrai savoir si on peux rajouter quelques chose pour qu'il se centre ?
Merci
A voir également:
- [ Punbb ] Aide Css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
9 réponses
Pour éviter toutes incompatibilités navigateurs, si tu fais :
text-align:center;align:center;margin-left:auto;margin-right:auto;width:200px;
c'est radical mais je pense que ca devrait fonctionner sans problème ;)
(le width est à adapter selon la largeur evidemment)
Stephane
text-align:center;align:center;margin-left:auto;margin-right:auto;width:200px;
c'est radical mais je pense que ca devrait fonctionner sans problème ;)
(le width est à adapter selon la largeur evidemment)
Stephane
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Qu'il se centre ?
Une solution serait de le placer dans une <div> que tu centrerais :
CSS
Qu'il se centre ?
Une solution serait de le placer dans une <div> que tu centrerais :
CSS
#contient_form {
margin: 0 auto;
text-align: center;
}
HTML <div id="contient_form">
<form action="" method="">
…
</form>
</div>
La solution est probablement dans ton post.
Je ne savais pas qu'il était dans un div, ca change tout, si par exemple le div parent est aligné à gauche et ne fait que 80 pixels de large, et que ton formulaire est en position relative dans ce div, il est normal que le code donné ne fonctionne pas,
donne nous le code complet de la page (code source coté navigateur, pas besoin du code serveur) afin que l'on puisse voir le formulaire dans son "contexte".
Stephane
Je ne savais pas qu'il était dans un div, ca change tout, si par exemple le div parent est aligné à gauche et ne fait que 80 pixels de large, et que ton formulaire est en position relative dans ce div, il est normal que le code donné ne fonctionne pas,
donne nous le code complet de la page (code source coté navigateur, pas besoin du code serveur) afin que l'on puisse voir le formulaire dans son "contexte".
Stephane
Le formulaire :
{
$tpl_temp =
'<form id="login" method="post" action="login.php?action=in" onsubmit="return process_form(this)">'.
'<div id="brdwelcome" class="inbox">'.
'<input type="hidden" name="form_sent" value="1" />'.
'<input type="hidden" name="redirect_url" value="'.$_SERVER['REQUEST_URI'].'" />'.
'<label><strong>'.$lang_common['Username'].'</strong> '.
'<input type="text" name="req_username" size="13" maxlength="25" /></label> '.
'<label><strong>'.$lang_common['Password'].'</strong> '.
'<input type="password" name="req_password" size="13" maxlength="16" /></label> '.
'<input type="submit" name="login" value="'.$lang_common['Login'].'" />'.
'</div>'.
'</form>';
}
Voila ^^'
C'est le fichier header.php d'un forum punbb
Avec cette modification
https://punbb.fr/
Merci ^^
{
$tpl_temp =
'<form id="login" method="post" action="login.php?action=in" onsubmit="return process_form(this)">'.
'<div id="brdwelcome" class="inbox">'.
'<input type="hidden" name="form_sent" value="1" />'.
'<input type="hidden" name="redirect_url" value="'.$_SERVER['REQUEST_URI'].'" />'.
'<label><strong>'.$lang_common['Username'].'</strong> '.
'<input type="text" name="req_username" size="13" maxlength="25" /></label> '.
'<label><strong>'.$lang_common['Password'].'</strong> '.
'<input type="password" name="req_password" size="13" maxlength="16" /></label> '.
'<input type="submit" name="login" value="'.$lang_common['Login'].'" />'.
'</div>'.
'</form>';
}
Voila ^^'
C'est le fichier header.php d'un forum punbb
Avec cette modification
https://punbb.fr/
Merci ^^
Ben j'ai essaye ce que l'on m'as dis plus haut et ca ne va pas donc je lui met rien pour l'instant juste :
#brdwelcome form, #brdwelcome label {
display : inline;
}
J'attend une solution pour afficher au milieu . . .
dans quelle largeur ça doit être affiché ?
-> Comment on voit ? ( Désolé suis pas fort )
#brdwelcome form, #brdwelcome label {
display : inline;
}
J'attend une solution pour afficher au milieu . . .
dans quelle largeur ça doit être affiché ?
-> Comment on voit ? ( Désolé suis pas fort )
<html>
<head>
<style type="text/css">
form{
text-align:center;
}
</style>
</head>
<body>
<form id="login" method="post">
<div id="brdwelcome" class="inbox">
<label><strong>Username</strong>
<input type="text" name="req_username" size="13" maxlength="25" /></label>
<label><strong>Password</strong>
<input type="password" name="req_password" size="13" maxlength="16" /></label>
<input type="submit" name="login" value="Login" />
</div>
</form>
</body>
</html>
avec ce qui est au dessus le formulaire est centré au milieu de la page mais essaie de transformer ça :
#brdwelcome form, #brdwelcome label {
display : inline;
}
en çà :
#brdwelcome form{
text-align:center;
}
ou donne nous stp, toutes les propriétés css.
Oui, un peu plus de code aiderait.
Un contexte.
On peut constater que ton <form> n'est pas dans une <div>.
Son contenu l'est “<div id="brdwelcome" class="inbox">”.
Cependant, il dispose d'une id : “id="login"”.
Alors, essaye :
CSS
HTML
Un contexte.
On peut constater que ton <form> n'est pas dans une <div>.
Son contenu l'est “<div id="brdwelcome" class="inbox">”.
Cependant, il dispose d'une id : “id="login"”.
Alors, essaye :
CSS
#login {
margin: 0 auto;
text-align: center;
width : une_dimension_en_px;
}
HTML
<form id="login">
…
</form>
