IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Stylisation de boutons


Sujet :

CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    décembre 2006
    Messages
    614
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : décembre 2006
    Messages : 614
    Points : 694
    Points
    694
    Par défaut Stylisation de boutons
    Bonjour,

    J'ai un petit problème transverse entre HTML et CSS. Dans un formulaire, je dois utiliser plusieurs organes de soumission. Conceptuellement, il s'agit de plusieurs boutons, chacun déclenchant une action différente en soumettant le formulaire. J'ai comme contrainte de na pas avoir droit à JavaScript, donc pas droit aux onClick.

    Bon, cette partie là est pas trop dure : chaque bouton est un <input type="submit" /> avec des attributs name et value qui sont évalués. Tout ça ok.

    J'arrive à la partie qui pèche : la présentation. <input type="submit" /> a l'apparence d'un bouton. J'ai besoin qu'ils aient l'apparence de liens. Ok, le CSS

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .submitStyle {
    	background:none;
    	border:2px solid blue;
    	padding:2px;
    }
    avec évidemment l'attribut class="submitStyle" marche bien.

    Cependant, je suis limité dans la taille de certains boutons. L'ajout suivant fonctionne aussi :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    .submitStyle {
    	background:none;
    	border:2px solid blue;
    	padding:2px;
    	width:100px;
    	height:50px;
    }
    Ok, sauf que du coup, un texte trop long est tronqué. Ma question est : est-il possible de gérer un retour à la ligne avec un <input type="submit" /> ? Si non, quelles sont les autres solutions avec mes contraintes ?

    Merci par avance.

  2. #2
    Membre expérimenté
    Avatar de Jumano
    Profil pro
    Inscrit en
    février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : février 2007
    Messages : 1 163
    Points : 1 595
    Points
    1 595
    Par défaut
    Bonjour,
    Je crois qu'en faisant un simple retour à la ligne dans la "value" de ton bouton çà fonctionne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <input name="button" type="submit" class="submitStyle" id="button" value="Envoyer (ici un retour à la ligne)
    ce forumlaire">

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    décembre 2006
    Messages
    614
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : décembre 2006
    Messages : 614
    Points : 694
    Points
    694
    Par défaut
    mouaip... merci pour l'intervention mais cette solution conviendra pas : le contenu de la value est inséré dynamiquement, et je me vois mal calculer les retour à la ligne.

    Merci tout de même.

Discussions similaires

  1. Pop-up d'une dialog box a partir d'un bouton
    Par bobbyjack dans le forum MFC
    Réponses: 21
    Dernier message: 13/09/2005, 16h32
  2. redémarrer un prog à partir d'un bouton
    Par yokito dans le forum Langage
    Réponses: 5
    Dernier message: 06/09/2002, 14h19
  3. Réponses: 2
    Dernier message: 31/08/2002, 15h00
  4. Bmp pour boutons
    Par Fizgig dans le forum Outils
    Réponses: 5
    Dernier message: 22/08/2002, 11h56
  5. Afficher/Masquer un bouton comme IE 6
    Par benj63 dans le forum C++Builder
    Réponses: 3
    Dernier message: 29/07/2002, 14h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo