Foros del Web » Creando para Internet » HTML »

Evitar tabulaciones en UL

Estas en el tema de Evitar tabulaciones en UL en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/10/2012, 17:34
 
Fecha de Ingreso: junio-2003
Ubicación: Asturias
Mensajes: 2.429
Antigüedad: 20 años, 11 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.
  #2 (permalink)  
Antiguo 22/10/2012, 17:59
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 11 años, 9 meses
Puntos: 86
Respuesta: Evitar tabulaciones en UL

Hola agrega esto haber si lo solucionas

Código HTML:
<head>
<style type="text/css">
*{
	margin: 0;
	padding: 0;
}
</style>
</head> 
__________________
Saludos!
----------------------------------------------------------
  #3 (permalink)  
Antiguo 22/10/2012, 18:16
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: Evitar tabulaciones en UL

Cita:
Iniciado por flashmax Ver Mensaje
Hola agrega esto haber si lo solucionas

Código HTML:
<head>
<style type="text/css">
*{
	margin: 0;
	padding: 0;
}
</style>
</head> 
Quitar el margin y padding a todos los elementos no creo que sea buena idea. Creo que seria mejor quitarlo solo a los elementos deseados.

- - - - - -

Veo que tienes el texto alineado a la derecha. No sera también ese el problema?


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:10.