| ||||
Prueba con CSS Hola Tomas_Liendo Mediante las hojas de estilo en cascada ( CSS ) , puedes omitir tener que escribir cada vez border="0". Basta con que en el documento CSS introduzcas el siguiente estilo para las imágenes:
Código:
Saludos img { border:none; } |
| ||||
![]() alexblue, tu planteamiento me parace SUPER, no lo habia pensado de esa manera y yo que siempre le ponia el border="0" a cada img jejejeje. Gracias...
__________________ Que tengas un productivo dia... JhonDie |
| |||
Re: Imagenes link sin borde Hola y si quisiera que solo cuando se para el puntero sobre la imagen aparesca un borde como se haria? O sea solo en a hover tenga borde |
| ||||
Imagen con borde interactivo Mi estimado, prueba con este codigo: Código HTML: <html> <head> <title>Imagen con borde interactivo</title> <style> .bordeActivo { border:2px solid red; } .bordeInactivo { border:none; } </style> </head> <body> <img src="TuImagen.jpg" width="200" height="200" onmouseover="this.className='bordeActivo'" onmouseout="this.className='bordeInactivo'"> </body> </html>
__________________ Que tengas un productivo dia... JhonDie |
| ||||
Re: Imagenes link sin borde Pequeña duda: ¿No funcionaría un "a:hover img{}" o similar? |
| ||||
![]() Hasta donde sé los "a:hover" son estilos que solo sirven para hipervinculos... yo los he usado con textos no sé si sirvan con imágenes... El código que puse arriba es muy flexible porque aplica para imagenes con o sin hipervinculos... Saludos...
__________________ Que tengas un productivo dia... JhonDie |
| ||||
Re: Cuestion de investigar Buena pregunta. Había dado por hecho que hablaba de la misma imagen del comienzo (Que si era un link). Cita: Pues ya se que es flexible, y una muy buena solución de hecho. Pero hice mi pregunta para saber si funcionaba, pues en dado caso, sería mucho más sencillo hacerlo de la otra forma. Si no, tu solución es muy buena! =PAun así todavia no se si funciona lo que pregunté X)' |
| ||||
Re: Imagenes link sin borde Sí, parecía evidente, pero por si acaso. Como es más que probable que vaya a ser un enlace, podrías poner esto en tu css o en la cabecera: a img{border: 0;} a:hover img{border:solid;} Mikel. |
| ||||
Re: Imagenes link sin borde Y ya, para rizar el rizo del todo en cuestión de bordes:
Código:
Con esto te quitas esos cuadraditos que deja firefox cuando pinchas un enlace. Bueno, si Mikmoro está de acuerdo, que miedo me dá...a,input.boton {outline:none;} ![]() |
| ||||
Re: Imagenes link sin borde Era broma ![]() Creo que los dos son válidos. Aunque no recuerdo bien por qué, yo siempre uso outline:0 No sabía que daba miedo. Ahora que lo dices, voy a ver si le saco algún partido ![]() Mikel. |
| ||||
Re: Imagenes link sin borde ¡Auxilio! ¡¡Mikel se volverá el tirano de Foros del Web!! D: Jejeje... Pasando a la duda... ¿Qué tenía que hacer con el outline y en que me afecta? Por qué yo uso el border:0, y hasta el momento no he notado nada, pero si hay algo que estoy pasando por alto, supongo que es importante que lo corrija... [s-p-a-m]¡Voten por Mikel para tirano![/s-p-a-m] ![]() |
| ||||
Re: Imagenes link sin borde Como dice Squizophrenia, en FF cuando pulsas un enlace aparece una molesta línea de puntos rodenando el enlace, y con outline la eliminas. Y a partir de ahora, a ver cómo os portais ![]() ![]() Mikel. P.D.: Por cierto, lo de dar miedo era mi objetivo con el texto de "Ubicación" que aparece en mi nick. ![]() |
| ||||
Re: Imagenes link sin borde ¡Ya la encontré! Interesante... Jamás le había notado molesta, ni había pensado en que se podía erradicar. Muy buena ![]() |
| ||||
Re: Imagenes link sin borde Buen punto... Es posible que solo haya visto la primer respuesta, la usó y se fue... Ya que... |
| ||||
Re: Imagenes link sin borde ¡Oigan, gracias por el outline:none. Ya lo implementé y se ve mucho mejor en verdad mi página sin él!... |
| ||||
Re: Imagenes link sin borde Cierto, gracias a TÍ por el dato XD... (¡Oh no! ¡Mikel no dio esta solución antes! ¡¡¡Foros del web se caerá en 4 horas por esto!!! XD) |
| ||||
Re: Imagenes link sin borde Muy cierto ![]() Parece que tendremos que hacer una estructura especial para esto... creo que tendremos que implementar una solución al estilo IE XD... (Para algo tendría que servir, ¿no?) <!--[If not Username=Mikmoro]> ¡Finalmente hemos logrado una forma de que Mikel no vea lo que decirmos... Aunque conociendolo, terminará encontrando una forma de crackear esto tambien a final de cuentas... x_x <[EndIf]--> |