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

HTML Discussion :

trapèze


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2002
    Messages
    214
    Détails du profil
    Informations forums :
    Inscription : Octobre 2002
    Messages : 214
    Par défaut trapèze
    Bonsoir , est ce que quelqu'un sait comment créer un div qui a la forme exacte d'un trapèze?
    merci

  2. #2
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    A la base ce n'est pas fait pour ça. Mais voilà tout de même une piste : http://www.meyerweb.com/eric/css/edge/slantastic/demo.html

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="border-top:solid 0px ; border-left:solid 50x white;border-right:solid 50px white;border-bottom:solid 200px lightblue;height:200px;">&nbsp;</div>

    problème comme c'est réalisé avec les bordure, on ne peut pas mettre de texte dedans il faudrait passer par des z-index et mettre un autre div par dessus ...
    autre problème je pense qu'il y aura des soucis sur certains navigateurs ...

    mieux vaut carrément passer par une image ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    Citation Envoyé par SF
    je pense qu'il y aura des soucis sur certains navigateurs ...
    c'est clair, ffx fait la gueule;

    n'empêche, c'est génial, je me souviens de tes tests 3D avec cette technique à la mords-moi-le-border 8)

Discussions similaires

  1. [Débutant] [trapz] Pas de calcul par defaut
    Par july73133 dans le forum MATLAB
    Réponses: 2
    Dernier message: 20/07/2009, 08h36
  2. erreur intégration trapz
    Par suzanne1307 dans le forum MATLAB
    Réponses: 5
    Dernier message: 29/04/2009, 17h39
  3. méthode du trapèze
    Par suzanne1307 dans le forum MATLAB
    Réponses: 3
    Dernier message: 29/04/2009, 12h22
  4. Trapèze en 3D
    Par Kevindjg dans le forum OpenGL
    Réponses: 3
    Dernier message: 27/11/2007, 16h36
  5. caractéristiques de la forme trapèze
    Par potili2 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 10/08/2007, 21h51

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