Foros del Web » Creando para Internet » CSS »

ajuste de span a tamaño de image para centrarlo

Estas en el tema de ajuste de span a tamaño de image para centrarlo en el foro de CSS en Foros del Web. Tengo esta clase para elementos que quiero centrados: .center {margin: 0 auto;} /* display: block; */ En tema es que un span sin ancho definido ...
  #1 (permalink)  
Antiguo 19/05/2010, 10:33
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
ajuste de span a tamaño de image para centrarlo

Tengo esta clase para elementos que quiero centrados:

.center {margin: 0 auto;} /* display: block; */

En tema es que un span sin ancho definido (y con una foto dentro) no se me alinea en el centro. Tendría que definirle un ancho para que funcione.

Esto surge a partir de que estoy modificando html, que funcionaba con esta etiqueta: <center>

Así <center> <img....> </center>

Alguna idea de como modificar esa estructura? O de como centrar el span sin ancho definido?
  #2 (permalink)  
Antiguo 19/05/2010, 10:59
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: ajuste de span a tamaño de image para centrarlo

no entiendo mmmm... seria mejor ver el ejemplo andando o mas codigo... que no entiendo jeje... si quieres centrar el elemento en linea pues "text-align:center;" nuse
  #3 (permalink)  
Antiguo 19/05/2010, 11:12
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: ajuste de span a tamaño de image para centrarlo

Entiendo. Por ahora lo solucioné con esto:

.center {display: block; text-align: center; width: 100%}
  #4 (permalink)  
Antiguo 19/05/2010, 11:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: ajuste de span a tamaño de image para centrarlo

Hola:

Los span por defecto son elementos en línea, y solo pueden centrarse dentro de bloques con text-align, o como estás haciendo, forzándolo como bloque (pero para eso es aconsejable usar un div), o dentro del bloque y si estuviera dentro de algo, ponerle los mismos márgenes (y padding'es) a ambos lados.

Pero sigo pensando en que es mejor usar una capa.

Por cierto, los tags center es preferible ir evitándolos, por estar desaconsejados, equivalen a div align="center" (aunque es mejor usar estilos)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 19/05/2010, 12:27
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: ajuste de span a tamaño de image para centrarlo

Veo. Si, usando un div, con esto basta:

.center {text-align: center;}

Lo voy a usar así! Gracias!
  #6 (permalink)  
Antiguo 19/05/2010, 13:04
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: ajuste de span a tamaño de image para centrarlo

ahora ya entiendo.... que bueno que este solucionado
  #7 (permalink)  
Antiguo 19/05/2010, 14:18
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: ajuste de span a tamaño de image para centrarlo

Imágenes, spans, y similares, son estructuras en línea que deberían ir dentro de una etiqueta en bloque como un párrafo, por lo que lo correcto sería algo así:

Código HTML:
<p style="text-align:center"><img /></p> 
Contrario a los elementos en bloque, que para ser centrados deben ser con un "margin:0 auto"
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: image, span, tamaño
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 02:55.