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 :

input prend la forme d'une image


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    298
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 298
    Par défaut input prend la forme d'une image
    bonjour je me suis beuguer sur comment donner un style a mon input type text je veux pas qu'il sois un rectangle je veux qu'il sois un peux ellipse. pour cela j'ai creer ellipse designer avec de beau contour sous psd. quand je'ai fais sur mon feuille de style

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .styletext{ border:1px solid black; border-color:#4D4D4D; 
      background-image:url(../images/img-menuh/nom-domaine.jpg);
    }
    le probleme c'est ca me donne pas la resultat que je souhaite svp pouvez vous m'aidez sur ca ?

  2. #2
    Membre chevronné Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Par défaut
    Bonjour,
    Si la classe styletext est bien attribuée à ton input, pourquoi appliquer une bordure à ce dernier si tu ne veux pas qu'il soit rectangulaire ?
    Si ton image est bien un rectangle à coins arrondis comme je l'imagine, tu peux essayer ceci :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .styletext {
        background: url(../images/img-menuh/nom-domaine.jpg) no-repeat left top;
        border: none;
        /* Préciser ce qui suit */
        width: 200px;
        height: 22px;
        margin: 0; 
        padding: 5px;
    }
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    <input class="styletext" type="text" name="test" />
    Sinon, si l'image n'apparaît pas, cela veut dire que l'adresse qui mène à ton image est erronée.

Discussions similaires

  1. Forme qui prend l'apparence d'une image
    Par pepito62 dans le forum Débuter
    Réponses: 17
    Dernier message: 28/01/2013, 16h31
  2. [C#2.0] Localiser une forme dans une image
    Par mister3957 dans le forum C#
    Réponses: 15
    Dernier message: 27/11/2006, 16h08
  3. Texte en forme d'une image
    Par yarf dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 2
    Dernier message: 10/09/2006, 20h09
  4. Réponses: 3
    Dernier message: 23/02/2006, 15h17
  5. [Forms] Afficher une image stockée en base
    Par oramine dans le forum Forms
    Réponses: 12
    Dernier message: 01/02/2005, 14h14

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