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

JavaScript Discussion :

Comment faire une ombre sous un texte ?


Sujet :

JavaScript

  1. #1
    Gunner4902
    Invité(e)
    Par défaut Comment faire une ombre sous un texte ?
    Bonsoir,

    Comment faire pour réaliser une ombre sous un texte pour un grand nombre de navigateur, sans avoir recours à un duplicate content (par exemple le même texte décalé grâce au CSS) ?

    Merci

  2. #2
    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 638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 638
    Points : 66 668
    Points
    66 668
    Billets dans le blog
    1
    Par défaut
    comma ça ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
     
    <style type='text/css'>
    .dessus { position:absolute ;
              top: 286 ; 
              left:205 ;
              font-size: 24px;
              color: white ;
              z-index:2; 
              font-weight:light;
              letter-spacing:1px;
              font-family:verdana;
              }
     
    .dessous  {position:absolute ;
    			top: 284 ;
    			left: 204 ;
    			font-size: 24px ;
    			color: gray ; 
              font-family:verdana;
              letter-spacing:1px;
    			z-index:1;}
     
    </style>
    <title>Nouvelle page 1</title>
    </head>
    <body style='background-color:white;'>
     
     
    <div class="dessus" >COUCOU</div>
    <div class="dessous" >COUCOU</div>
     
     
    </body>
    je ne vois pas d'autre possibilité, mais ça peut se dynamiser en javascript
    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 !

  3. #3
    Gunner4902
    Invité(e)
    Par défaut
    Merci grenouille
    Je connaissais cette technique, mais le problème est qu’elle fait un duplicate content sur la même page…
    S’il n’y a pas mieux, je ferai avec…

    Bon dimanche

  4. #4
    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 638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 638
    Points : 66 668
    Points
    66 668
    Billets dans le blog
    1
    Par défaut
    il existe peut être un filtre sous IE mais c'est uniquement IE ...

    Sinon il faudra trouver une police avec l'ombre incluse...
    apres faut bidouiller pour la police sur le serveur ...
    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 !

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    mais ça peut se dynamiser en javascript
    C'est une bonne solution si Gunner4902 ne veut pas avoir un duplicate content directement visible dans le code source.

  6. #6
    Gunner4902
    Invité(e)
    Par défaut
    Oui, je suis ouvert à toute idée, du moment qu’elle soit applicable à d’autres navigateurs que IE, et qu’il n’y ait pas de duplicate content dans le code source.
    Merci

  7. #7
    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 638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 638
    Points : 66 668
    Points
    66 668
    Billets dans le blog
    1
    Par défaut
    avec un javascript qui ferait un cloneNode ?
    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 !

  8. #8
    Gunner4902
    Invité(e)
    Par défaut
    Tu voudrais dire qu’on duplique le noeud texte afin d’en créer un second et de lui assigner le comportement CSS décrit plus haut ?

  9. #9
    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 638
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 638
    Points : 66 668
    Points
    66 668
    Billets dans le blog
    1
    Par défaut
    oui en le positionnant en em ...
    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 !

  10. #10
    Gunner4902
    Invité(e)
    Par défaut
    Ok, merci à vous deux

Discussions similaires

  1. Comment faire une arborescence sous Android ?
    Par Man_AB dans le forum Android
    Réponses: 13
    Dernier message: 02/05/2011, 19h10
  2. comment faire une macro sous word
    Par Debutante-Excel dans le forum VBA Word
    Réponses: 4
    Dernier message: 16/10/2009, 14h27
  3. Comment faire une temporisation sous Delphi ?
    Par vodasan dans le forum Langage
    Réponses: 8
    Dernier message: 17/09/2007, 11h29
  4. comment faire une sauvegarde sous
    Par biboulou dans le forum Access
    Réponses: 2
    Dernier message: 29/06/2006, 22h01
  5. [iReport] Comment faire une ligne "sous-détails"
    Par cho7 dans le forum iReport
    Réponses: 1
    Dernier message: 23/06/2006, 15h32

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