Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/10/2012, 17:34
chcma
 
Fecha de Ingreso: junio-2003
Ubicación: Asturias
Mensajes: 2.429
Antigüedad: 21 años, 8 meses
Puntos: 7
Evitar tabulaciones en UL

Buenas noches desde España foreros..

A ver si alguien puede ayudarme con un problema tonto, pero que me está trayendo de cabeza.

Veréis, tengo un DIV, en el cual, dentro tengo una lista (UL). Esta lista UL me está saliendo un poco desplazada hacia la derecha, es decir, tabulada. Lo que me interesaría es que estuviera alineada a la izquierda con la DIV, ya uqe la aplicación es para ver en dispositivos móviles, y no se está visualizando bien, por que sale desplazada hacia la derecha...

Este es el código que tengo ahora mismo:

Código:
<div data-role="collapsible" data-mini="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<h3>Titulo de mi capa</h3>

<ul style="list-style-type:none; list-style:none; display:table;">

        <li>
                <table style="width:250px;">
                    <tr>
                        <td style="font-weight:bold; text-align:right">Inicio:</td>
                        <td>contenido</td>
                        <td style="font-weight:bold; text-align:right">Importe:</td>
                        <td>contenido</td>
                    </tr>
                 </table>
        </li>
</ul>
Nota: Obviamente pongo un ejemplo de lo que estoy generando, no es que solo haya un <li> dentro del UL.

Espero haberme explicado.


Ahora me está saliendo algo como esto:

TITULO DE MI CAPA
LISTA TABLULADA

Y lo que querría es que saliera asi:

TITULO DE MI CAPA
LISTA TABULADA


Por favor, si alguien sabe que estoy haciendo mal, se lo agradecería.
__________________
Charlie.