[SOLUCIONADO] ¿Cómo quitar espacio entre span y span?

[iorio]

Hola, en un mod que tengo en mi foo que puedo agregar html y css agrego este código:

Código CSS:

<span style='color:red'>h</span>
<span style='color:orange'>o</span>
<span style='color:yellow'>l</span>
<span style='color:green'>a</span>
 

El resultado es la palabra "hola" en 4 colores pero me deja un espacio entre cada letra "h o l a", como puedo hacer para eliminar este espacio, algún css o como?

[pzin]

En principio bastaría con flotar los elementos:

Código CSS:

span {
  float: left;
}
 

Aunque también podrías hacer algo así:

Código HTML:

<span style='color:red'>h</span><span style='color:orange'>o</span><span style='color:yellow'>l</span><span style='color:green'>a</span>
 

Porque el espacio lo crean los saltos de linea en el HTML en los elementos en linea.

[iorio]

Si tenias razón, yo no pensé que el salto en linea dejaría un espacio si no estoy usando ningún código para que genere ese espacio, en las plantillas vivo dejando muchos espacio inútiles y nunca me genera espacio en el resultado.

Probé con ambos y ambos funcionaron bien, pero por una razón de que tengo que escribir bastantes palabras con este sistema me parece mas prolijo y fácil de entender poniendo un span por linea y luego aplicar el css (es para poner colores a los nombres de usuarios), te agradezco mucho, saludos!!

[iorio]

Mm esto me esta causando un problema, es que al poner el css para que afecte el nombre de usuario desde la plantilla general, por ejemplo:

Código CSS:

.post_username .author.vcard span {
float: left;
}
 

Solo me corrige el espacio en el perfil del post pero no en el resto del foro donde aparece el nombre de usuario en diferentes partes, entonces me podrías decir como incluir este css dentro de esto mismo?

Código HTML:

<span style='color:red'>h</span>
<span style='color:orange'>o</span>
<span style='color:yellow'>l</span>
<span style='color:green'>a</span>
 

[pzin]

Pues englóbalo dentro de otro elemento con una clase:

Código HTML:

<div class="nombre_ususario">
  <span style='color:red'>h</span>
  <span style='color:orange'>o</span>
  <span style='color:yellow'>l</span>
  <span style='color:green'>a</span>
</div>
 

Y luego cambias el selector:

Código CSS:

div.nombre_usuario span {
  float: left;
}
 

[iorio]

Muchas gracias

[faillure]

pregunto, que yo he venido a aprender:
¿por qué volver un elemento de línea en uno de bloque y después deshacerlo (más código)?
¿por qué no utilizar la misma propiedad que crea la separación entre letras para modificarla?

¿letter-spacing no le sirve?

[iorio]

Como es eso de letter-spacing?

yo tengo que usar span por que asi lo requiere el mod, en si puedo usar otras etiquetas pero no funcionaria como nombre de usuario sino solo se veria el texto y no seria clickeable.

[faillure]

http://bit.ly/15zQ03M