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 :

Comment étirer un background et centrer un Flash dessus


Sujet :

Centrer un élément en CSS

  1. #1
    Futur Membre du Club
    Homme Profil pro
    concepteur visuel
    Inscrit en
    Décembre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : concepteur visuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2011
    Messages : 3
    Par défaut Comment étirer un background et centrer un Flash dessus
    MON PROBLÈME: depuis 3 jours je cherche à mettre un code pour étirer l'arrière plan de mon sitem j'ai mis un câdre noir autour de mon image pour que vous constatiez que je ne la vois pas complètement! Je ne veux également pas de "scrollbar"(j'en retrouve une avec IE)

    Pourriez-vouz maider?
    url de mon site "en construction". . . .

    http://studiogats.ca/



    JE DÉSESPÈRE!
    MERCI

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 215
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 215
    Par défaut
    Bonjour,
    mais en CSS3 uniquement

  3. #3
    Futur Membre du Club
    Homme Profil pro
    concepteur visuel
    Inscrit en
    Décembre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : concepteur visuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2011
    Messages : 3
    Par défaut problème pour centrer!
    J'ai résolu mon problème pour l'étirement de l'arrière-plan!
    Par contre, je n'arrive toujours pas à centrer mon "flash" . . .

    Quelqu'un possède la solution?

    Source du code: http://studiogats.ca


    Merci pour l'aide apportée

  4. #4
    Futur Membre du Club
    Homme Profil pro
    concepteur visuel
    Inscrit en
    Décembre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : concepteur visuel
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2011
    Messages : 3
    Par défaut pas seulement en css3 ! ( victoire )
    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
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Centrer mon flash!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Imagetoolbar" content="no">
    
    <style type="text/css">
    /* pushes the page to the full capacity of the viewing area */
    html {height:100%;}
    body {height:100%; margin:0; padding:0;}
    
    /* prepares the background image to full capacity of the viewing area */
    #bg {position:fixed; top:0; left:0; width:100%; height:100%;}
    /* places the content ontop of the background image */
    #content {position:fixed; z-index:1;}  (pour étirer l'arrière plan et qu'il s'ajuste à la page)
    </style>
    <!--[if IE 6]>
    <style type="text/css">
    /* some css fixes for IE browsers */
    html {overflow-y:hidden;}
    body {overflow-y:auto;}
    #bg {position:absolute; z-index:-1;}
    #content {position:static;}
    </style>
    <![endif]-->
    </head>
    
    <body>
    <div id="bg"><img src="images/BG.jpg" width="100%" height="100%" alt=""></div>
    <div id="content" style="width: 100%; text-align: center;margin-top: 0;">  ( la solution pour centrer le flash )
    	<p>
    		 
    		<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="768">
      <param name="movie" value="GatsStudio.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="8.0.35.0" />
      <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="GatsStudio.swf" width="1024" height="768">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="8.0.35.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
        <div>
          <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    	
       </p>
    </div>
    </body>
    </html>

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

Discussions similaires

  1. comment faire un background transparent?
    Par guigui1005 dans le forum Composants
    Réponses: 5
    Dernier message: 17/05/2012, 21h45
  2. Réponses: 1
    Dernier message: 07/02/2006, 19h22
  3. [CSS]Comment etirer une background selon la fenêtre
    Par Drannor dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 20/05/2005, 14h06
  4. Comment récuperer des informations d'un .swf (flash) ?
    Par diado dans le forum API, COM et SDKs
    Réponses: 7
    Dernier message: 12/01/2004, 21h32
  5. Comment obtenir l'heure du serveur avec flash ?
    Par Michaël dans le forum Flash
    Réponses: 9
    Dernier message: 23/12/2003, 17h50

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