Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 17-oct-2006, 11:42   #1 (permalink)
Tomas_Liendo está en el buen camino
 
Fecha de Ingreso: mayo-2003
Mensajes: 85
Imagenes link sin borde

Hola quiero utilizar unas imágenes como links, pero no quiero que tengan borde ¿cómo puedo hacer?
Tomas_Liendo está desconectado   Responder Citando
Antiguo 17-oct-2006, 12:00   #2 (permalink)
JhonDie está en el buen camino
 
Avatar de JhonDie
 
Fecha de Ingreso: abril-2005
Mensajes: 60
Con border="0"

Le pones el atributo border="0" a la etiqueta img, el codigo seria asi...

<a href="paginaweb">
<img src="nombreimagen.jpg" width="10" height="10" border="0"/>
</a>
__________________
Que tengas un productivo dia... JhonDie
JhonDie está desconectado   Responder Citando
Antiguo 17-oct-2006, 16:14   #3 (permalink)
alexblue no se puede cailificar en este momento
 
Avatar de alexblue
 
Fecha de Ingreso: enero-2006
Ubicación: Londres
Mensajes: 64
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:
img {
    border:none;
}
Saludos
__________________
Alex
alexamine.co.uk
Mi profile en Linked In
alexblue está desconectado   Responder Citando
Antiguo 19-oct-2006, 07:59   #4 (permalink)
JhonDie está en el buen camino
 
Avatar de JhonDie
 
Fecha de Ingreso: abril-2005
Mensajes: 60
De acuerdo Me parace mejor...

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
JhonDie está desconectado   Responder Citando
Antiguo 19-oct-2006, 10:43   #5 (permalink)
Rafael está en el buen camino
 
Fecha de Ingreso: marzo-2003
Mensajes: 1.045
Y explorando un poco, viéndose riguroso con la pregunta original:
Cita:
unas imágenes como links, pero no quiero que tengan borde
sería
a img {
border:none;
}
Rafael está desconectado   Responder Citando
Antiguo 12-may-2008, 09:23   #6 (permalink)
Algranoweb ha deshabilitado el karma
 
Fecha de Ingreso: abril-2008
Ubicación: Argentina Bs As
Mensajes: 9
Enviar un mensaje por MSN a Algranoweb Enviar un mensaje por Skype™ a Algranoweb
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
Algranoweb está desconectado   Responder Citando
Antiguo 12-may-2008, 10:25   #7 (permalink)
JhonDie está en el buen camino
 
Avatar de JhonDie
 
Fecha de Ingreso: abril-2005
Mensajes: 60
Cool 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
JhonDie está desconectado   Responder Citando
Antiguo 12-may-2008, 11:09   #8 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
Re: Imagenes link sin borde

Pequeña duda: ¿No funcionaría un "a:hover img{}" o similar?
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 12-may-2008, 11:44   #9 (permalink)
JhonDie está en el buen camino
 
Avatar de JhonDie
 
Fecha de Ingreso: abril-2005
Mensajes: 60
Información Cuestion de investigar

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
JhonDie está desconectado   Responder Citando
Antiguo 12-may-2008, 11:48   #10 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
Re: Imagenes link sin borde

Cita:
Iniciado por Algranoweb Ver Mensaje
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
¿La imagen será un enlace?

Mikel.
Mikmoro está desconectado   Responder Citando
Antiguo 12-may-2008, 11:57   #11 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
Re: Cuestion de investigar

Cita:
Iniciado por Mikmoro Ver Mensaje
¿La imagen será un enlace?

Mikel.
Buena pregunta. Había dado por hecho que hablaba de la misma imagen del comienzo (Que si era un link).

Cita:
Iniciado por JhonDie Ver Mensaje
... El código que puse arriba es muy flexible porque aplica para imagenes con o sin hipervinculos...

Saludos...
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! =P

Aun así todavia no se si funciona lo que pregunté X)'
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 12-may-2008, 12:06   #12 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
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.
Mikmoro está desconectado   Responder Citando
Antiguo 13-may-2008, 10:42   #13 (permalink)
Squizophrenia está en el buen camino
 
Avatar de Squizophrenia
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona (Spain)
Mensajes: 41
Re: Imagenes link sin borde

Y ya, para rizar el rizo del todo en cuestión de bordes:

Código:
a,input.boton {outline:none;}
Con esto te quitas esos cuadraditos que deja firefox cuando pinchas un enlace. Bueno, si Mikmoro está de acuerdo, que miedo me dá...
Squizophrenia está desconectado   Responder Citando
Antiguo 13-may-2008, 10:51   #14 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
Re: Imagenes link sin borde

mmmmmm... outline: 0;

Mikel.
Mikmoro está desconectado   Responder Citando
Antiguo 13-may-2008, 11:27   #15 (permalink)
Squizophrenia está en el buen camino
 
Avatar de Squizophrenia
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona (Spain)
Mensajes: 41
Re: Imagenes link sin borde

¡Dios, lo sabía!
Eres un crack
Squizophrenia está desconectado   Responder Citando
Antiguo 13-may-2008, 11:35   #16 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
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.
Mikmoro está desconectado   Responder Citando
Antiguo 13-may-2008, 11:51   #17 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
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]
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 13-may-2008, 11:58   #18 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
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.
Mikmoro está desconectado   Responder Citando
Antiguo 13-may-2008, 12:01   #19 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
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
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 13-may-2008, 12:06   #20 (permalink)
Squizophrenia está en el buen camino
 
Avatar de Squizophrenia
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona (Spain)
Mensajes: 41
Re: Imagenes link sin borde

Es que tengo que estar en todo, ya que a Mikel se le escapan que da gusto.
Squizophrenia está desconectado   Responder Citando
Antiguo 13-may-2008, 12:11   #21 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
Re: Imagenes link sin borde

Y por cierto: ¿qué hay de Tomas_Liendo, que es quien hizo la consulta? No ha contestado ni una vez.

Mikel.
Mikmoro está desconectado   Responder Citando
Antiguo 13-may-2008, 14:57   #22 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
Re: Imagenes link sin borde

Buen punto...

Es posible que solo haya visto la primer respuesta, la usó y se fue... Ya que...
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 14-may-2008, 05:05   #23 (permalink)
seoista tiene algunos puntos positivos de karma
 
Avatar de seoista
 
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 810
Re: Imagenes link sin borde

Cita:
Iniciado por Mikmoro Ver Mensaje
Y por cierto: ¿qué hay de Tomas_Liendo, que es quien hizo la consulta? No ha contestado ni una vez.
¿Se habrá asustado de Mikel? (Ubicación: A tu espalda) ->

Esperemos que NO.
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
seoista esta en línea ahora   Responder Citando
Antiguo 14-may-2008, 08:29   #24 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: home@tab.mx
Mensajes: 585
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!...
__________________
<signs> daPhyre </signs>

"Yo pensaba que Notepad era el mejor editor web universal... Hasta que descubrí Wordpad"
daPhyre está desconectado   Responder Citando
Antiguo 14-may-2008, 10:45   #25 (permalink)
Colaborador
Mikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy prontoMikmoro llegará a ser famoso muy pronto
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 2.484
Re: Imagenes link sin borde

Cita:
Iniciado por seoista Ver Mensaje
¿Se habrá asustado de Mikel? (Ubicación: A tu espalda) ->

Esperemos que NO.
Ah, ah, ah, ah, ah, ah, ah,

no mires hacia atráaaaaassss.

Mikel.
Mikmoro está desconectado   Responder Citando