divs en html

frikiboom1 · 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 [Seleccionar]

<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>

peib0l · 8 Octubre 2014, 17:18 PM

Para hacer lo que pides con html en la "antigüedad" se usaban iframes

Ethgar · 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!

Test Foro de elhacker.net SMF 2.1

divs en html

frikiboom1

peib0l

Ethgar