Partage
  • Partager sur Facebook
  • Partager sur Twitter

taille bouton

15 juin 2011 à 13:58:51

bonjour je voudrait savoir comment modifier la taille d'un bouton...

pour le moment mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Exemple d'utilisation de CSS externe</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design_01" href="design_01.css" />
   </head>
   <body>
       <p><a href="XHTML_02.html">Jouer</a></p>
       <p><a href="XHTML_03.html">Aide</a></p>
       <form method="post" action="XHTML_02.html">
       <p class="jouer">
         <input type="submit" value="jouer" />
       </p>
       </form>
       <form method="post" action="XHTML_03.html">
       <p class="aide">
         <input type="submit" value="aide"/>
       </p>
       </form>
   </body>
</html>


et le css:
.jouer, .aide
{
   text-align: center;
}

(tou sa sa marche pour le moment(je croit))

merci d'avance
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 14:18:03

Essai ça dans ton input style="width:50px"
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:32:34

merci merci merci merci ect. ect... le problème c'est sa ne fait que l'alloger :lol: donc je voudrait savoir pour la largeur et la longueur ;)

sinon sa marche ton truc mais que pour la longueur...

merci d'avance
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:36:24

Il suffit d'utiliser l'ensemble des propriétés CSS que tu utilises sur d'autres éléments. Tu peux utiliser la propriété CSS width pour la longueur, height pour la largeur, etc.
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:38:09

Comme ceci ;)

.jouer, .aide
{
   width: 200px;
   height: 200px;
   text-align: center;
}
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:44:49

bin j'ai limpresion que sa marche mais sa nagrandit pas le bouton en gros plus je grossit plus il y a despace mais le bouton n'est pas plus gros :'(
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:52:09

C'est normal, tu appliques le style à la balise <p> qui contient l'input. Fais plutôt comme ça :

.jouer input, .aide input
{
   width: 100px;
   height: 100px;
   text-align: center;
}
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:56:03

ÔÔÔ merci Ô grans seigneur :-° merci c'est nikel ou presque maintenant faire grossir le texte dedand parseque la il fait tou petit se serez petètre sa:
.jouer input value , .aide input value
{
   width: 100px;
   height: 100px;
   text-align: center;
}


merci d'avance
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 16:58:15

Voilà ;)

.jouer input value , .aide input value
{
   width: 100px;
   height: 100px;
   text-align: center;
   font-size: 24px;
}
  • Partager sur Facebook
  • Partager sur Twitter
15 juin 2011 à 17:09:56

a si s'est bon je n'est rien dit

en fette faut pas mettre les value mais mettre font-size:...px

par contre sa ne se mes pas au centre :'(

personne ne sait pourquoi sa veut pas?
  • Partager sur Facebook
  • Partager sur Twitter
18 juin 2011 à 13:15:26

Bonjour,

Ajoute line-height: 100px;
  • Partager sur Facebook
  • Partager sur Twitter

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

18 juin 2011 à 19:43:50

.jouer input, .aide input
  • Partager sur Facebook
  • Partager sur Twitter

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

20 juin 2011 à 9:59:02

Ton line-height doit posséder la même valeur que le height du bouton en px.
  • Partager sur Facebook
  • Partager sur Twitter
22 juin 2011 à 14:35:00

sa ne marche toujours pas...

bon pour vous donnez un apersut de la ou j'en suit voici mon code css:

.jouer input  , .aide input 
{
   width:100px;
   height:50px;
   font-size:35px;
   line-height:50px;
   text-align:center; 
}


(mon code xhtml n'a pas changer(je croit :D ))

j'ésperse que vous avait la réponse a mon problème


merci d'avance
  • Partager sur Facebook
  • Partager sur Twitter
22 juin 2011 à 17:44:22

Bien sûr que si cela fonctionne, seulement voilà, tu utilises une font-size de 35px pour un bouton de 50px de haut. Si tu change le font-size (en plus petit) tu verra que ton texte est centré en hauteur et en largeur.
  • Partager sur Facebook
  • Partager sur Twitter
3 juillet 2024 à 12:24:28

mon code est celui la il ne marche pas j'ai envie de faire un bouton qui ramene vers mon discord mais que ça soit le logo discord le bouton et  j'aimerais l’agrandir a ma guise
  • Partager sur Facebook
  • Partager sur Twitter
3 juillet 2024 à 12:32:09

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Déterrage

Citation des règles générales du forum :

Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.

Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre.
En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.

Au lieu de déterrer un sujet il est préférable :

  • soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
  • soit de créer un nouveau sujet décrivant votre propre contexte
  • ne pas répondre à un déterrage et le signaler à la modération
  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)