Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-03-2010, 20:16 (UTC)    
Título del mensaje: [Resuelto] problema con imagenes en la web

hola bueno mi problema es que cuando pongo una imagen en mi web aparece con un como marco color blanco o gris alrededor de la imagen y pues no se que pasa, vean en el cuadro rosado que esta en mi web allí lo muestra todo bien, aparece la imagen en un cuadro blanco y la verdad eso me molesta ya que arruina la pagina, espero me ayuden salu2
______________



Entra y registrate en nuestro foro!!


Ultima edición por juanms07 el Vie Mar 12, 2010 1:28 am; editado 2 veces
Mensaje09-03-2010, 20:30 (UTC)    
Título del mensaje:

Hola amigo juanms07

Verifica tu codigo web en específico la sección de css checha todos los div que dice:

Cita:
img


Esto modifica tu web seguro tienes alguna con margen.

Si el problema periste puede usar este mismo tema o enviarnos un MP.

Saludos,
El equipo de Luupa
Moderador PWG
______________
Mensaje09-03-2010, 20:33 (UTC)    
Título del mensaje:

No sabria decirte una respuesta concreta por la razon de que solo tu ves tu código, pero he visto lo que dices...

Puedes probar poniendo así donde tienes las imagenes puestas en el recuadro rosa:

Código:
<img  style="background:pink;" src="url de la imagen">



un saludo
______________

Administradormartinp
ModeradoresLadiscoteka |Enplenovuelomx |Tokarg |Alfasite |Luupa |Cssplantillas
Normas del foroAquí
Dudas o denuncias support-es@webme.com
flyweb
pueden opinar sobre nuestra web aqui


Mensaje10-03-2010, 19:45 (UTC)    
Título del mensaje:

no funciona, e buscado los div de img y no hay y tambien con el codigo para canviar el color y siempre aparece el borde blanco,

ayuda!!!!!
______________



Entra y registrate en nuestro foro!!
Mensaje10-03-2010, 20:04 (UTC)    
Título del mensaje:

Hola,
busca esta parte en el código de tu diseño:

Cita:
<link rel="stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/style.css" type="text/css" media="screen" />

<link rel="stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/style.css" type="text/css" media="screen" title="default" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/blue.css" type="text/css" media="screen" title="blue" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/green.css" type="text/css" media="screen" title="green" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/pink.css" type="text/css" media="screen" title="pink" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/plum.css" type="text/css" media="screen" title="plum" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/red.css" type="text/css" media="screen" title="red" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/rust.css" type="text/css" media="screen" title="rust" />
<link rel="alternate stylesheet" href="http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/css/turq.css" type="text/css" media="screen" title="turq" />


En verde te marqué lo que es el CSS de tu diseño original, en azul los de los estilos alternativos (aunque no vea la opción en tu web tu diseño tiene la posibilidad de cambiar el estilo con un click, es decir presionar una opción que cambie el css y por ende el color y todos los estilos). Si no lo usas solo centrate en el verde, si usas el rotador de estilos deberás editar todos los archivos.

Debes abrir cada URL, por ejemplo:
http://wp-launch.solostreamsites.com/wp-content/themes/wp-launch-dev/style.css
Copiar los textos, pasarlos a Bloc de notas y borrar esta parte:
Código:
.entry img {
   border:1px solid #ddd;
   padding:4px;
   background:#fff;
   max-width:530px;
        }

img.alignright {
   float: right;
   clear: right;
   margin: 0 0 10px 10px;
   border:1px solid #ddd;
   padding:4px;
   background:#fff;
        }

img.alignleft {
   float: left;
   clear: left;
   margin: 0 10px 10px 0px;
   border:1px solid #ddd;
   padding:4px;
   background:#fff;
        }

img.aligncenter, img.centered, img.center {
   display: block;
   margin: 0 auto 15px auto; 
   float: none;
   clear: both;
   border:1px solid #ddd;
   padding:4px;
   background:#fff;
        }

img.post-thum, img.thumbnail {
   float:right;
   margin: 0 0px 15px 15px;
   border:1px solid #ddd;
   padding:2px;
   background:#fff;
   }

img.avatar, img.comment-grav {
   border:1px solid #ddd;
   padding:2px;
   background:#fff;
   float:right;
   margin:0 0 10px 10px;
   }

.commentlist img.avatar, img.comment-grav {
   margin-bottom:15px;
   }

.singlepost .auth-bio img.avatar {
   border:1px solid #ddd;
   padding:2px;
   background:#fff;
   float:right;
   margin:0 0 10px 10px;
   }


Una vez hecho eso guardas el archivo como nombre.css y lo subes a www.xooimage.com . Allí te dan la URL y la reemplazas en el código de arriba.

Esas son las desventajas de usar los CSS d emanera indirecta, es mucho más complejo de editar

Saludo!
Mensaje10-03-2010, 22:59 (UTC)    
Título del mensaje:

no, no funciona, ya modifique el código como unas 3 veces, le cambio los pixeles de los margenes a 0 y nada, e buscado todas las etiquetas de img y modificado las que tienen margenes y nada de nada, no se que tendrá de malo esto y pues ya me e roto la cabeza buscando el problema y no lo encuentro

ayuda por favor
______________



Entra y registrate en nuestro foro!!
Mensaje11-03-2010, 02:52 (UTC)    
Título del mensaje: hola

hola hay css styles que no sirven en tu diseno por eso es que sale tienes que encontrar la manera dame un ejemplo
______________

Mensaje11-03-2010, 04:37 (UTC)    
Título del mensaje:

gracias por su ayuda, pero e decidido evitar problemas con códigos y cambiar de plantilla, gracias por su ayuda salu2
______________



Entra y registrate en nuestro foro!!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group