25946 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai télécharger ceci :

http://pgwjs.com/pgwslideshow/

je souhaiterai mettre le caption en dessous de l'image entre l'image diaporam et la galerie d'en dessous mais je n'y arrive pas j'ai mis en block le caption mit des margin et bottom mais rien n'y fait.

quelqu'un aurai une solution voici le css que j'ai trouvé et que je pense doit être modifié pour cela.

voici le code original css :
.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}
 
.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}
 
.pgwSlideshow .ps-list {
    border-top: 1px solid #555;
    box-shadow: 0 10px 10px -5px #333 inset;
    background: #555;
    overflow: hidden;
    position: relative;
}
 
.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}
 
.pgwSlideshow .ps-list li {
    float: left;
}
 
.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


merci.
Hello
je te fais la même réponse que sur un autre forum ...
ajouter quelques déclarations dans la css