Comunidad de diseño web y desarrollo en internet online

Mis imagenes no se centran

Foros de discusión > Wordpress, blogs y CMS

Citar            
MensajeEscrito el 30 Mar 2009 10:41 pm
Mis imagenes con este tema no se centran por que?, si les doy revisar propiedades si ?

www.soportalo.com

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

Envíale un mensaje privado     Web

FeNtO DataCenter

firefox
Citar            
MensajeEscrito el 01 Abr 2009 07:35 pm
Que raro aqui dice que las imagenes no estan centradas, es posible que el theme haga que las imagenes se vayan a la izquierda, te lo digo por que varias theme me hacen esto ¬¬

Lo otro es que tu no lo hayas centrado y el theme lo hacia por ti(por ende que cuando cambias de theme las imagenes se vayan a un lado)

U_U es mi opinion.

Por Pley

Claber

2268 de clabLevel

8 tutoriales

 

Envíale un mensaje privado   Email   Web

Lima - Peru

firefox
Citar            
MensajeEscrito el 03 Abr 2009 07:23 pm
Podrías empezar viendo que clase se aplica a las imágenes que quieres centrar, para que luego la buques en tu CSS y veas como esta definida.

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 04 Abr 2009 04:15 pm
En Wordpress hay dos formas de publicar y editar las entradas, la visual y la HTML, supongo que estés añadiendo la imagen y centrandola con la visual, si es así, prueba a irte a la HTML y alineala a la izquierda con HTML.

Ojala se te solucione.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Envíale un mensaje privado   Email   Web

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 04 Abr 2009 06:50 pm
Gracias a todos voy a empezar a trabajar en ellos gracias :D

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

Envíale un mensaje privado     Web

FeNtO DataCenter

firefox
Citar            
MensajeEscrito el 04 Abr 2009 09:55 pm
Aviso: El problema de FeNtO es contagioso :lol:
Ya me pasó lo mismo que a ti :P :cry:
Bueno al menos ahora si haré algo para resolver el problema y de pasó te aviso como lo arreglé :lol:

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 04 Abr 2009 10:01 pm
¿Has intentado lo mio Ray?

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Envíale un mensaje privado   Email   Web

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 07 Abr 2009 12:03 am
La solución está perfectamente explicada aquí ;)

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Envíale un mensaje privado   Email   Web

Cd. Juárez, Chihuahua, México.

firefox
Citar            
MensajeEscrito el 07 Abr 2009 05:02 pm
Gracias por el link La100rra, pero el problema (no se si sea asi con FeNtO) es que insertamos inserto la imágen como Centrada y en la vista previa de WordPress si se ve centrada, pero al verla en el sitio no. ¿Raro verdad? :?

...

Tal vez algo le pasó a la CSS, le hecharé un vistaso y vuelvo...

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 07 Abr 2009 05:34 pm
Eureka! :D
No se que demonios le pasó a mi CSS, pero estaba diferente a como yo la tenía :wtf: :roll:
Bueno, entre la CSS esta la clase .aligncenter, que se encarga de centrar el DIV contenedor, NO la imagen en si. Es por eso que debe de tener margin: auto; :wink:
En si el código es este:

Código :

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Suerte! ^^

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 07 Abr 2009 05:41 pm
:shock: :wtf:
WTF?!
FeNtO, ahora veo que en tu CSS no viene ninguna clase para las imágenes :shock:
Creo que bastará con que agregues las líneas que puse a la CSS para arreglarlo.

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 07 Abr 2009 05:42 pm

[Ray] escribió:

Eureka! :D
No se que demonios le pasó a mi CSS, pero estaba diferente a como yo la tenía :wtf: :roll:
Bueno, entre la CSS esta la clase .aligncenter, que se encarga de centrar el DIV contenedor, NO la imagen en si. Es por eso que debe de tener margin: auto; :wink:
En si el código es este:

Código :

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Suerte! ^^


Gracias por poner la solución Ray, ya se a donde acudir si me ocurre este problema.

Saludos

Por Distriker

Claber

955 de clabLevel

9 tutoriales

 

Envíale un mensaje privado   Email   Web

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 07 Abr 2009 06:35 pm

Distriker escribió:

[Ray] escribió:

Eureka! :D
No se que demonios le pasó a mi CSS, pero estaba diferente a como yo la tenía :wtf: :roll:
Bueno, entre la CSS esta la clase .aligncenter, que se encarga de centrar el DIV contenedor, NO la imagen en si. Es por eso que debe de tener margin: auto; :wink:
En si el código es este:

Código :

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Suerte! ^^


Gracias por poner la solución Ray, ya se a donde acudir si me ocurre este problema.

Saludos

No hay de que :wink:
Pero en fin, ¿Lograste corregir el problema FeNtO?

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Envíale un mensaje privado   Email  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 07 Abr 2009 10:41 pm
Acabo de revisar la respuesta prueba en la noche gracias Ray

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

Envíale un mensaje privado     Web

FeNtO DataCenter

firefox
Foros de discusión > Wordpress, blogs y CMS

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.