Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 07 de Agosto 2016, 05:47

Título: Creacion de listas en HTML ordenadas ol y no ordenadas ul ejemplo CU00718B
Publicado por: 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>
Título: Re:Creacion de listas en HTML ordenadas ol y no ordenadas ul ejemplo CU00718B
Publicado por: Ogramar 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