repeat-y cambia el color de la imagen

[BenRu]

Edito: Me equivoqué al poner el titulo, es repeat-x (horizontal) en vez de repeat-y


Hola,

Tengo un problema con CSS que no sé como solucionar.

Tengo un menú que consta de lateral izq y derecho, y parte central que se repite con repeat-x

En firefox se ve bien, pero en IE, Chrome y Safari la imágen que se repite pierde su color original, se queda en algo parecido cuando pasamos de RGB a CMYK.

La imagen es png 32


Cómo puedo solucionarlo sin hacer el menú de una sola imagen?



Un saludo

[Shaito]

Hola!

Puedes poner la web o el css y html de esta?

[BenRu]

Iniciado por Shaito

Hola!

Puedes poner la web o el css y html de esta?

Es un sistema bastante complejo y un poco "especial" como para poner todo...pero intentaré poner un fragmento

Código HTML:

<div class="menu">
<div class="menuL"></div>
<div class="menuC">
<ul>
<li>
<li>
</ul>
</div>
<div class="menuR"></div>
</div>
 

Código CSS:

.menu { width: 951px; position: relative; z-index: 10; clear: left; margin-left: 4px; }
.menu .menuL { width: 10px; height: 35px; background: url(../images/aux1.png) no-repeat 0px 0px; float: left; }
.menu .menuC { width: 930px; height: 35px; background: url(../images/auxX1.png) repeat-x; float: left; }
.menu .menuR { width: 10px; height: 35px; background: url(../images/aux1.png) no-repeat -20px 0px; float: left; }
 

La cosa es que me falla también en un pequeño bloque en otro lugar...sin embargo, los repeat-y de otros bloques me van correctamente


Un saludo

[Shaito]

Hola!

Dirección de tu web para poder ver las imagenes

[BenRu]

Iniciado por Shaito

Hola!

Dirección de tu web para poder ver las imagenes

Ahora mismo la tengo en localhost :/

[Shaito]

Hola!

Siempre puedes subir las imagenes a un hosting gratis como por ejemplo:

http://JackImages.tk
Http://imageshack.us
http://Xooimage.com

[BenRu]

Aquí están:

aux1.png
http://i52.tinypic.com/20pou1s.png

auxX1.png
http://i54.tinypic.com/15nvof9.png

[Shaito]

Hola!

Pues no se, no entiendo nada, es decir esto es lo que me genera tu code:

[BenRu]

Es porque está en un sprite y al parecer, no te toma bien el position 8-)

[kseso?]

Cambie la imagen a png24
Revise el html. Abre 2 /li/ y no cierra ninguno. Supongo que error de dedo.
Revise el css. utiliza la misma imagen para los fondos, y en una declaración tiene una letra en mayúsculas.
Demasiados div´s para lograr ese efecto.

[BenRu]

Iniciado por kseso?

Cambie la imagen a png24

Probaré así a ver si se soluciona.

Revise el html. Abre 2 /li/ y no cierra ninguno. Supongo que error de dedo.

El codigo html lo escribí directamente aquí y puse el li para que se supiera lo que había, no con la intención de "ponerlo", obviamente tiene un listado y por supuesto las etiquetas están cerradas.

Revise el css. utiliza la misma imagen para los fondos, y en una declaración tiene una letra en mayúsculas.

Son dos imágenes distintas.
es aux1 y auxX1, imágenes distintas.
Ya puse la url con las dos imágenes en el anterior post.

Demasiados div´s para lograr ese efecto.

Hasta donde yo sé, es imposible hacer un menú con menos de 3/4 clases (añadiendo laterales y centro) ya que hay que sacar 3 imágenes con 3 posiciones distintas, a no ser que lo metas todo como una misma imagen.




Un saludo

[BenRu]

Lo he pasado a png 24 y sigue igual.


Un saludo