CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Créer un accordéon (messages) | |
| |
Kimy
{ Membre actif }
Messages : 1190
| Ok ^^
Alors récapitulons. Peux-tu me passer ton template overall_header ainsi que le code entier de ta PA et le CSS qui est relié avec s'il te plaît ? | | |
| | | Sarah.
{ Membre }
Messages : 78
| Voilà (:
Mon template
- Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <script type="text/javascript" src="http://jquery.com/src/latest/"></script> <script type="text/javascript" src="gradualfader.js">
/*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/
</script>
<script type="text/javascript" src="http://pmsc.free.fr/J02/10228205158.js"></script> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam ) { case 'top' : slid_vert = true; break;
case 'left': break;
case 'bottom': slid_vert = true; auto_dir = 'prev'; break;
case 'right': auto_dir = 'prev'; break;
default: slid_vert = true; }
$(document).ready(function() { var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) { $('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */ $('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des �l�ments */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des �l�ments et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } });
/* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); }
/* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script> <!-- END switch_ticker_new -->
<script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script>
{GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview -->
<!-- BEGIN switch_ticker_new --> <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; }
</style> <!-- END switch_ticker_new --> <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/16808965363133770/b.js"></script></head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION} </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION} </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </td> </tr> </table> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
Mon CSS :
- Spoiler:
- Code:
-
haccordion{ padding: 0; width: 800px; }
.haccordion ul{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.haccordion li{ margin: 0; padding: 0; display: block; width: 100%; height: 20px; overflow: hidden; float: left; }
#hc1 li{ margin:0 0px 0 0; width: 800px; }
#hc1 li .hpanel{ padding: 0px; background: transparent; }
.haccordion li .hpanel{ width: 20px; height: 20px; }
#hc1 li{width: 118px; height: 124px; } #hc1 li .hpanel{width: 205px; height: 124px; }
Ma PA :
- Spoiler:
- Code:
-
<script type="text/javascript"> haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'50px', fullw:'400px', 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:'450px', h:'150px'}, selectedli: [-1, true], //[selectedli_index, persiststate_bool] collapsecurrent: true //<- No comma following very last setting! })
</script><div id="hc1" class="haccordion"> <ul> <li> <div class="hpanel"> <img src="http://img11.hostingpics.net/pics/7304701.png" style="float:left; padding-right:8px; width: 100px; height:240px" />BLABLABLABLABLA </div> </li> <li> <div class="hpanel"> <img src="http://img11.hostingpics.net/pics/3753482.png" style="float:left; padding-right:8px; width:100px; height:240px" />BLABLABLABLABLA </div> </li> <li> <div class="hpanel"> <img src="http://img11.hostingpics.net/pics/5803293.png" style="float:left; padding-right:8px; width:100px; height:240px" />BLABLABLABLABLA </div> </li> <li> <div class="hpanel"> <img src="http://img11.hostingpics.net/pics/6404304.png" style="float:left; padding-right:8px; width:100px; height:240px" />BLABLABLABLABLA </div> </li> </ul> </div>
| | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Le problème est toujours le coulissement ?
Parce que tout fonctionne bien sur mon forum °° | | |
| | | Sarah.
{ Membre }
Messages : 78
| Non le coulissement marche mais les images sont comme ' entassées ' quand l'accordéon est fermé, je te montre :
| | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Ah ben ça c'est normal °° C'est le principe de l'accordéon XD | | |
| | | Sarah.
{ Membre }
Messages : 78
| Oui je m'en doute bien x) Mais je sais pas comment expliquer le problème exact, en fait, quand l'accordéon est fermé, l'image devrait être normale et avoir l'apparence de l'image de base ( que j'ai découpée en 4 ), non ? C'est-à-dire avoir cette apparence :
| | |
| | | Kimy
{ Membre actif }
Messages : 1190
| A la base c'est pas vraiment le but but qu'ont les gens mais c'est faisable ^^ Alors tout se passe dans le script que tu mets dans ta PA - Code:
-
<script type="text/javascript"> haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'100px', fullw:'400px', h:'158px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! }) Tu vois le peekw ? C'est la largeur que tu souhaites voir apparaître de ton image. Tu avais mis 30. Je t'ai mis 100 pour voir ton image en entier donc. J'ai remarqué que tes images étaient aussi plus grandes en hauteur que ce que l'on voit à l'écran. Pour qu'elles apparaissent en entière niveau hauteur il faut que tu règles la valeur : h également. | | |
| | | Sarah.
{ Membre }
Messages : 78
| C'est impeccable, merci beaucoup ♥ | | |
| | | .Lucky_dream ♥
{ Membre }
Messages : 89
| Coucou dans mes templates, je n'ai pas overall-header-new (j'ai juste overall-header) est ce que c'est pareil ? | | |
| | | Cookie
{ Membre }
Messages : 28
| - .Lucky_dream ♥ a écrit:
- Coucou dans mes templates, je n'ai pas overall-header-new (j'ai juste overall-header) est ce que c'est pareil ?
Oui c'est exactement la même chose | | |
| | | Kuro
{ Membre }
Messages : 7
| Yop, en fait j'aimerais savoir s'il y a moyen d'adapter le script pour faire un effet accordéon dans les messages et pas seulement la page d'accueil. Oui je sais, vous avez dit que ça marchais pas dans les messages, mais il doit bien y avoir un moyen de le faire marcher, non ? | | |
| | | Tupac
{ Membre actif }
Messages : 368
| Bonjour
J'ai un petit souci avec mon accordéon.
J'ai mis en place l'accordéon sur mon forum test jusque la pas de problème l'accordéon fonctionne très bien mais en voulant le transférer sur le bon forum en faisant un copier coller surprise plus rien ne marchait et en revenant voir sur le forum test l'accordéon ne marchait plus lui aussi.
Je me doute bien que l'accordéon na pas supporté le copier coller mais pourquoi en revenant sur le forum test l'accordéon ne marchait plus lui aussi,j'avoue que la je ne comprends pas.
Je fais donc appel a vous en espérant avoir une réponse a mon interrogation.
| | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Bonne question , il m'arrive de copier/coller un code vers un autre endroit et il marche toujours donc .
Peut-être que le html est désactivé sur l'autre forum ?
| | |
| | | Tupac
{ Membre actif }
Messages : 368
| Bonjour
Le HTML a toujours été activé et j'ai réessayé maintes et maintes fois mais y a rien a faire,je dois dire que la je suis un peu perdu.
Serait-il possible que je vous laisse les identifiants de mon forum test par MP pour que vous y jetiez un petit coup d'œil. | | |
| | | Tupac
{ Membre actif }
Messages : 368
| | | | Tiadeets
{ Membre }
Messages : 31
| Bonjour, J'ai bien fait comme vous avez dit mais regardez ce que ça me fait : Look. Voici mon code HTML : - Code:
-
<div class="gensmall"><script type="text/javascript">haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'30px', fullw:'210px', h:'50px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! })</script><div id="hc1" class="haccordion"><ul> <li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://twilighters.forumactif.org/" target="_blank"><img src="http://nsa04.casimages.com/img/2009/01/26/09012608451959293.jpg" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://the-graphics-only.forums-actifs.net/" target="_blank"><img src="http://alainbregeon.free.fr/download/upload/mini.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://simucatch.pro-forum.fr/" target="_blank"><img src="http://i66.servimg.com/u/f66/14/86/53/49/patena10.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://japan-pillow.asiat-world.com/" target="_blank"><img src="http://img705.imageshack.us/img705/8505/bouton5japanp.png" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"><ul><li style="overflow: hidden; width:288px; display: block;"><div class="hpanel"><a href="http://lemetro.forumdediscussions.com/forum.htm" target="_blank"><img src="http://i20.servimg.com/u/f20/12/40/50/96/88x3110.png" alt=""></a></div></li></ul></div> Merci d'avance. Bonne journée! | | |
| | | Yeon Gi
{ Membre }
Messages : 293
| Bonjour, très bon tuto, assez chaud à comprendre quand même mais bon il faut bien lire ^^ J'ai fait tout bien comme c'était écrit, le défilement marche impeccable mais par contre les panneaux s’affichent les uns en dessous des autres à chaque fois peu importe la taille que je met =/ | | |
| | | Tupac
{ Membre actif }
Messages : 368
| |
Dernière édition par Tupac le Ven 07 Jan 2011, 20:25, édité 2 fois | |
| | | Boow
{ Membre actif }
Messages : 866
| Est-il possible de faire le même accordéon mais verticalement ? =] | | |
| | | Tupac
{ Membre actif }
Messages : 368
| |
Dernière édition par Tupac le Ven 07 Jan 2011, 20:26, édité 1 fois | |
| | | Invité Invité
| Bonjour =) Merci pour le tuto, mais j'ai quelques problèmes avec... Voilà ce que cela me fait : http://hells-stuff.forumactif.info/forum le début n'est pas bon, mais une fois qu'on est passé dessus, ca va. Je ne comprend pas, donc... voilà mon code css : - Code:
-
.haccordion{ padding: 0; width: 320px; }
.haccordion ul{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.haccordion li{ margin: 0; padding: 0; display: block; width: 100%; height: 20px; overflow: hidden; float: left; }
#hc1 li{ margin:0 0px 0 0; width: 320px; }
#hc1 li .hpanel{ padding: 0px; background: transparent; }
.haccordion li .hpanel{ width: 20px; height: 20px; }
#hc1 li{width: 118px; height: 124px; } #hc1 li .hpanel{width: 205px; height: 124px; } et ce qu'il y a sur ma pa ; - Code:
-
<div class="gensmall"><script type="text/javascript">haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'30px', fullw:'200px', h:'320px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! })</script><div id="hc1" class="haccordion"><ul> <li style="overflow: hidden; width:470px; display: block;"><div class="hpanel"> <a href="http://www.archive-host.com/"><img src="http://i34.tinypic.com/24l3ry0.png"></a></div></li>
<li style="overflow: hidden; width:470px; display: block;"><div class="hpanel"> <a href="http://www.archive-host.com/"><img src="http://i34.tinypic.com/2zyg4dt.jpg"></a></div></li>
<li style="overflow: hidden; width:470px; display: block;"><div class="hpanel"> <a href="http://www.archive-host.com/"><img src="http://i38.tinypic.com/2f084ls.png"></a></div></li>
</ul>
</div> Merci d'avance pour l'aide (: | | |
| | | Boow
{ Membre actif }
Messages : 866
| Si tu mets ceci dans ton css, ça marche peut-être ? =S - Code:
-
.hpanel { float: left; } | | |
| | | Invité Invité
| Merci =)
Mais... ça change rien ... Je pense que le problème vient du reglage du css mais je vois pas trop quoi changer en fonction de quoi en fait... |
Dernière édition par Innocence le Jeu 23 Déc 2010, 05:47, édité 1 fois | |
| | | Invité Invité
| Salut!
Justement B•øw a donner une possibilité pour le CSS donc un "réglage du CSS" x] | | |
| | | Invité Invité
| Coucou,
Nan, je voulais dire dans les valeurs à modifier... J'ai essayé avec ce que B•øw a donné et ca a rien modifié, malheureusement
EDIT. J'ai demandé autre part, et on m'a donné la réponse =) |
Dernière édition par Innocence le Dim 02 Jan 2011, 08:11, édité 1 fois | |
| | | Contenu sponsorisé
| | | | | Créer un accordéon (messages) | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|