Titre: intégration slider
Posté par: tettar le le 04-10-2013 a 12:08:34
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>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
<script type="text/javascript" src="engine1//jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</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 :
<!-- Start WOWSlider.com BODY section -->
<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>
<!-- End WOWSlider.com BODY section -->
J'espère que vous saurez m'aider !!!
Merci d'avance
Tom.
|
Titre: Re:intégration slider
Posté par: Steeve le le 05-10-2013 a 13:40:06
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. |
Titre: Re:intégration slider
Posté par: tettar le le 07-10-2013 a 10:19:17
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 |
Titre: Re:intégration slider
Posté par: Steeve le le 07-10-2013 a 11:03:11
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 !
|
Titre: Re:intégration slider
Posté par: tettar le le 08-10-2013 a 08:41:34
Merci à vous pour vos réponses 'y compris en MP)
Et Aaaaaaaaaargh !!! ::)
Connaissez vous un WYSIWYG intuitif et à jour ?
Merci encore ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|