Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: frikiboom1 en 8 Octubre 2014, 04:39 am



Título: divs en html
Publicado por: frikiboom1 en 8 Octubre 2014, 04:39 am
Hola gente, alguien me puede orientar de como hacer una página con 2 bloques, que en el bloque de la izquierda este ubicado el menu con los links, y que al hacer click en un link el contenido de este aparezca en el bloque derecho. en un principio lo habia hecho con divs pero mejor utilize algo de html5 como el comando <nav> para el menu y <section> para el contenido, asi tengo el codigo. en conclusión mi duda sería como mandar el href a la otra sección o bloque

Código:
<html>
<html lang="en">
<head>
 
 <meta charset="UTF-8">
 <tittle>MENU</tittle>
 <link rel="stylesheet" href="panel.css">

</head>
<body>

   <nav>
        <ul>
    <li>
      <p class="menu">inicio</p> </a>
   </li>
   </a>

   <li>
             <p class="menu">Quienes somos</p>    
   </li>

   <li>
                 <p class="menu">Proveedores</p>    
     </li>

</ul>
  </nav>
         
     <section>
 
       <p>CONTENIDO</p>
 
     </section>
 
</body>
</html>


Título: Re: divs en html
Publicado por: peib0l en 8 Octubre 2014, 17:18 pm
Para hacer lo que pides con html en la "antigüedad" se usaban iframes


Título: Re: divs en html
Publicado por: Ethgar en 14 Noviembre 2014, 17:25 pm
podrías utilizar radios <input type="radio">despues en css evalúas si esta checked  entonces el contenido relacionado a ese radio tiene display y los demás lo tienen en none algo mas o menos así

#radio:checked ~ #div elemento{display: block;}

no recuerdo muy bien pero creo que es algo así
saludos!