[SOLUCIONADO] Desactivar padding

[ilda]

Hola amigos

Me gustaría saber como anular el efecto padding de una sola imagen especifica (tengo a todas afectadas por hojas de estilo con padding de 3 pixeles, y quiero que una imagen no sea afectada -para que no se vea el borde producido por los 3 pixeles-).

¿Me podéis ayudar?

Muchas gracias


Aqui está el caso especifico:

El padding que quiero desactivar es la de la tapa de "el gran libro de los nombres" en esta pagina:

Aquí está la imagen

[jonni09lo]

Y esto que tiene que ver con PHP Foros del Web no tiene como único foro el de PHP, esto debiste de haberlo publicado en el foro de CSS

Además puedes probar colocándole un id especifico a la imagen, de esa manera puedes anular el padding.

Saludos

[pzin]

Pues le añades una clase y especificas padding: 0 ¿no?

[g3kdigital]

Hola.

Pues puedes agregar esta clase en especifico:

Código HTML:

.content .mainbar .article img, .content .mainbar .article_vert img {
border: 1px solid #dedede;
padding: 0; /*Aquí se elimina el borde*/
margin: 0.5em; /*Opcional. Es para agregar espacio entre la imagen y el texto.*/
}

No olvides al final, si soluciona tu inquietud, dar puntos o dar como "solucionado" al hilo.

Sí esto no es lo que buscabas, no dudes en comentarlo.

[jonni09lo]

Iniciado por g3kdigital

Hola.

Pues puedes agregar esta clase en especifico:

Código HTML:

.content .mainbar .article img, .content .mainbar .article_vert img {
border: 1px solid #dedede;
padding: 0; /*Aquí se elimina el borde*/
margin: 0.5em; /*Opcional. Es para agregar espacio entre la imagen y el texto.*/
}

No olvides al final, si soluciona tu inquietud, dar puntos o dar como "solucionado" al hilo.

Sí esto no es lo que buscabas, no dudes en comentarlo.

En base a qué sacas esa regla CSS? Eres consciente de que si el usuario es novato lo que hará es copiar y pegar y antes puede que le termine descuadrando todo o que no le funcione en lo absoluto? Por esa razón se pide que se publique el código, en este caso no se lo hizo simplemente porque el usuario lo que ha hecho es publicar una imagen en vez de dar un código de donde tirar, en ese caso se le da una respuesta genérica y si el usuario la capta lo soluciona inmediatamente, del resto tendría que seguir dando mas información

PD: Nunca insinúes lo de los puntos ya que varios usuarios lo pueden tomar a mal

Saludos

[pitufoweb]

Iniciado por jonni09lo

el usuario lo que ha hecho es publicar una imagen en vez de dar un código de donde tirar

Pero lo que publico fue su web, no una imagen.



Saludos

[jonni09lo]

Iniciado por pitufoweb

Pero lo que publico fue su web, no una imagen.



Saludos

Te juro que cuando abrí por primera vez el link eso solo parecía como una imagen gracias por la corrección

Saludos

[pitufoweb]

Iniciado por jonni09lo

Te juro que cuando abrí por primera vez el link eso solo parecía como una imagen gracias por la corrección

Saludos

Si, aveces pasa eso.


Bueno, para quitarle el padding a esa imagen en específico, puede usar un selector como este:

Código CSS:

img[src$="gran_libro_de_los_nombres.jpg"] {padding:0 !important; border:0 !important;}
 

Saludos

[g3kdigital]

No entendí, al final lo hice bien o lo hice mal.

Yo saque ese código con el firebug.

Okey lo de los puntos, no lo vuelvo a hacer

Siento mucho si hice algo mal solo quería ayudar.

[ilda]

B¨H

Gracias a todos amigos:

Llevo años con esto, pero solo a ojo. Hago lo que puedo. Muchas gracias por estar siempre ahí para ayudar.

Creo que la solución de pitufoweb es la más conveniente para mi caso. Lo intentaré.

[ilda]

Amigos, os agradezco infinitamente vuestra ayuda!!!!! Gracias a todos!!! Pero como lo que dijo pitufoweb fue lo que me ayudó a solucionar el problema, y entendió lo que yo necesitaba, quisiera destacarlo en forma particular y saber como asignarle puntos, si existe la posibilidad de hacerlo.

[pzin]

Iniciado por ilda

saber como asignarle puntos, si existe la posibilidad de hacerlo.

En cada mensaje hay un triángulo en la parte inferior derecha, le das ahí.

[ilda]

O.K.

Muchas gracias