JAJAJAJAAAAAAAAAAAA ME MUERO DE RIZA Y DE FELICIDAD!!!!!!
Simplemente con borrar el "width" se soluciono todo!!! y bastante gente me decia que era un embrollo lograr solucionar esto xDDDD
Era mas embrollo lo que me ayudaron a hacer hasta ese paso que la solucion, era muy simple la solucion, tanto que no se me ocurrio probarla por mi mismo :P
Eres un genio, te super agradezco.
otro tema: Como es eso de poner el menu haciendo una lista? yo los pondria uno al lado del otro, no uno abajo del otro.
La verdad es que tengo muy mala memoria y no recuerdo como era eso :P , era algo del html basico con bloc de notas.
Aclaro aunque debe ser obvio que no soy muy habilidoso con los codigos, hace muy poco empece por mi mismo a leer sobre diseño Web porque tenia que hacer una pagina para un grupo de amigos y nadie sabia, entonces dije "bueno a ver como es el tema" y me parecio en un principio facil y me gusto y segui, pero estudio en la facultad psicologia y bueno.. no se relaciona en nada con todo esto, asi que solamente lo hago en tiempos libres.
Pido perdon si estoy hablando demasiado, la verdad que no estoy seguro si este tipo de comentarios entra en la dinamica del foro o les molestara, si les molesta lo siento y solo me reducire a los temas tocados en el titulo.
Suerte y gracias problema 100% solucionado, codigo funcionando final:
Código:
<!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=utf-8" />
<title>Documento sin titulo</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:104px;
top:62px;
width:800px;
height:481px;
z-index:1;
background-image: url(sub%20fondo%20bg.jpg);
}
#apDiv2 {
position:absolute;
left:213px;
top:467px;
width:122px;
height:59px;
text-align:center;
line-height:45px;
z-index:2;
}
a {
display: block;
margin: 0px;
padding: 5px 0px 0px;
height: 59px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0a7c7d;
font-weight: bold;
font-size: 14px;
}
.linkuno { no-repeat; }
a:hover.linkuno {background:url(productos%20bg.jpg) no-repeat; }
.linkdos { no-repeat; }
a:hover.linkdos {background:url(Consultas.jpg) no-repeat; }
.linktres { no-repeat; }
a:hover.linktres {background:url(Preguntas%20Frecuentes%20bg.jpg) no-repeat; }
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv3 {
position:absolute;
left:342px;
top:469px;
width:118px;
height:62px;
text-align:center;
line-height:45px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:335px;
top:465px;
width:121px;
height:60px;
text-align:center;
line-height:51px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:462px;
top:467px;
width:202px;
height:57px;
z-index:4;
text-align:center;
line-height:51px;
}
-->
</style>
</head>
<body>
<div id="apDiv1"></div>
<div id="apDiv2"><a href="http://www.google.com.ar" class="linkuno">Productos</a></div>
<div id="apDiv4"><a href="http://www.google.com.ar" class="linkdos">Consultas</a></div>
<div id="apDiv5"><a href="http://www.google.com.ar" class="linktres">Preguntas_Frecuentes</a></div>
</body>
</html>
Como dicen en las peliculas, muchas veces la respuesta esta justo debajo de tu nariz