Centrer un Slider

[L.Marzoff]

Bonjour, bonsoir,

Je vous expose mon petit problème, tout simple mais que je n'arrive pas à résoudre.

Alors voilà, sur mon forum test : http://the-crime.forumgratuit.org/ vous pourrez constatez que j'ai installé un Slider comme ceci :

Spoiler:

Le problème, c'est que je n'arrive tout simplement pas à le centrer.


Voici la partie de la template overall_header concernée :

Code:


<script type="text/javascript" src="http://workshop.rs/projects/coin-slider/coin-slider.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script>
 
    <div id="coin-slider">
    <a href="http://the-crime.forumgratuit.org/f31-demande-de-partenariat"><img src="http://image.noelshack.com/fichiers/2013/28/1373568885-slider-partenaire.png"><span>Deviens partenaire maintenant en cliquant sur l'image</span></a>
    <a href="http://the-crime.forumgratuit.org/"><img src="http://image.noelshack.com/fichiers/2013/28/1373571465-slider-retour.png"><span>  </span></a>
    <a href="http://the-crime.forumgratuit.org/t209-le-retour/"><img src="http://image.noelshack.com/fichiers/2013/28/1373583642-slider-le-retour-ms.png"><span> Viens voir le discours de Feodor écrit pour l'occasion ici </span></a>
      
      </div>
    
  </head>


Ainsi que la partie de mon CSS concernée :

Code:

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
 
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #545454; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
 
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
 
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

N'étant désespérément pas doué, je m'en remets à vous
Merci beaucoup d'avance et bonne journée.

[Invité]

Bonjour,

tu rajoutes la balise center en début de code  

Code:

<center>
<script type="text/javascript" src="http://workshop.rs/projects/coin-slider/coin-slider.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script>
 
    <div id="coin-slider">
    <a href="http://the-crime.forumgratuit.org/f31-demande-de-partenariat"><imgsrc="http://image.noelshack.com/fichiers/2013/28/1373568885-slider-partenaire.png"><span>Deviens partenaire maintenant en cliquant sur l'image</span></a>
    <a href="http://the-crime.forumgratuit.org/"><imgsrc="http://image.noelshack.com/fichiers/2013/28/1373571465-slider-retour.png"><span>  </span></a>
    <a href="http://the-crime.forumgratuit.org/t209-le-retour/"><imgsrc="http://image.noelshack.com/fichiers/2013/28/1373583642-slider-le-retour-ms.png"><span>Viens voir le discours de Feodor écrit pour l'occasion ici </span></a>
      
      </div>
    
  </head>[font=Verdana, Arial, Helvetica, sans-serif][/font]
 

[MS-Corp]

[A SUPPRIMER]

[L.Marzoff]

Bonjour,

Déjà merci d'avoir pris la peine de me répondre, mais... j'avais déjà essayé ! Et voilà le résultat :

Spoiler:

Le slider est bien centré mais il n'y a plus qu'une image et on ne la voit pas.

[Invité]

voilà ce que ca donne sur mon forum de test:




le code marche
tu as du faire une erreur !!!

[L.Marzoff]

Merci, j'ai réessayé et j'avais effectivement fais une erreur dans mon code.

Maintenant, tout marche parfaitement, merci beaucoup Danynou