Discussion :

[saih_tam]

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.

[rodolphebrd]

Bonjour,

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

[saih_tam]

http://www.tousenlive.com/lespercusenchantees

et Voici

[rodolphebrd]

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;
}

[saih_tam]

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.

[rodolphebrd]

Je ne vois pas de diaporama