[SOLUCIONADO] Thumbnail con Enlace

[fradalape]

Buenas Compañer@s, me encuentro con la siguiente duda, estoy utilizando bootstrap, necesito hacer un thumbnail como para mostrar un artículo, el título su descripción y su botón, a la hora que le pasen el mouse encima se marque como un link, hasta el momento creo que con este código lo he solucionado.

Código HTML:

<div class="col-lg-3 col-md-4 col-xs-6">
                <a class="thumbnail" href="#">
                    <img class="img-responsive" src="http://placehold.it/400x300" alt="">
<h1> Titulo</h1>
 

el problema es el siguiente, cuando paso el mouse sobre el Thumbnail, el TITULO me aparece con una Linea debajo como que fuera un Enlace, yo quiero que no aparesca como enlace, les paso una página de ejemplo como quisiera que quede aquí

[NueveReinas]

Iniciado por fradalape

Buenas Compañer@s, me encuentro con la siguiente duda, estoy utilizando bootstrap, necesito hacer un thumbnail como para mostrar un artículo, el título su descripción y su botón, a la hora que le pasen el mouse encima se marque como un link, hasta el momento creo que con este código lo he solucionado.

Código HTML:

<div class="col-lg-3 col-md-4 col-xs-6">
                <a class="thumbnail" href="#">
                    <img class="img-responsive" src="http://placehold.it/400x300" alt="">
<h1> Titulo</h1>
 

el problema es el siguiente, cuando paso el mouse sobre el Thumbnail, el TITULO me aparece con una Linea debajo como que fuera un Enlace, yo quiero que no aparesca como enlace, les paso una página de ejemplo como quisiera que quede aquí

Para empezar, cierra las etiquetas.

Por otra parte, prueba con esto:

Código CSS:

html,a {
    text-decoration:none !important;
}
 

[fradalape]

Iniciado por NueveReinas

Para empezar, cierra las etiquetas.

Por otra parte, prueba con esto:

Código CSS:

html,a {
    text-decoration:none !important;
}
 

Perfecto! Me funcionó, solo una cosilla más, cuando paso el Mouse por ahí, el texto se coloca de color más fuerte, puedo omitir eso tambien? creo que sería en el "Evento" Hover?

Te agradecere Mucho Pueda Explicarme que hace el codigo CSS.

Saludos.

[NueveReinas]

Iniciado por fradalape

Perfecto! Me funcionó, solo una cosilla más, cuando paso el Mouse por ahí, el texto se coloca de color más fuerte, puedo omitir eso tambien? creo que sería en el "Evento" Hover?

Te agradecere Mucho Pueda Explicarme que hace el codigo CSS.

Saludos.

No veo tu ejemplo. Prueba a reflejarlo en un JSFIDDLE.

[fradalape]

https://jsfiddle.net/5qcg7ehd/

Te adjunto el Resultado.

Gracias.

[NueveReinas]

Iniciado por fradalape

https://jsfiddle.net/5qcg7ehd/

Te adjunto el Resultado.

Gracias.

Básicamente has pegado en el CSS tooooooooooodo el contenido de Bootstrap, ¿no?

[fradalape]

Sí, jajaja, espero puedas ayudarme con lo que necesito.

Iniciado por fradalape

solo una cosilla más, cuando paso el Mouse por ahí, el texto se coloca de color más fuerte, puedo omitir eso tambien? creo que sería en el "Evento" Hover?

Te agradecere Mucho Pueda Explicarme que hace el codigo CSS.

Saludos.

[AngelKrak]

para eso del Hover busca esto y eliminalo ;):

Código CSS:

a:focus, a:hover {
color: #23527c;
text-decoration: underline;
}
 

o agrega esto a tu CSS ;)

Código CSS:

a:focus, a:hover {
    color: #337ab7 !important;
}
 

[NueveReinas]

Angel, me parece que lo que a él le molesta es la opacidad.
Entonces habría que definir la opacidad de los enlaces en 1, o crear una clase que esté asignada al contenedor general para decirle que los enlaces no tienen subrayado y tienen una opacidad de 1.

[fradalape]

Iniciado por AngelKrak

para eso del Hover busca esto y eliminalo ;):

Código CSS:

a:focus, a:hover {
color: #23527c;
text-decoration: underline;
}
 

o agrega esto a tu CSS ;)

Código CSS:

a:focus, a:hover {
    color: #337ab7 !important;
}
 

Rayos No me habiá dado cuenta que esa línea existía, había encontrado una de a:hover y luego le doy ver resultados de busqueda y habia otro jajaja,

Gracias Hermano, He solucionado esto.

Saludos y Gracias a Ambos.

[pzin]

Cambiar cosas básicas de un framework para que una única cosa se vea de cierta forma. Vaya animalada…

[NueveReinas]

Iniciado por pzin

Cambiar cosas básicas de un framework para que una única cosa se vea de cierta forma. Vaya animalada…

Más animalada es meter TODO el CSS de Bootstrap en el campo del código (CSS) de JSFIDDLE en lugar de simplemente añadirlo como recurso externo.
Que es, en resumen, lo que este muchacho hizo acá: http://jsfiddle.net/5qcg7ehd/

[pzin]

Eso es desconocimiento. Pero bueno, no desvirtuemos que ultimamente está el foro muy de desvirtuaciones.

[fradalape]

Iniciado por pzin

Cambiar cosas básicas de un framework para que una única cosa se vea de cierta forma. Vaya animalada…

Deberías de dar tips entonces :D para los nuevos, pense en crear mi propio .css para sus clases, ahora veo que es una buena opción.



Conforme a @NueveReinas, como dijo @pzin "Falta de experiensa", Prometo que aprenderé.

Saludos