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 :

Transparence et Alignement


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 109
    Par défaut Transparence et Alignement
    Bonjour à tous

    Je bataille depuis 2 heures mais je ne m'en sors pas : A l'aide !!!

    Voici mes problèmes :
    - les diaporamas et vidéos sont à "opacity:0.8" alors que je voudrais une valeur de 1. En revanche, le fond noir qui leur correspond est à 0.8 et c'est ce que je veux.
    - Je voudrais centrer les diaporamas et vidéos.
    - J'aimerais aussi arrondir les angles des zones noires.

    Je vous transmets une illustration du problème, les embedded codes pour les diaporamas et vidéos et le CSS de la page. Le reste, je ne maitrise pas.

    Je vous remercie d'avance pour votre aide.
    Images attachées Images attachées  
    Fichiers attachés Fichiers attachés

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    avec un lien vers votre page, on pourrait aller plus vite....

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 109

  4. #4
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Voici une solution à votre problème:

    Dans votre code html, enlever les balise BR et gérer les espaces par des padding,
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div style="display: inline-block;">
       <object type="......."> <param name="allowFullScreen" value="true">    
         </object>
    </div>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #slideshow {
       padding: 10px;
    }

    L'opacité est obtenue par background: rgba(5, 5, 5, 0.8); et les bords arrondis par border-radius:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    .fond-news {
       width: 95%;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 5px;
       background-color: #000000;
       border: 0px solid #FB8905;
       background: rgba(5, 5, 5, 0.8);
       border-radius: 10px;
    }

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 109
    Par défaut
    Merci Beaucoup

    Tout n'est pas résolu mais le rendu devient acceptable grâce à votre aide.

    1 - Avec <div style="display: inline-block;">, je perds mon diaporama. Peut-être que c'est simplement une question de position mais je ne sais pas trop où il va se cacher.
    2 - Avec le padding, ce n'est pas un espace qui se créé mais c'est le diaporama qui est rogné. J'ai continué avec des <br/> et j'arrive à ce que je veux.
    3 - Avec background: rgba(0, 0, 0, 0.8); border-radius: 10px;, c'est la révolution. J'ai bidouillé tout ça et ça rend plutôt bien.

    Merci encore. Il ne me reste plus qu'à centrer mes objets flash : mystère.

  6. #6
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Je ne vois pas de diaporama

Discussions similaires

  1. [pstricks] Transparence, alignement & more
    Par Giansolo dans le forum Mise en forme
    Réponses: 9
    Dernier message: 05/01/2012, 22h10
  2. [VB6] EditBox: alignement vertical, transparence et "hilite"
    Par Indepakassoil dans le forum VB 6 et antérieur
    Réponses: 12
    Dernier message: 03/03/2007, 19h29
  3. JBuilder7 & JTable Colonne alignement
    Par Tonton Luc dans le forum JBuilder
    Réponses: 5
    Dernier message: 06/11/2002, 17h32
  4. [Datareport] Alignement
    Par SpaceFrog dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 05/11/2002, 11h53
  5. [VB6] [Printer] Chiffres alignés à droite
    Par Laye dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 03/10/2002, 18h36

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