Foros del Web » Creando para Internet » CSS »

Simulacion de botones con imágenes

Estas en el tema de Simulacion de botones con imágenes en el foro de CSS en Foros del Web. Buenas! Tengo unos links formados de esta manera: <a> <img class="izquierda"></img> <span> blah blah </span> <img class="derecha"></img> </a> Las imagenes son dos bordes redondeados (semicírculo). ...
  #1 (permalink)  
Antiguo 11/11/2005, 07:43
 
Fecha de Ingreso: octubre-2005
Mensajes: 28
Antigüedad: 12 años, 1 mes
Puntos: 1
Simulacion de botones con imágenes

Buenas!

Tengo unos links formados de esta manera:
<a>
<img class="izquierda"></img>
<span> blah blah </span>
<img class="derecha"></img>
</a>

Las imagenes son dos bordes redondeados (semicírculo).

El efecto que consigo es un boton redondeado tanto por la izquierda como por la derecha.

Hasta aquí todo bien.

Lo que me gustaria saber si es possible mediante css meterlo todo en una classe de tal manera que al poner:

<a class="boton-redondeado"> blah blah </a>

... o algo parecido ...

obtuviera el mismo efecto, ya que al tener gran cantidad de links se hace pesado de implementar y de una posterior remodelación.

Muchas gracias!
  #2 (permalink)  
Antiguo 11/11/2005, 14:53
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Primero que todo:
Código HTML:
<img class="izquierda"></img> 
está mal, es así
Código HTML:
<img class="izquierda" .../> 
ahora, lo que quieres lo puedes implementar así: http://www.maestrosdelweb.com/editorial/cssesquinas/

Saludos y espero te sirva.

PD: Pensandolo mejor, puedes hacer una imagen y simplemente la usas de fondo.
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 11/11/2005 a las 15:18
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:17.