Buenas, tengo el siguiente css
Código HTML:
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 0.6em; padding: .5em .5em .5em 3.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 1.5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0.2em 0.2em; border-top: 0; margin-top: 0px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
y el html
Código HTML:
<div id="accordion">
<input type="checkbox" name="1sss" id="1ssss" />
<h3><a href="#"> <table>
<tr>
<td align="center" width="158">22/05/2010</td>
<td align="center" width="158">datos</td>
<td align="center" width="158">datos5</td>
<td align="center" width="140">datos3</td>
</tr>
</table></a></h3>
<div>
<table class="tableo">
<thead>
<tr>
<th >Seleccionar</th>
<th >Total </th>
<th >sumas</th>
<th > restos</th>
<th >azules</th>
<th >blancos</th>
<th >opacos</th>
<th >verdes</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="sss" id="ssss" /></td>
<td>54456</td>
<td>456267</td>
<td>654</td>
<td>456</td>
<td>893</td>
<td>35</td>
<td>525254</td>
</tr>
</tbody>
</table>
</div>
<input type="checkbox" name="sss3" id="ssss3" />
<h3><a href="#">
<table>
<tr>
<td align="center" width="158">22/05/2010</td>
<td align="center" width="158">datos</td>
<td align="center" width="158">datos32</td>
<td align="center" width="140">datosee</td>
</tr>
</table>
</a></h3>
<div>
<p>Hola </p>
</div> No consigo que el checkbox quede justo a la izquierda de la cabecera del acordeon
Me estoy pegando con los estilo pero no lo consgio, alguna idea?