Cambio de un DIV con un Menú

valentikary · #1 (**permalink**) 16/12/2010, 08:37

Hola como estan todos, aqui molestando otra ves, estoy buscando la manera de que cambie un div desde otro div.....

Como?

Bueno les explico, tengo un
<div id="Menu"> Aqui meti una imagen con um map y aqui estaran los links</div>
y quiero que cambien este div
<div id="Cuerpo">Este seria el que cambiaria</cuerpo>

Un saludo y muchas gracias por el apoyo.....

kseso? · #2 (**permalink**) 16/12/2010, 09:01

¿Y qué quiere que cambie en #cuerpo?
¿El fondo, el contenido, tamaños...?
Algo más de concreción y sus códigos (html+css) serían de ayuda.

valentikary · #3 (**permalink**) 16/12/2010, 10:18

Okey aqui mi code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="iconos/utn.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Universidad Tominaga Nakamoto</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
a:active {
text-decoration: none;
}
</style>
</head>

<body>

<div id="principal">

<div id="cabesera">
</div>

<div id="menu">

<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li><a href="#"><span>s</span></a></li>
<li><a href="#"><span>f</span></a></li>
<li><a href="#"><span>e</span></a></li>
<li><a href="#" class="current"><span>d</span></a></li>
<li><a href="#"><span>c</span></a></li>
<li><a href="#"><span>b</span></a></li>
<li><a rel="nofollow" target="_blank" href="#" title="13styles.com">
<span>a</span></a></li>
</ul>
</div>
</div>

</div>

<div id="cuerpo">
<div id="menu_nav">
<center><img src="imagenes/menuimagen.png"> </center>
</div>

<div id="texto">
</div>

</div>

<div id="pie">

</div>
</body>
</html>

Okey el problema radica en el DIV MENU_NAV pegue una imagen y quiero que ahi vallan los links y que cambien en el DIV TEXTO sepodra?

kseso? · #4 (**permalink**) 16/12/2010, 11:22

Creo entender que lo que busca es el efecto conocido como "navegación por pestañas", "active tabs" o similares.
Hay realizaciones basadas sólo en css. Creo recordar que en http://www.cssplay.co.uk/index // www.araudi.net // encontrará ejemplos

Pero normalmente y por motivos que no vienen al caso, se suele usar el css en conjunción con algún js (mootools, jQuery...)
Google