General > Programación

¿Cómo abrir link de una capa en otra capa HTML5?

(1/1)

laszarzitas:
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.

av01d:
Hey!

Creo que puedes solucionarlo usando el atributo
--- Código: ---onclick="nombredetufuncion()"
--- Fin del código ---
y luego un poco de js para manipular los elementos en la hoja de estilo.

Navegación

[0] Índice de Mensajes