Tengo un problema con los estilos. Imaginen que tengo una serie de Categorías. Y por medio de Ajax (eso ya lo tengo) jalo las subcategorias. Y me las muestra abajo de esta categoría desplazando a las demás categorías. Luego esta subcategoria tiene mas subcategorias y lo mismo, le doy clic y desplazo a las demás subcategorias.
El problema es que no puedo hacer un estilo especial. O no encuentro otra forma de hacer sin tablas. Alguien sabe que puedo usar en vez de tablas (pero necesito el estilo pues no se mucho) o como puedo mejorar el código que uso ya que luego me salen un poco desplazadas las celdas y/o me quedan espacios que no quiero entre una fila y otra.
Código HTML:
<center>
<div id="report">
<table>
<tr>
<td>
<table id="reporte" cellpadding="0" cellspacing="0">
<tr>
<th id="iconos"></th>
<th id="encabezados">Nombre</th>
<th id="encabezados">Total productos</th>
<th id="encabezados">Total vendidos</th>
<th id="encabezados">Sobrantes</th>
</tr>
<tr>
<td id="iconos"><img src="notes.png" onmouseover="this.style.cursor='hand';" onclick="parte('funciones.asp?fc=<%=fc%>&id=detalle1,'nivelsiguiente');"/></td>
<td id="nombre">Categoría</td>
<td id="money">10</td>
<td id="money">2</td>
<td id="money">8</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="nivelsiguiente">
</td>
</tr>
</table>
</div>
</center> Y esto se repite una y otra vez. Todo lo que esta dentro del div se vuelve a jalar (obvio con un contenido diferente) y se agrega en la celda que tiene como "id" "nivelsiguiente" y así hasta mas o menos un nivel 5.
Por eso, HELP!!!!!!
Gracias por su atención.