Accordion How to shorten the distance between two divisions
Hello;
I'm using JQuery Accordion, and I want to shorten the distance between two divisions
To understand more : here's a part of the asp.net code and some picture to explain thanks
- <%@ Page Title="" Language="C#" MasterPageFile="~/masterpage/MasterPage.master" AutoEventWireup="true" CodeFile="savoir_notation.aspx.cs" Inherits="introduction_savoir_notation" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="../css/introduction/savoir_notation.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// Initialise the effects
jQuery().ready(function() {
// simple accordion
var accordions = jQuery('#list1a, #list1b, #list2, #list3, #navigation, #wizard');
jQuery('#savoirs').accordion({
autoheight: false,
fillSpace: false,
active: false,
alwaysOpen: false
});
jQuery('#faqs').accordion({
autoheight: false,
active: false,
alwaysOpen: false
});
});
</script>
<title>NOTA-PME™ Notation Preface en ligne</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="contents">
<div id="espace5"></div>
<img src="../images/text84.png" alt="" class="pic" />
<img src="../images/text88.png" alt="" class="pic" />
<div id="contentscroll2">
<div id="leftsidex">
<div id="espace1"></div>
<%--<font color=royalblue style="font-size:11px"><a href="savoir_consultation.aspx"><b><u>
Tout savoir sur les Consultations NOTA-PME™ >></u></b></a></font>--%>
<div id="espace5"></div>
<a href="savoir_consultation.aspx"><img src="../images/polygon941.png" alt="" class="pic" />
<img src="../images/text939.png" alt="" class="pic" /></a>
<img src="../images/line1.png" style=" position:absolute; height:100px; color:red; margin-left:200px;" alt="" class="pic" />
<br/><br/>
<%--<b><font color=green style="font-size:15px">Tout savoir sur l'Auto-notation
NOTA-PME™</font></b>--%>
<!-- J query accroding ---------------------------------------------------- -->
<div class="basic" id="savoirs">
<div style="margin-bottom:20px;">
<a href="#" id="lien1" style=" background:url(../images/rect628-3.png); width:436px; height:20px; background-repeat:no-repeat; color:Black; position:absolute;" onclick="document.getElementById('lien4').style.color='black';document.getElementById('img7').style.display='inline';document.getElementById('img8').style.display='none';document.getElementById('lien3').style.color='black';document.getElementById('img5').style.display='inline';document.getElementById('img6').style.display='none';document.getElementById('lien2').style.color='black';document.getElementById('img3').style.display='inline';document.getElementById('img4').style.display='none';if(document.getElementById('lien1').style.color=='green'){document.getElementById('lien1').style.color='black';document.getElementById('img1').style.display='inline';document.getElementById('img2').style.display='none';}else{document.getElementById('lien1').style.color='green';document.getElementById('img1').style.display='none';document.getElementById('img2').style.display='inline';}" > <img src="../images/polygon634.png" id="img1" alt="" class="pic" /><img src="../images/polygon807.png" style="display:none;" id="img2" alt="" class="pic" /> PME, souriez : vous
êtes noté !</a>
<div style=" background-color: white; border:solid 1px #d9d9d9; margin-top:20px; height:476px; background-repeat:no-repeat; width:426px; padding-left:7px; position:relative;">
<br />
<b><font color=royalblue style="font-size:11px">Qui vous note ?</font></b> La Banque
de France, votre banque, vos grands fournisseurs et leurs assureurs-crédit.
<div id="espace5"></div>
<b><font color=royalblue style="font-size:11px">Quelles conséquences à cette
notation ?</font></b> Si cette note est médiocre ou mauvaise, ou se dégrade, ou
si vous appartenez à un secteur réputé fragile ou en difficulté, vous pouvez
vous voir refuser ou réduire une ligne de crédit ou un contrat...
<div id="espace5"></div>
<b><font color=royalblue style="font-size:11px">Comment cette note est-elle
déterminée ?</font></b> Elle résulte principalement d'une analyse automatisée de
vos comptes fiscaux, éventuellement complétée d'une "enquête commerciale" ou
"enquête de solvabilité". Mais ces comptes, comme vous le savez, ne sont pas
toujours parfaitement représentatifs de votre réalité économique.
<div id="espace5"></div>
<b><font color=royalblue style="font-size:11px">Ainsi par exemple :</font></b>
<div id="espace5"></div>
<img src="../images/path968.png" alt="" class="pic" /> certaines de <font color=royalblue style="font-size:11px">vos immobilisations
corporelles sont peut-être sous-évaluées</font>, soit par rapport à leur valeur
de marché (un terrain, des entrepôts...), soit parce que trop rapidement
amorties
<div id="espace3"></div>
<img src="../images/path968.png" alt="" class="pic" /> vos actifs immatériels sont insufisamment valorisés : <font color=royalblue style="font-size:11px">
la notoriété de votre marque, votre système d'information, vos licences et
brevets, votre Recherche & Développement...</font>
<div id="espace3"></div>
<img src="../images/path968.png" alt="" class="pic" /> votre capacité bénéficiaire a logiquement chuté <font color=royalblue style="font-size:11px">
du fait d'un programme d'investissements en cours qui n'a pas encore produit ses
effets</font>
<div id="espace3"></div>
<img src="../images/path968.png" alt="" class="pic" /> votre rentabilité est <font color=royalblue style="font-size:11px">minorée par
votre préférence pour un solide salaire de dirigeant</font>
<br><br>
Il se peut aussi que certains de vos fondamentaux puissent être vus de
l'extérieur comme défavorables, alors qu'ils peuvent parfaitement se justifier.
Par exemple, vous pouvez démontrer que vos stocks apparemment "pléthoriques"
vous permettent de satisfaire immédiatement vos clients quand vos concurrents
leur imposent des délais préjudiciables.
<br><br>
<b><font color=royalblue style="font-size:12px">NOTA-PME™ vous procure un "droit de
réponse" :</font></b> Comment ? en vous fournissant les moyens de redresser et
d'améliorer de manière crédible votre image financière, en corrigeant les
valorisations comptables sur la base des valeurs de marché et de vos choix à
caractère stratégique.
</div>
</div>
<%--<div id="espace5"></div>--%><div id="div1" style="height:30px;"></div><%--<br /> <br />--%>
</asp:Content>