Home/ Questions/Q 5987121
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T22:46:10+00:00

i’m trying to create a table into a accordion but although i set into

  • 0

i’m trying to create a table into a accordion but although i set into the table the width, i could make it fit into the section of accordion resulting of this

this is the accordion closed
enter image description here

this is the accordion open: note’s that when it’s open the table inside the section doesn’t fit into the width and for consecuense add scrollbars

enter image description here

<div id="accordion" style="display: block; " class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role="tablist">
    <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span><a href="#">algo</a></h3>
    <div id="indicator-65" class="indicatorLayer ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="display: block; height: 323px; " role="tabpanel">
        <table border="1" style="width:400px;float:left">
        <tbody><tr><td><p> <span class="formatText">Nombre de la capa: </span><label class="accordLblName">algo</label> </p><p> <span class="formatText">Imagen de los marcadores: </span></p><div id="5" class="accordImage" style="height:60px;background:url(assets/banderadepaz2.gif);background-repeat:no-repeat;margin-left:300px;margin-right:300px;"></div><p> <span class="formatText">Descripcion de la capa: </span><label class="accordLblDescrip">sklñasfjaslfñd </label></p><p><span class="formatText">Mensaje a mostrar: </span></p><div class="undefined"><p> <span class="fieldText">cantidad de fallas</span>  asdfasdfasdf</p></div></td><td> <label for="parameters" class="formatText">Elige el parametro que rige el indicador</label> <select name="parameters" id="sltParameters"><option value="1">Distrito Capital</option> </select>
        </td></tr></tbody></table>
    </div>
</div>

thanks and i hope an answer

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is a <div> tag inside your code:

    <div id="5" class="accordImage" style="height:60px;background:url(assets/banderadepaz2.gif);background-repeat:no-repeat;margin-left:300px;margin-right:300px;"></div>

    This has 300px margins on either side, which makes it take up 600px inside the table cell. That overrides your 400px.

    I would place that image like this:

    <div style="height:60px; width: WIDTH_OF_IMG_IN_PX; margin: 0 auto; background: url(assets/banderadepaz2.gif) no-repeat;"></div>
    • 0