Autor Tema: Creacion de listas en HTML ordenadas ol y no ordenadas ul ejemplo CU00718B (Leído 2194 veces)

hymsoft · « **en:** 07 de Agosto 2016, 05:47 »

Buenas noches!!! aqui mi solucion para el ejercicio CU00718B del curso básico de desarrollo web con HTML desde cero.

Y como siempre una pregunta... dónde debería poner la etiqueta <hr> para que este justo debajo del número 1 no de el tabulador??? jugando con el margin le agregue -15px y logre lo que quería pero no me parece que sea una solución muy estética :-(

Código: [Seleccionar]

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Resolución al ejercicio CU00718B - Hugo Segura</title>
  </head>
  <body>
    <ol>
      <li>Doctores</li>
      <ul style="list-style-type:disc">
        <li>Juan Perez</li>
        <li>Alberto Márquez</li>
        <li>Raúl Moreno</li>
      </ul>
      <hr style="color:blue;background-color:blue;width:50%;height:10;margin-left:0px;">
      <li>Ayudantes</li>
      <ul style="list-style-type:disc">
        <li>Noelia Suárez</li>
        <li>Abel Rebollo</li>
      </ul>
      <hr style="color:blue;background-color:blue;width:50%;height:10;margin-left:-15px;">
      <li>Auxiliares</li>
      <ul style="list-style-type:disc">
        <li>Silvia Estévez</li>
        <li>Angela Gonzáles</li>
        <li>Cuarthemoc Adanez</li>
      </ul>
    </ol>
  </body>
</html>

Ogramar · « **Respuesta #1 en:** 10 de Agosto 2016, 15:12 »

Buenas el ejercicio bien, sobre la posición de la línea con hr, al definir el width del 50% la línea toma una posición por defecto. Lo que sería modificar esa posición corresponde más al curso de CSS que al de HTML, cuando veas CSS podrás ir aclarando todas estas cuestiones.

Salu2

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: