problemas con codigo HTML

enbiciconalejo · Miembro · diciembre 11, 2017 at 1:02 am
Copiar enlace

Añadir tema a favoritos
hola buenas noches estoy tratando de colocar este codigo en mi pagina y me da error
```
<a href='http://strava.com/athletes/1514949/badge'>
  Sígueme en
  <img src='http://badges.strava.com/logo-strava.png' alt='Strava' style='margin-left:2px;vertical-align:text-bottom' height=13 width=51 />
</a>
```
quisiera saber por que me da error si el codigo esta probado y funciona

El blog con el que necesito ayuda es (visible solo para usuarios conectados).
galois · Moderador · diciembre 11, 2017 at 1:50 am
Copiar enlace
Hola.
a) ¿en qué parte de tu blog lo estás intentando poner?
b) ¿qué imagen es? Lo pregunto porque ese código es un enlace a un logo, y el logo es este:
http://badges.strava.com/logo-strava.png

Está en blanco y tiene 13 píxeles de alto y 51 píxeles de ancho

c) ¿de qué página has sacado el código?
Me imagino que de Strava, pero pon la URL completa, por favor (https://…)
chusmz · Moderador · diciembre 11, 2017 at 2:01 am
Copiar enlace
Buenas noches.

En primer lugar, el código está mal, las comillas deben ser dobles, no simples:

Sigueme en <img src=»http://badges.strava.com/logo-strava.png» alt=»Strava» style=»margin-left:2px;vertical-align:text-bottom;» height=»13″ width=»51″ />

En segundo lugar, si lo pones sobre un fondo blanco no vas a ver el logo porque las letras de este son blancas y el fondo es transparente.

En tercer lugar, si lo quieres poner como widget en una barra lateral, debes utilizar el widget «HTML Personalizado»

En cuarto y último lugar, supongo que el fin de ese logo es enlazar con tu perfil en Strava; si es así, falta por incluir en ese código el enlace correspondiente al mismo que creo que es

«href=»http://strava.com/athletes/1514949/badge»

Si quieres poner el enlace en la palabra Sígueme el código quedaría asi:

Sígueme en <img src=»http://badges.strava.com/logo-strava.png» alt=»Strava» style=»margin-left:2px;vertical-align:text-bottom;» height=»13″ width=»51″ />

Si quieres poner el enlace en el logo, el código sería este:

Sigueme en <img style=»margin-left:2px;vertical-align:text-bottom;» src=»http://badges.strava.com/logo-strava.png» alt=»Strava» width=»51″ height=»13″ />
chusmz · Moderador · diciembre 11, 2017 at 2:02 am
Copiar enlace
Saludos @galois :)
chusmz · Moderador · diciembre 11, 2017 at 2:12 am
Copiar enlace
Perdón, siempre se me olvida poner el código entre acentos graves. Serían estos:

<a href="http://strava.com/athletes/1514949/badge">Sigueme</a> en <img style="margin-left:2px;vertical-align:text-bottom;" src="http://badges.strava.com/logo-strava.png" alt="Strava" width="51" height="13" />

o

Sigueme en <a href="http://strava.com/athletes/1514949/badge"><img style="margin-left:2px;vertical-align:text-bottom;" src="http://badges.strava.com/logo-strava.png" alt="Strava" width="51" height="13" /></a>
enbiciconalejo · Miembro · diciembre 11, 2017 at 4:27 am
Copiar enlace
Gracias a todos ya logre solucionar todos los problemas.!!!!

Nuevamente muchas Gracias
chusmz · Moderador · diciembre 11, 2017 at 1:15 pm
Copiar enlace
De nada.
galois · Moderador · diciembre 11, 2017 at 1:24 pm
Copiar enlace
Hola a ambos.
Marco el tema como resuelto, entonces. Y gracias por tu ayuda, @chusmz :)