Foros del Web » Creando para Internet » CSS »

Newsletter - imagenes con link - probelmas padding

Estas en el tema de Newsletter - imagenes con link - probelmas padding en el foro de CSS en Foros del Web. Hola estoy haciendo un newsletter Necsito poner una imagen que linke al facebook y otra al twiter. Al ajustarlas con otras tablas y estar super ...
  #1 (permalink)  
Antiguo 02/10/2012, 09:49
Avatar de juanote  
Fecha de Ingreso: enero-2003
Ubicación: Valencia
Mensajes: 285
Antigüedad: 21 años, 9 meses
Puntos: 10
Newsletter - imagenes con link - probelmas padding

Hola estoy haciendo un newsletter

Necsito poner una imagen que linke al facebook y otra al twiter.
Al ajustarlas con otras tablas y estar super ajustada con otras imagenes con fundido, la imagen de facebook genera un blanco arriba y abajo, como muestro en la imagen.


Mi codigo
<a href="http://www.facebook.com" style="display:block;border:none"><img src="http://www.ejemplo.com/logo-facebook.jpg" alt="imagen" width="24" height="24" border="0" style="display:block;border:none;" />

La imagen donde muestro la anomalia que genera el newsletter, no debería ocasionar el padding


saludos

Última edición por juanote; 02/10/2012 a las 14:18
  #2 (permalink)  
Antiguo 03/10/2012, 06:05
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Newsletter - imagenes con link - probelmas padding

Hola, juanote. Como tú mismo has dicho, es probable que sea el contexto de esa imagen el que está creando el problema, el trozo de código que has puesto no da pistas. ¿Podrías poner más código para ver el contexto de esa imagen?
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #3 (permalink)  
Antiguo 03/10/2012, 10:34
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: Newsletter - imagenes con link - probelmas padding

Cita:
Iniciado por juanote Ver Mensaje
<a href="http://www.facebook.com" style="display:block;border:none"><img src="http://www.ejemplo.com/logo-facebook.jpg" alt="imagen" width="24" height="24" border="0" style="display:block;border:none;" />
A ese enlace le falta cerrar la etiqueta de ancla. Hay navegadores (serios) que se tildan por eso.

Cuando pongás el ejemplo más completo, no te olvidés de meterlo entre etiquetas de código. No tenés que dejarlo suelto en el mensaje.
  #4 (permalink)  
Antiguo 25/10/2012, 12:13
Avatar de juanote  
Fecha de Ingreso: enero-2003
Ubicación: Valencia
Mensajes: 285
Antigüedad: 21 años, 9 meses
Puntos: 10
Respuesta: Newsletter - imagenes con link - probelmas padding

Lo primero pedir perdon por no responder antes. Pero es que a veces los correos de foros del web(cuando alguien contesta), no me los manda a mi correo de hotmail. O los mete en spam


Bueno, he subido el archivo a esta dirección
http://www.actividades.webege.com/dia-bicicleta.html

En el caso, de las imagenesde twitter y facebook que hay en la parte inferior, al mandarlas como newsletter a un correo de hotmail. Me genera un espacio como si la imagen no pusieras border=0, cuando la imagen es un link.
  #5 (permalink)  
Antiguo 25/10/2012, 12:36
Avatar de juanote  
Fecha de Ingreso: enero-2003
Ubicación: Valencia
Mensajes: 285
Antigüedad: 21 años, 9 meses
Puntos: 10
Respuesta: Newsletter - imagenes con link - probelmas padding

Inserto imagen de como queda en el newsletter

  #6 (permalink)  
Antiguo 25/10/2012, 12:52
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: Newsletter - imagenes con link - probelmas padding

Tenés que mirar qué código te agrega el newsletter. Porque supongo que le enviás el tuyo, y lo tiene que revisar y adaptar.

Yo empezaría por maquetar sin tablas (¿hay algún motivo para semejante chanchada?). Probá poniendo otros enlaces y en otros bloques o en cajas inline, para ver si te deja pasar alguno sin modificarlo. Habría que ver también qué doctype está usando, por las dudas.

Sin ver el código fuente generado, habría que esperar a alguien que le haya pasado lo mismo, o adivinar.
  #7 (permalink)  
Antiguo 25/10/2012, 13:30
Avatar de juanote  
Fecha de Ingreso: enero-2003
Ubicación: Valencia
Mensajes: 285
Antigüedad: 21 años, 9 meses
Puntos: 10
Respuesta: Newsletter - imagenes con link - probelmas padding

No es la primera persona que le pasa
Los newsletter se hacen con tablas

Sino, mira el codigo fuente de los cientos newsletter que nos llegan hoy en dia


la solución es poner display:block en la imagen, pero a mi no me funciona

quizas sea culpa del doctype

una referencia
http://newsmaker.com.ar/blog/como-di...reo_38_21.html

Etiquetas: imagenes, link, newsletter, padding, probelmas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:06.