Boton transparente solo en parte de una imagen

piskui · #1 (**permalink**) 30/09/2008, 05:51

Hola, tengo una cabecera que ocupa 800x150, y es una imagen, quiero que parte de esa imagen (un logo) sea un link a una página. se podria hacer? insertar un link solo en parte de esa página? como? gracias un saludo.

Raulmmmm · #2 (**permalink**) 30/09/2008, 06:06

Esto te servirá:
http://www.webestilo.com/html/cap6b.phtml

piskui · #3 (**permalink**) 30/09/2008, 09:39

No sabia que se podia hacer eso, pero es justo lo que buscaba, gracias.

Pero tengo un problema, no consigo hacer que funcione. Tengo la imagen metida en un <div> puede ser eso la causa? pongo el codigo a ver si alguien sabe que es lo que hago mal.

Código PHP:

  table border="0" cellpadding="0" cellspacing="0" style="width:825px;height:100%;padding-top:0;" align="center" summary="Borde de página"> 

<MAP NAME="fep">

        <AREA SHAPE="RECT" COORDS="0,0,28,7" HREF="http://www.XXX.com" target="_blank" ALT="Enlace Fep">

</map>

<tr>

    <td>

    <table border="0" valign="top" cellpadding="0" cellspacing="0" style="width:100%;height:100%;background-color:transparent;" summary="Cabecera de página">

    <tr>

        <td><div align="center"><img src="/images/imagen_menu-superior.png" usemap="#fep" border="0" alt=""/></div>

Tambien tengo una duda....se puede poner coordenadas que no sean absolutas, x ejemplo 1,5? ??? como xq si lo pongo con comas se confundirá con otra cordenada supongo, gracias por su ayuda.

caricatos · #4 (**permalink**) 30/09/2008, 10:21

Cita:

Iniciado por piskui

...
Tambien tengo una duda....se puede poner coordenadas que no sean absolutas, x ejemplo 1,5? ??? como xq si lo pongo con comas se confundirá con otra cordenada supongo, gracias por su ayuda.

Las dimensiones de las imágenes siempre serán datos absolutos, así que las coordenadas no tiene sentido que tengan decimales.

En esta página: Creación de áreas en imágenes puedes crear el mapa y probarlo.

Saludos

piskui · #5 (**permalink**) 30/09/2008, 11:06

ok lo mirare ahora, gracias!

piskui · #6 (**permalink**) 01/10/2008, 01:30

segun el ejemplo ese solo se puede hacer con gif y con jpg el uso de map, alguien me lo puede confirmar¿? es que yo lo hago con un png, xq necesito que tenga fondo transparente, y en gif pierde mucha calidad la imagen.
Con png se puede hacer?

caricatos · #7 (**permalink**) 01/10/2008, 01:45

Hola:

Los mapas pueden usarse en cualquier tipo de imágenes, lo que importa es que los navegadores las soporten, y los png son soportados por todos los navegadores, aunque recuerdo que explorer no mostraba la transparencia, o deben tener unas características concretas.

Saludos

piskui · #8 (**permalink**) 01/10/2008, 03:10

pues yo estoy probando con la web esa que me pasaste y en la web si funciona pero luego copio el codigo a mi página y no funciona..... y con el ejemplo de Raulmmm tampoco y eso que es mas sencillo....nose que hacer, xq probe a meter una imagen transparente como boton, pero la veo al cargar la pagina luego no puedo clikarla para hacer el link...

piskui · #9 (**permalink**) 01/10/2008, 10:28

nadie tiene un ejemplo con una imagen png??

kseso? · #10 (**permalink**) 01/10/2008, 12:53

Cita:

Iniciado por piskui

Hola, tengo una cabecera que ocupa 800x150, y es una imagen, quiero que parte de esa imagen (un logo) sea un link a una página. se podria hacer? insertar un link solo en parte de esa página? como? gracias un saludo.

¿Y si lo intentas creando el logo sobre la imagen de 800x150, recortando en recto (rectángulo) ese logo con el fondo de la parte de la imagen grande y la posicionas justo en su sitio mediante css?
Es otra forma, vistas las dificultades que tienes.
Un saludo

piskui · #11 (**permalink**) 01/10/2008, 16:57

así no podria porque la imagen varia, algo similar lo he intentado con un boton transparente sobre la imagen pero no se porqe no aparece el boton para hacer click.