Autor Tema: ¿Cómo abrir link de una capa en otra capa HTML5?  (Leído 1043 veces)

0 Usuarios y 1 Visitante están viendo este tema.

laszarzitas

  • Visitante
¿Cómo abrir link de una capa en otra capa HTML5?
« en: 16-12-2016, 23:44 (Viernes) »
Hola! Entre otras capas mi página HTML5 y CSS3 contiene estas dos.

/*navegador*/
nav { background-color: #005853; min-height: 2em; }
nav p { display: inline; }
nav a:link, nav a:visited { text-decoration: none; color: #f1f16c; background-color: #027244; margin: 0.3em; }
nav a:hover, nav a:active { text-decoration: none; color: #9bf5ff; background-color: #543683; margin: 0.3em; }

/*artículos: article*/
article { margin: 0.5em 3em; padding: 0.5em 2em; background-color: white; border: 3px double aqua; }
article p { text-align: justify; }

y en la capa nav los siguientes link

<nav>
<ul>
<li><a href="#">Link 1[/url]</li>
<li><a href="#">link 2[/url]</li>
<li><a href="#">link 3[/url]</li>
<li><a href="#">link 4[/url]</li>
</ul>
</nav>

en iframe con la etiqueta target funciona, pero en una <div> </div> no sé hacerlo.
Qué código tengo que añadir para que se abran en la capa /*artículos: article*/
Gracias de antemano.