Tema: Imageens y capas
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/04/2006, 06:04
Avatar de KarlanKas
KarlanKas
Moderador extraterrestre
  
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años, 3 meses
Puntos: 61
¿Así?

Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css" >
<!--
body {
	border:0px;
	padding: 0px;
	margin:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana, ;
	font-size: 0.72em;
	color: #3E647E;
	line-height: 1.4em;
	background-color: #DFE9F2;
}

.azul {
	color: #0077D4;
	text-decoration: none;
}
a:hover.azul  {
	color: #00209F;
	border-bottom: 1px dotted #00209F;
	text-decoration: none;
}

#info00 {
	position: relative;

	width:530px;
	/*--margin-left:0px;--*/
	padding:0px;
	background: url(imagenes/info00med.gif) repeat-y left top;	
}

}
#pestanas02 {
	position:relative; 
	overflow:auto;
	height: 45px;
}
#info01{
visibility:visible;
}
.info{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:0px;
	padding:10px;
	margin:5px;
	background-color:#FFFFFF;
	text-align:justify;
	border:1px solid #DFE9F2;	
}




#pestanas02 ul {
	 margin:0px;
	 margin-left:5px;
	 padding:0px;
}
#pestanas02 .li01 {
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px;
	margin-right:5px;
	padding:2px;
	padding-left:46px;
	padding-right:45px;
	list-style-type: none;
	border:1px solid #d0e1e4;
}
-->
</STYLE>
<script language="javascript">
var aquella="info01";
function MuestraCapa(esta){
document.getElementById(aquella).style.visibility='hidden';
document.getElementById(esta).style.visibility='visible';;
aquella=esta;
}

</script>
</head>
<body>
<div id="info00">


<div id="pestanas02">
<ul>
<li class="li01"><a href="#pestanas" class="azul" onClick="MuestraCapa('info01');" style="cursor:pointer;">Introducci&oacute;n</a></li>
<li class="li01"><a href="#pestanas" class="azul" onClick="MuestraCapa('info02');" style="cursor:pointer;">Software de gesti&oacute;n de archivos</a></li>
<li class="li01"><a href="#pestanas" class="azul" onClick="MuestraCapa('info03');" style="cursor:pointer;">Cooperaci&oacute;n</a></li>
<li class="li01"><a href="#pestanas" class="azul" onClick="MuestraCapa('info04');" style="cursor:pointer;">Conclusi&oacute;n</a></li>
</ul> 		   
</div>

<div class="info"  id="info01">
<h2>Capa 1</h2>
<p> Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 .</p>
<img src="imagenes/arsenal-001.jpg"  align="left" border="0"/> 
<p>Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 Texto 1 .</p>
</div>

<div class="info" id="info02">
<h2>Capa 2</h2>
<p> Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 .</p>
<img src="imagenes/arsenal-002.jpg"  align="left" border="0"/> 
<p>Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 Texto 2 .</p>
</div>

<div class="info" id="info03">
<h2>Capa 3</h2>
<p> Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 .</p>
<img src="imagenes/arsenal-003.jpg"  align="left" border="0"/> 
<p>Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 Texto 3 .</p>
</div>

<div class="info" id="info04">
<h2>Capa 4</h2>
<p> Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 .</p>
<img src="imagenes/arsenal-004.jpg"  align="left" border="0"/> 
<p>Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 Texto 4 .</p>
</div>

</div>
</body>
</html>
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.