[ Punbb ] Aide Css
Fermé
Philippe
-
2 juin 2007 à 19:03
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 3 juin 2007 à 23:49
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 3 juin 2007 à 23:49
A voir également:
- [ Punbb ] Aide Css
- Css premier plan ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css retour à la ligne ✓ - Forum CSS
- Saut de lignes sans <br/> ✓ - Forum Webmastering
9 réponses
ACNet
Messages postés
64
Date d'inscription
vendredi 25 mai 2007
Statut
Membre
Dernière intervention
24 novembre 2007
14
2 juin 2007 à 19:25
2 juin 2007 à 19:25
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
Je suis assez mauvais je comprend pas trop ,
Ou dois je mettre cette ligne ?
Ou dois je mettre cette ligne ?
ACNet
Messages postés
64
Date d'inscription
vendredi 25 mai 2007
Statut
Membre
Dernière intervention
24 novembre 2007
14
2 juin 2007 à 19:51
2 juin 2007 à 19:51
Désolé, c'est moi j'aurais pu être plus explicite
tu remplaces :
#brdwelcome form, #brdwelcome label {
display:inline;
}
par :
#brdwelcome form, #brdwelcome label {
display:inline;text-align:center;align:center;margin-left:auto;margin-right:auto;width:200px;
}
et ca devrait être bon.
tu remplaces :
#brdwelcome form, #brdwelcome label {
display:inline;
}
par :
#brdwelcome form, #brdwelcome label {
display:inline;text-align:center;align:center;margin-left:auto;margin-right:auto;width:200px;
}
et ca devrait être bon.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 776
3 juin 2007 à 00:27
3 juin 2007 à 00:27
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>
ACNet
Messages postés
64
Date d'inscription
vendredi 25 mai 2007
Statut
Membre
Dernière intervention
24 novembre 2007
14
>
Philippe
3 juin 2007 à 21:03
3 juin 2007 à 21:03
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 ^^
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
>
Philippe
3 juin 2007 à 21:47
3 juin 2007 à 21:47
salut,
mais tu lui appliques quoi comme style pour le moment ?
parce que là ça va forcement nous donner les <input> et les <label> en ligne.
dans quelle largeur ça doit être affiché ?
mais tu lui appliques quoi comme style pour le moment ?
parce que là ça va forcement nous donner les <input> et les <label> en ligne.
dans quelle largeur ça doit être affiché ?
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 )
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
3 juin 2007 à 21:57
3 juin 2007 à 21:57
<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.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 776
3 juin 2007 à 23:49
3 juin 2007 à 23:49
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>
