Pregunta

HTML espaciado Problemas http://img19.imageshack.us/img19/705/ ohdear.png

Como se puede ver en la imagen de arriba, estoy teniendo algunos problemas.

la imagen, si lo anterior no se puede cargar

Estoy usando CSS para mantener todo en su lugar ... ¿sabe qué podría estar causando esto?

¿Fue útil?

Solución

Sólo estoy adivinando lo que sus preguntas se basan en lo que veo en esa imagen ...

Parece que usted tiene 2 listas ordenadas dentro de un conjunto de campos.

Parece que su primer problema es que sus listas ordenadas tienen ningún estilo margen izquierdo, por lo que los números de la lista de "salir" del grupo de campos. Para solucionar esto, simplemente añadir un poco de margen a sus listas ordenadas:

ol {
    margin-left: 20px; /* experiment with the 
                          left width until you're 
                          happy with the spacing */
}

Su segunda cuestión parece que tiene ningún margen en la parte superior o inferior de sus listas, por lo que apilar hasta justo encima de la otra. Esto debería ser fácilmente fijado con las reglas siguiente estilo (que incluye la regla margen definido anteriormente):

ol {
    margin: 20px 0px 20px 20px;
    /* again, experiment with the margin size until you're happy with it */
}

Eso es lo mejor que puedo hacer sin ver el marcado o estilos que tiene.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top