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

De vuelta por aquí:
He realizado el menú y como ya dije funciona; ahora mi tema es querer llevarlo a la derecha: he probado con float:right; pero me lo desestructura (Aquí les pongo un dibujito de como sería y cómo me lo deja:


La imágen superior es la forma que he escogido de mostrar el menú, sin embargo no encuentro la manera de llevarlo hacia la derecha sin que comience a fragmentar.

Aquí les dejo el código:
Código:
<!--menu-->

<div class="menu">
  <a href="index.html" target="_blank" id="home"><span
    class="alt">Serviciosweb</span></a>
   <a href="http://www.forosdelweb.com/f53/" target="_blank" id="diseñoweb"><span
    class="alt">fdw</span></a>
   <a href="http://www.forosdelweb.com/f53/" target="_blank" id="diseñografico"><span
    class="alt">fdw</span></a>
  <a href="http://www.forosdelweb.com/f53/" target="_blank" id="serviciosweb"><span
    class="alt">fdw</span></a>
  <a href="http://www.forosdelweb.com/f53/" target="_blank" id="portfolio"><span
    class="alt">fdw</span></a>
 <a href="http://www.forosdelweb.com/f53/" target="_blank" id="empresa"><span
    class="alt">fdw</span></a>
<a href="http://www.forosdelweb.com/f53/"="target="_blank" id="contactar"><span
    class="alt">fdw</span></a>
  </div>
y aquí el css:

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

 }

.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#diseñoweb { background-image: url(images/dw.png) }
.menu a#diseñografico { background-image: url(images/dg.png) }
.menu a#serviciosweb { background-image: url(images/sw.png) }
.menu a#portfolio { background-image: url(images/ptf.png) }
.menu a#empresa { background-image: url(images/ne.png) }
.menu a#contactar { background-image: url(images/cnt.png) }
Desde ya, muchas Gracias.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog