ya se que la pregunta es redundante en este foro, pero he estado buscando y todo lo que he encontrado no me ha servido de nada.
El tema es que estoy haciendo una web con DW y CSS que consta de frames, un main y un top. En el top hay dos menús uno vertical con enlaces directos y otro horizontal situados en el centro y uno al lado del otro. El caso es que si pongo la distancia left en % se me montan cuando encojo la ventana de derecha a izda. con el top no pasa ya que arriba de momento no hay nada, pero lo habrá, y si pongo left en px cuando cambio la resolucion de la pantalla se me queda todo descentrado.
Aqui el código html:
Código HTML:
<div id="contenedor" style="margin:auto" align="center"> <div id="globalNav"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','Qsomos_reposo','../imagenes/Menu%20superior/Qsomos_click.jpg',1)" onMouseOver="MM_nbGroup('over','Qsomos_reposo','../imagenes/Menu%20superior/Qsomos_sobre.jpg','../imagenes/Menu%20superior/Qsomos_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/Qsomos_reposo.jpg" alt="" name="Qsomos_reposo" width="165" height="26" border="0" onload=""></a></td> <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','PROD_SERV_reposo','../imagenes/Menu%20superior/PROD_SERV_click.jpg',1)" onMouseOver="MM_nbGroup('over','PROD_SERV_reposo','../imagenes/Menu%20superior/PROD_SERV_sobre.jpg','../imagenes/Menu%20superior/PROD_SERV_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/PROD_SERV_reposo.jpg" alt="" name="PROD_SERV_reposo" width="211" height="26" border="0" onload=""></a></td> <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','franquicia_reposo','../imagenes/Menu%20superior/franquicia_click.jpg',1)" onMouseOver="MM_nbGroup('over','franquicia_reposo','../imagenes/Menu%20superior/franquicia_sobre.jpg','../imagenes/Menu%20superior/franquicia_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/franquicia_reposo.jpg" alt="" name="franquicia_reposo" width="227" height="26" border="0" onload=""></a></td> </tr> </table> </div> <!-- end globalNav --> <div id="subglobal8" class="subglobalNav"> <p><a href="#">Proyectos destacados 1</a><br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 2 </a> <br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 3</a><br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 4</a><br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 5</a><br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 6</a><br> <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center"> <a href="#">Proyectos destacados 7</a></p> </div> </div>
aqui el CSS:
.subglobalNav{
position: absolute;
top: 143px;
left: 263px;
height: 200px;
visibility: visible;
color: #ffffff;
width: 190px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration: none;
background-image: url(file:///C|/Documents%20and%20Settings/ruben/Escritorio/WEB3/imagenes/Menu%20izda/fondo.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
list-style-type:none;
list-style-position: inside;
line-height: normal;
text-align:center;
}
globalnav es el menu horizontal situado a la derecha y subglobalnav8 es el menu vertical situado a la izda.
perdonar el supertocho pero es lo que hay
por favor que alguien me ayude que estoy muy mareado ya.
saludos.
