Autor
Mensaje
juanms07
Junior
09-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
↑
luupa
Semi-Experto
Ubicación: Luupa.es.tl
09-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:
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
______________
↑
sobreviviendoal2012
Junior
Ubicación: la paz baja california sur
09-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
______________
Administrador martinp
Moderadores Ladiscoteka |
Enplenovuelomx |
Tokarg |
Alfasite |
Luupa |
Cssplantillas
Normas del foro Aquí
Dudas o denuncias support-es@webme.com
flyweb
pueden opinar sobre nuestra web aqui
↑
juanms07
Junior
10-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!!
↑
tokarg
Ex-teamPwG-Mod
Ubicación: Buenos Aires, Argentina
10-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!
↑
juanms07
Junior
10-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!!
↑
procssdesign
Junior
Ubicación: Atlanta, GA , EUA
11-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
______________
↑
juanms07
Junior
11-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!!
↑