cambiar tamaño imagen al pasar el raton+link

[martines]

Buenas, me gustaria crear un menu con imagenes y al pasar el raton que cambie el tamaño a un tamaño mas grande y al hacer click me envie a la pagina que yo indique
Si podeis dejar un ejemplo mejor que mejor

Gracias a todos

[kseso?]

¿algo así?
Pero no comprendo muy bien qué quiere lograr. Si tiene algo realizado, sería interesante mostrase los códigos (html)
En última instancia se puede pasar por http://www.forosdelweb.com/f53/faqs-...30/index3.html
Ahí tiene unos cuantos menús, en el #69 y siguientes y el #77

[martines]

si algo asin,

[opzina]

Lee :hover, :link, :focus, :active

Quizas puedas encontrar ahí tu respuesta.

Saludos.

[kseso?]

Iniciado por martines

si algo asin,

Al ser una página en html puro (nada de programación del lado del servidor), todo, los códigos (html+css), imágenes,...) los tiene ahí mismo.
Si decide utilizarlos como base para su trabajo y se topa con alguna dificultad concreta, no dude en consultarlo.

[martines]

La pagina la tengo realizada en php, y tengo creado un menu ya arriba pero lo que quiero es otro al lado en un apartado, y exacatamente quiero hacer lo del link que me dejastes algo asi, ahora me pondre a mirar los links que me dejastes que no tube tiempo, gracias

[kseso?]

Fíjese que ahí utilizo un sprite: 1 sólo archivo jpg que contiene todas las imágenes y mediante background-position selecciono qué parte mostrar. Eso y el tamaño (ancho x alto) de cada elemento.

[martines]

Me podrias dejar un pequeño ejemplo con una imagen? Es decir, escribir un poquito de codigo y al pasar el raton se haga mas grande y un enlace

gracias

[mhax]

puedes usar jquery
http://www.pierrebertet.net/projects.../#mode-gallery
solo te toca cambiar el evento

[jomaruro]

Hola:

Iniciado por mhax

puedes usar jquery
http://www.pierrebertet.net/projects.../#mode-gallery
solo te toca cambiar el evento

¿Y porqué sobrecargar la página con javascript si ya han dado una solución solo con CSS? Además estamos en el foro de CSS ¿no?

Saludos.

[kseso?]

Iniciado por martines

Me podrias dejar un pequeño ejemplo con una imagen? Es decir, escribir un poquito de codigo y al pasar el raton se haga mas grande y un enlace

gracias

La página del ejemplo es puro html. Es decir, tiene todos los códigos en ella, y en ese ejemplo, los estilos están en el head. Sólo tiene que guardar el html y la única imagen que se utiliza.

Iniciado por mhax

puedes usar jquery
http://www.pierrebertet.net/projects.../#mode-gallery
solo te toca cambiar el evento

Como bien le ha señalado Jomaruro, no sólo no viene a cuento el uso de js en este hilo, sino que no hay la más mínima necesidad de contraer toda una "libreritis" sólo para cambiar una imagen no relevante al :hover

[martines]

Mira e echo esto, pero solo me sube la foto hacia arriba, como lo de dentro de la imagen. Me gustaria que se me agrandara toda la imagen. Cuando pongo la altura y la anchura se me come una parte de la foto, cuando lo hago en html no me pasa.

Css

Código PHP:

  .menu4 a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:110px;
  height: 40px;
  
  margin-left: 10px;
  margin-top: 0px; 
  padding: 2px 5px;
.menu4 a:hover { background-position: 0 -47px; text-decoration: none; }
.menu4 a#ia{ background-image: url(../imgs/a.jpg) }
.menu4 a#b { background-image: url(../imgs/b.jpg) }
.menu4 a#c { background-image: url(../imgs/c.jpg) }
} 
   

Html

Código PHP:

  <div class="menu4">
  <a href="http://www.gaga.org/" target="_blank" id="ia"></a>
  <a href="http://www.gagaa.org" target="_blank" id="b"></a>
  <a href="http://www.agaga.org" target="_blank" id="c"></a>
</div>