Capas - Dreamweaver

SGV · #1 (**permalink**) 16/11/2005, 06:51

Hola, soy nueva utilizando Dreamweaver,en especial con las capas, os explico mi problema; estoy haciendo un menu desplegable con capas, lei que primero debia hacer una tabla y despues convertirla a capas, y asi lo he hecho, el problema esq los títulos del menu no me aparecen centrados verticalmente y no se como hacerlo. Espero q me podais ayudar, gracias.

carbalga · #2 (**permalink**) 16/11/2005, 18:41

Saludos SGV:

Hay una extension en dreamweaver MX 2004 y 8 que se llama AUTOLAYERS

Este archivo lo hice con esa estencion.

Pruebalo.

Código HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#MENU1 {
	position:absolute;
	left:20px;
	top:50px;
	width:150px;
	height:120px;
	z-index:1;
	visibility: hidden;
}
#OCULTAR {
	position:absolute;
	left:0px;
	top:0px;
	width:470px;
	height:276px;
	z-index:-1;
	visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_autoLayers() { //v1.2 by PVII
 var g,b,k,f,args=P7_autoLayers.arguments;
 var a = parseInt(args[0]);if(isNaN(a))a=0;
 if(!document.p7setc) {p7c=new Array();document.p7setc=true;
  for (var u=0;u<10;u++) {p7c[u] = new Array();}}
 for(k=0; k<p7c[a].length; k++) {
  if((g=MM_findObj(p7c[a][k]))!=null) {
   b=(document.layers)?g:g.style;b.visibility="hidden";}}
 for(k=1; k<args.length; k++) {
  if((g=MM_findObj(args[k])) != null) {
   b=(document.layers)?g:g.style;b.visibility="visible";f=false;
   for(j=0;j<p7c[a].length;j++) {
    if(args[k]==p7c[a][j]) {f=true;}}
  if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
</head>

<body>
<div id="MENU1">
  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="30" align="center" valign="middle">Opcion 1 </td>
    </tr>
    <tr>
      <td height="30" align="center" valign="middle">Opcion 2 </td>
    </tr>
    <tr>
      <td height="30" align="center" valign="middle">Opcion 3 </td>
    </tr>
    <tr>
      <td height="30" align="center" valign="middle">Opcion 4 </td>
    </tr>
  </table>
</div>
<div id="OCULTAR"><img src="spacer.gif" width="470" height="300" onmouseover="P7_autoLayers(0)" /></div>
<table width="450" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="150" height="30" align="center" valign="middle"><a href="javascript:;" onclick="P7_autoLayers(0,'MENU1','OCULTAR')">Ver Menu</a> </td>
    <td width="150" height="30" align="center" valign="middle">Ver Menu </td>
    <td width="150" height="30" align="center" valign="middle">Ver Menu </td>
  </tr>
</table>
</body>
</html>

BUENA SUERTE

SGV · #3 (**permalink**) 17/11/2005, 09:31

Muchas gracias por responder, ojala funcione, luego te cuento.