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.
