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 :

[CSS] div avec texte superposée a div avec swf


Sujet :

CSS

  1. #1
    Membre averti Avatar de Neroptik
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2005
    Messages
    337
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2005
    Messages : 337
    Points : 402
    Points
    402
    Par défaut [CSS] div avec texte superposée a div avec swf
    Bonjour, J'ai un petit soucis de positionnement, je n'arrive pas a positionner ma div avec le Texte au dessus de ma div contenant l'appel de mon swf.

    voila mon code :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <td class="shell">
    			<div class="swf"><?php include 'shell.php'; ?></div>
    			<div class="login">Test</div>
              </td>

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .login{
    width:100px;
    height:100px;
    }
     
    .swf{
    width:992px;
    height:181px;
    }

    Bon sur ce code je n'ai aucune tentative donc c'est normal si lesdiv ne se superposent pas mais j'ai tenter en jouant sur les "position" mais je n'y parvien pas.

    Merci d'avance

  2. #2
    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
    Rajoute dans ta balise object :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <param name="wmode" value="opaque" />
    Et ensuite joue avec le positionnement de tes div.

  3. #3
    Membre averti Avatar de Neroptik
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2005
    Messages
    337
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2005
    Messages : 337
    Points : 402
    Points
    402
    Par défaut
    Merci pour ton aide mais j'ai tenter ce que tu m'a conseillé et en vain

    J'ai ajouter ce que tu ma dit a ma balise <embed> et a ma balise <object>, j'ai jouer sur les positions j'ai aussi tenter d'utiliser autre chose que des <div>... Mais je ne parviens toujours pas mettre quelque chose au dessus de mon swf .

    Si quelqu'un a une autre suggestion...

    Merci d'avance

  4. #4
    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
    Ben écoute, chez moi ça fonctionne ..

    Créé une nouvelle page et mets juste ce code et tu verras :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <object type="application/x-shockwave-flash" data="http://josselin.willette.free.fr/banniere.swf" width="468" height="60">
       <param name="movie" value="http://josselin.willette.free.fr/banniere.swf" />
       <param name="wmode" value="opaque" />
       Youplà-boum !* Toi, tu devrais installer le plug-in Flash. ;)
    </object>
    <div style="position:absolute;top:0;left:0;height:200px;width:200px;background:#f00"></div>

  5. #5
    Membre averti Avatar de Neroptik
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2005
    Messages
    337
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2005
    Messages : 337
    Points : 402
    Points
    402
    Par défaut
    Merci, ca fonctionne parfaitement à présent...

  6. #6
    Nouveau Candidat au Club
    Inscrit en
    Novembre 2005
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    Bonjour,
    j'ai repris votre solution, puisque je rencontrai le même problème :
    une div opaque avec un objet (swf), et une div transparente avec du texte et une marge négative pour recouvrir la première div.
    si la première div contenait du texte, ça marchait, mais un swf, nada ...

    et j'ai compris l'origine du problème : pour gérer un recouvrement sur un objet swf, les bloc doivent être positionnés en mode absolu, et non simplement en relatif (marge négative)...

    en tous cas, merci beaucoup pour cette soluce

    a+

    giboo

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. div avec texte a l'interieur
    Par T4GAD4 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/07/2012, 09h55
  2. [CSS 2.1] Div avec texte qui se redimensionne auto
    Par Jphilip74 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/12/2011, 11h24
  3. div avec texte "marquee" qui apparait en entier au chargement
    Par misterZ dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 21/09/2009, 00h59
  4. [HTML/CSS] Espace au fond d'une page avec un div height = 100%
    Par Miles Raymond dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 31/10/2008, 11h12
  5. retour ligne intélligent avec l'utilisation de DIV
    Par bébé dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 22/08/2005, 17h46

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