Foros del Web » Creando para Internet » CSS »

Problemas de centrado.

Estas en el tema de Problemas de centrado. en el foro de CSS en Foros del Web. Hola a todos, Tengo el siguiente código HTML: Código PHP: < p  class= "infotipo solo" > Comentarios : </ p > < span  class= "infotipo solo" >< span  ...
  #1 (permalink)  
Antiguo 02/11/2010, 11:59
 
Fecha de Ingreso: febrero-2010
Mensajes: 22
Antigüedad: 7 años, 9 meses
Puntos: 0
Problemas de centrado.

Hola a todos,

Tengo el siguiente código HTML:

Código PHP:
<class="infotipo solo">Comentarios: </p>

<
span class="infotipo solo"><span class="num">02/11/2010</spana las <span class="num">17:34</spanpor <span class="num">Pikus</span></span
Y mi CSS es el siguiente:

Cita:
.infotipo{
text-align: right;
font-family: Optima, Verdana, Arial, Helvetica;
vertical-align: middle;
font-size: 13px;
color: #00308C;
font-weight: 700;
}

.solo{
vertical-align: bottom;
text-align: center;
}

.num{
color: #d20d1a;
}
No tengo ningún problema con Opera ni IE (he probado de la 6 a la 8). Tampoco he probado en Chrome pero no creo que esto importe demasiado, en estos navegadores me muestra el contenido centrado (tal y como pone en la clase "solo"). Mi problema aparece en Firefox, es que cuando lo intento ver ahí, la segunda etiqueta html (la del span) me sale alineada hacia la izquierda, y si lo cambio por un <p> se centra. Quiero utilizar un span porque el <p> me genera unos márgenes hacia abajo que me interesan casi siempre pero en algunas ocasiones (como esta), no.

¿Hay alguna solución a esto que no sea cambiar por <p>? Debo de reconocer que no termino de comprender para qué sirve un <span>, simplemente pongo ahí dentro los textos cuando no me interesa usar el <p> por el salto de línea ese que hace.

Gracias!
  #2 (permalink)  
Antiguo 02/11/2010, 12:51
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.821
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Problemas de centrado.

tu solución seria utilizar div en lugar de span o aplicar a esas etiquetas span un display:block; para que ocupen el 100% del ancho disponible

con la etiqueta <p> no tienes problemas ya que es del tipo bloque mientras que un span es del tipo en-linea
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 03/11/2010, 03:30
 
Fecha de Ingreso: febrero-2010
Mensajes: 22
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Problemas de centrado.

Con el display:block funciona perfecto. Hay muchas cosas de CSS que no sé para qué sirven, esta era una de ellas aunque ya me ha quedado claro para qué sirve exactamente, muchas gracias por tu ayuda.

Por cierto una pregunta más, ¿a qué te refieres exactamente cuando dices que es del tipo en-línea?¿Que sólo ocupa lo que "ocupe el contenido"? Me gusta CSS pero tengo mucho que aprender :_(

Edit: Unos post más abajo viene todo esto explicado, no lo había visto, perdón :$

Última edición por Pikus; 03/11/2010 a las 07:37

Etiquetas: centrar
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 09:33.