intégration slider - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  intégration slider

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: intégration slider (Lu 3840 fois)

intégration slider
« sur: le 04-10-2013 a 12:08:34 »

tettar
Membre récent

Hors-Ligne

Messages: 10

Bonjour à tous,

je reviens la queue entre les jambes après avoir erré sur le net ... n'ayant pas trouvé de réponses je me permet de la poser içi !

J'essaye d'intégrer un Slider réaliser avec WOWSlider dans un site monter avec Golive (le seul outil dont j'arrive à me servir plus ou moins :p)

Mais quand j'essaye d'intégrer le code html fourni, le slider se colle "n'importe où" et je n'arrive pas à le repositionner ...

Pour vous faire une idée voici le code initial de mon site ;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

   <head>
      <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
      <meta name="generator" content="Adobe GoLive">
      <title>La Malle en CartoOn - Théâtre jeune public Auvergne</title>
      
   <link rel="stylesheet" type="text/css" href="engine1/style.css" />
   <script type="text/javascript" src="engine1/jquery.js"></script>
   


      <link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
      <script type="text/javascript" src="engine1//jquery.js"></script>
      

</head>

   <body background="../images/fond.gif" bgcolor="black">
      <table width="1351" border="0" cellspacing="0" cellpadding="0" align="center" background="../images/General-Box.gif" cool="cool" gridx="2" gridy="2" height="800" usegridx="usegridx" usegridy="usegridy">
         <tr height="120">
            <td width="1350" height="120" colspan="3"></td>
            <td width="1" height="120"><spacer type="block" width="1" height="120"/></td>
         </tr>
         <tr height="590">
            <td width="1350" height="590" colspan="3" valign="top" align="left" xpos="0"><img src="../images/menu.png" alt="" height="91" width="1200" usemap="#menu" align="left" border="0"/></td>
            <td width="1" height="590"><spacer type="block" width="1" height="590"/></td>
         </tr>
         <tr height="89">
            <td width="874" height="89"></td>
            <td width="40" height="89" valign="top" align="left" xpos="874"><img src="../images/facebook.png" alt="" height="31" width="39" usemap="#facebook" border="0"/></td>
            <td width="436" height="89" valign="top" align="left" xpos="914"><img src="../images/mail.png" alt="" height="31" width="38" usemap="#mail" border="0"/></td>
            <td width="1" height="89"><spacer type="block" width="1" height="89"/></td>
         </tr>
         <tr height="1" cntrlrow="cntrlrow">
            <td width="874" height="1"><spacer type="block" width="874" height="1"/></td>
            <td width="40" height="1"><spacer type="block" width="40" height="1"/></td>
            <td width="436" height="1"><spacer type="block" width="436" height="1"/></td>
            <td width="1" height="1"></td>
         </tr>
      </table>
      <map name="facebook"><area title="facebook" shape="rect" coords="1,1,37,29" href="http://www.facebook.com/mallecartoon" alt="facebook" target="_blank"></map><map name="mail"><area title="mail" shape="rect" coords="0,0,34,29" href="mailto:contact@malle-cartoon.com" alt="mail"></map><map name="menu"><area title="Contact" shape="rect" coords="807,9,1027,53" href="Contact.html" alt="Contact"><area title="Agenda" shape="rect" coords="622,9,806,53" href="Agenda.html" alt="Agenda"><area title="Spectacles" shape="rect" coords="391,9,621,53" href="Spectacles.html" alt="Spectacles"><area title="Accueil" shape="rect" coords="174,9,390,53" href="index.html" alt="Accueil"></map>
   </body>

</html>

et voici le code fourni par WOWSlider :


   <div id="wowslider-container1">
   <div class="ws_images"><ul>
<li><img src="data1/images/acro.jpg" alt="acro" title="acro" id="wows1_0"/></li>
<li><img src="data1/images/carte_au_trsor.jpg" alt="carte au trésor" title="carte au trésor" id="wows1_1"/></li>
<li><img src="data1/images/complainte_amoureuse.jpg" alt="complainte amoureuse" title="complainte amoureuse" id="wows1_2"/></li>
<li><img src="data1/images/intro.jpg" alt="intro" title="intro" id="wows1_3"/></li>
<li><img src="data1/images/la_una.jpg" alt="La Una" title="La Una" id="wows1_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="acro"><img src="data1/tooltips/acro.jpg" alt="acro"/>1</a>
<a href="#" title="carte au trésor"><img src="data1/tooltips/carte_au_trsor.jpg" alt="carte au trésor"/>2</a>
<a href="#" title="complainte amoureuse"><img src="data1/tooltips/complainte_amoureuse.jpg" alt="complainte amoureuse"/>3</a>
<a href="#" title="intro"><img src="data1/tooltips/intro.jpg" alt="intro"/>4</a>
<a href="#" title="La Una"><img src="data1/tooltips/la_una.jpg" alt="La Una"/>5</a>
</div></div>
<span class="wsl"><a href="http://wowslider.com">Image Sliders</a> by WOWSlider.com v4.7</span>
   <div class="ws_shadow"></div>
   </div>
   <script type="text/javascript" src="engine1/wowslider.js"></script>
   <script type="text/javascript" src="engine1/script.js"></script>
   

J'espère que vous saurez m'aider !!!

Merci d'avance
Tom.

Rapporter au modérateur

Re:intégration slider
« Répondre #1 sur: le 05-10-2013 a 13:40:06 »

Steeve
Membre récent

Hors-Ligne

Messages: 19

Salut,
en fait il peut y avoir plusieurs raison...
Est-il possible de voir le résultats en ligne...

Si non, avec ton logiciel, tu crée un emplacement et ensuite, tu ajoute a l'intérieur le html du slider, le slider possède peut être des propriétés css qui provoque ce comportement si te le laisse comme ca dans le body...

C'est sans certitude, car je ne connais pas ton code.

Rapporter au modérateur

Re:intégration slider
« Répondre #2 sur: le 07-10-2013 a 10:19:17 »

tettar
Membre récent

Hors-Ligne

Messages: 10

Voici une page test. Le problème étant que je n'arrive pas à repositionner le slider à ma guise ...

http://www.malle-cartoon.com/test

Merci

Rapporter au modérateur

Re:intégration slider
« Répondre #3 sur: le 07-10-2013 a 11:03:11 »

Steeve
Membre récent

Hors-Ligne

Messages: 19

Bien en fait, c'est un peut plus compliqué que ça !!!
Ton site est construit via des <table> et les cellules sont mal construites, t'aider a corrigé le soucis ne pourrait qu’empirer les soucis...

Je pense que tu utilise un logiciel de création, dans ce cas, repart a zero, construit les éléments dont tu as besoin 1 par 1 et sans faire de tests, tu dois être précis, commence du haut vers le bas et ne supprime plus rien sous peine sous peine de créer de nouveau bug. Si c'est bien le cas, ce genre de logiciel est capable d'ajouter le code dont tu as besoin mais quand tu supprime quelque chose, la c'est pas pareil, il reste souvent des traces et le code s’en-boite mal...

Quoi qu'il en soit, utiliser des tables pour construire une architecture n'est pas bon du tous, <table> a une valeur sémantique et sert plutôt a afficher des tableau de données.

Je ne dis pas que ton code ne soit pas modifiable mais honnêtement je te conseil vivement de quitter cette route tout de suite ou tu auras toujours des galère...

Voila en gros mais je passe des explications quoi qu'il en soit ce que tu cherche a faire n'est pas très compliqué en html...

Bon courage !