Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/10/2013, 10:14
jurassicboy
 
Fecha de Ingreso: agosto-2009
Mensajes: 91
Antigüedad: 14 años, 8 meses
Puntos: 2
Tres <div> que actúen como un solo enlace.

Buenos días compañeros,

A lo mejor la consulta que voy a hacer es muy básica, pero de verdad que no caigo en la manera de hacerlo.

Estaba trasteando con una imagen que consta de tres palabras, por ejemplo:

Hola
Como
Estas

Y pensé... ¿qué tal si creo esto mismo en CSS y así no utilizo una imagen?

Imaginaros que las tres palabras son un mismo enlace (a href) y están incluídas dentro de un mismo <div>. Por tanto cuando clique en cualquier zona del <div> se iluminarán los tres enlaces a la vez (hover) me dirigirá a la misma página.

Hasta aquí todo bien, pero.. ¿y si quiero que el "Como" central sea por ejemplo más pequeño que el "Hola" y el "Estas"? ¿Como lo haríais?

Pongo un ejemplo no funcional para ver mejor lo que quiero conseguir:

<a href="http://google.com">

<div id="tamanonormal">
Hola
</div>

<div id="tamanopequeno">
Como
</div>

<div id="tamanonormal">
Estas
</div>
</a>

Muchas gracias por vuestro tiempo.