Sujets similaires

Bonsoir !

Bon, c'est encore moi ! Embarassed

J'ai encore un soucis avec un script, j'ai en fait créer un accordéon que l'on peut voir là , que je souhaiter insérer sur ma PA grâce à l'iframe.

Le soucis, c'est qu'il est impossible de centrer mon accordéon dans la page et lorsque l'accordéon est sur la PA, il ne prend pas toute la place, de plus les images ne se déroules pas comme il faut... ^^"

Quelqu'un a-t-il une solution ?

Voici ma page html avec mon script :

Code:: <html><head>

<link rel="stylesheet" type="text/css" href="haccordion.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="haccordion.js">

/***********************************************
* Horizontal Accordion script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<style type="text/css">

/*CSS for example Accordion #hc1*/

#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: lightblue;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 12px solid black;
}

#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #E2E9FF;
cursor: hand;
cursor: pointer;
}

</style>

<script type="text/javascript">

haccordion.setup({
accordionid: 'hc1', //main accordion div id
paneldimensions: {peekw:'50px', fullw:'660px', h:'158px'},
selectedli: [0, true], //[selectedli_index, persiststate_bool]
collapsecurrent: false //<- No comma following very last setting!
})

haccordion.setup({
accordionid: 'hc2', //main accordion div id
paneldimensions: {peekw:'30px', fullw:'660px', h:'150px'},
selectedli: [-1, true], //[selectedli_index, persiststate_bool]
collapsecurrent: true //<- No comma following very last setting!
})

</script>

<script type="text/javascript" src="http://pmsc.free.fr/J03/1045165647.js"></script>

<style>
.haccordion{
padding: 0;
width: 1200px; */ Grandeur total que vous dÃsirÃ une fois qu'ils sont utilisÃ */
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*on touche pas*/
}

.haccordion li{
margin: 0;
padding: 0;
display: block; /*on touche pas*/
width: 100%; /*comme tu prÃfÃ¨res c'est la hauteur*/
height: 20px; /*comme tu prÃfÃ¨res c'est la longueur*/
overflow: hidden; /*on touche pas*/
float: left; /*on touche pas*/
}

#hc1 li{
margin:0 0px 0 0; /*espace entre chaque content*/
width: 800px;
}

#hc1 li .hpanel{
padding: 0px; /*espace entre chaque content*/
background: transparent;
}

.haccordion li .hpanel{
width: 20px; /*comme tu prÃfÃ¨res c'est la hauteur*/
height: 660px; /*comme tu prÃfÃ¨res c'est la longueur*/
}

#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a { text-decoration: none; }
a img{border: none;}

img{opacity:0.5} */Un effet sur les images /*
img:hover{opacity:1}

body{ background-color:#;} */couleur du fond de page/*</style>
<script type="text/javascript">haccordion.setup({
accordionid: 'hc1', //main accordion div id
paneldimensions: {peekw:'30px', fullw:'210px', h:'100px'},
selectedli: [0, true], //[selectedli_index, persiststate_bool]
collapsecurrent: false //<- No comma following very last setting!
})</script><style type="text/css">
#hc1 li{width: 30px;
height: 100px;
}
#hc1 li .hpanel{width: 210px;
height: 100px;
}
</style></head><body><div class="gensmall">

<div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-f1/l-imagination-n-a-pas-de-limite-uc-t225.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090919260266618412.png" alt=""></a></div></li>
<li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090919260266618408.png" alt=""></a></div></li><li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090919260266618411.png" alt=""></a></div></li><li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090919260266618407.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090920260266618413.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090919260266618409.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 30px; display: block;"><div class="hpanel"><a href="http://creatio.forumotion.com/presentations-du-staff-f46/trent-mathers-t16.htm" target="_blank"><img src="http://nsm04.casimages.com/img/2010/08/23//100823090920260266618414.png" alt=""></a></div></li></ul></div></div></body></html>

et la manière dont je l'ai insérer dans ma PA :

Code:: 
<table width="100%">
<tr>
<td width="100%"><div class="pattitres" onmouseover="patonglet3()">NOS AMIS</div></td>
</tr>
</table>
<table width="100%">
<tr width="100%">
<td width="100%">
<div id="onglet3">
<div class="patmessages">
<table width="200%" border="0" cellpadding="10" cellspacing="1">
<tr>
<td style="text-align: center;" width="100%">

<table width="100%"><tr><td colspan="3">
</td></tr>
<tr>

<td class="bidule"><br>
<center><iframe name="B2" src="http://test-forum-wk.forumotion.com/PARTENAIRES-h10.htm " border="0" frameborder="0" height="250" allowtransparency="yes"></iframe>
</center>
</tr></table>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>

Merci d'avance ! ^^

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Probléme avec un script, once again, effet accordéon 87671resolu3

Probléme avec un script, once again, effet accordéon 87671resolu3

en éditant votre 1er post.

Non, toujours pas résolu.

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Probléme avec un script, once again, effet accordéon 87671resolu3

en éditant votre 1er post.

Non, toujours pas résolu.

Excuse moi, mais est-ce que tu as fait cet accordéon avec le tutoriel du forum?
Bisous~

Oui, j'ai un peu bidouillé à ma sauce par contre ! ^^'

Est-ce que tu as essayée de prendre juste le tutoriel sans modifier à ta sauce xD?
Parce que peut-être que c'est ta modification qui as donnée le problème?

Sinon je ne peux pas trop t'aider, je ne m'y connaît pas trop en accordéon...Est-ce que tu pourrais juste me donner le code de départ que je vois si je peux comme même faire quelque chose xD?

Bisous~

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Probléme avec un script, once again, effet accordéon 87671resolu3

en éditant votre 1er post.

Bonjour,
Est-ce que le problème a été résolu ? Si oui merci de le signaler avec la balise "résolu"
Ce dossier risque sinon de partir à la corbeille, si nous devons encore relancer

Argh, non, non désolée, pas résolu... Je cherche le script original dans mon ordi et je le poste... Et je vais aussi chercher pourquoi j'ai pas eut de mail comme quoi il y avait des réponses... ><

Bonjour,
Est-ce que votre demande a été résolue ? Je sais c'est chaint...

Bonjour,

Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.

Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.

Probléme avec un script, once again, effet accordéon

Probléme avec un script, once again, effet accordéon

Sujets similaires

Sujets similaires

Partenaires Or