Ver Mensaje Individual
  #9 (permalink)  
Antiguo 09/01/2009, 07:52
Avatar de pao01
pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 15 años, 10 meses
Puntos: 351
Respuesta: Menú hacia la derecha

Otra vez por acá:
el motivo es el siguiente, en un principio quise alinear el menú todo a la derecha, o a una parte determinada de la página (pero todo en su conjunto).
Ahora bien, imaginemos que quisiera colocar los botones en una distribución que no obedezca a vertical u horizontal, sino diagonal.
La vez anterior no ofreció dificultad pero porque lo hice a puro ingenio de imágen (con esto me refiero a que cada botón del menú que había hecho se ajustaba al tamaño de los otros botones y sólo había variado dentro de ellos la información).
Siento que esto no es lo correcto, ahora deseo hacer los botones con el tamaño adecuado y alinearlo en el lugar correspondiente para lo cual no hallo la forma.
PD: estimo debe haber alguna forma de colocar la ubicación de la altura o la distancia del márgen para hacerlo, pero en la forma que probé no resultó.
Nuevamente agradecida.




Código:
/* estilo del menú */ 
.menu a {
  display: block;
  border:none;
  background-position:lefttop;
  background-repeat:no-repeat;
  width:335px;
  height:33px;
  margin: 0 0 0 0;
 }

.menu a:hover { background-position: 0 -33px; text-decoration: none;  }
.menu .alt { display:none; }
.menu a#home { background-image: url(images/home.png) }
.menu a#home { margin-left: 93px; }
.menu a#diseñoweb { background-image: url(images/dw.png) }
.menu a#diseñoweb { margin-left: 84px; }
.menu a#diseñografico { background-image: url(images/dg.png) }
.menu a#diseñografico { margin-left: 75px; }
.menu a#serviciosweb { background-image: url(images/sw.png) }
.menu a#serviciosweb { margin-top:-100px; margin-left: 300px; }
la forma en que lo venía haciendo es esta, es eso correcto?, a mí me parece que no.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog

Última edición por pao01; 09/01/2009 a las 08:17 Razón: incluir imágen para ser más gráfica