Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Ayuda con 3 retoques esteticos que no consigo solucionar!!

Estas en el tema de Ayuda con 3 retoques esteticos que no consigo solucionar!! en el foro de CSS en Foros del Web. Como muchos sabesi, estoy creando una tienda Online, y ya la tengo lista al 99%, pero tengo 3 retoques esteticos que no consigo solucionar ni ...
  #1 (permalink)  
Antiguo 18/12/2010, 08:02
Avatar de victor5atodogas  
Fecha de Ingreso: junio-2010
Mensajes: 447
Antigüedad: 7 años, 5 meses
Puntos: 2
Ayuda con 3 retoques esteticos que no consigo solucionar!!

Como muchos sabesi, estoy creando una tienda Online, y ya la tengo lista al 99%, pero tengo 3 retoques esteticos que no consigo solucionar ni a la de 3, a cual mas tonto, pero por mucho que leo posts, cambio cosas del CSS, y analizo con Firebug, no encuentro el que tengo que hacer exactamente para solicionarlo.

Si entrais a esta URL Novedades con Firefox, Chrome y IE notareis varias cosas que estan mal (3) que os enumero y explico.

1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.

2.- En IE no consigo que me redondee las imagenes, ¿Alguna idea de que tengo que añadir al .CSS para que me lo haga?

3- En Chrome (no se porque, solo pasa ahi) esta pagina me la carga mal, desordenada (tambien lo hace aqui, o en otras, en las que el resto de navegadores las cargan bien Cualquier pagina de listado de productos.

Muchas gracias por vuestra ayuda, son los 3 retoques que me faltan, aunque no entiendo muy bien cual puede ser el fallo, he mirado mucho el .CSS, otros post, y con el Firtebug, pero de verdad no consigo ni a la de 3 solucionarlos, el mas grave es el 3.

Un saludo
  #2 (permalink)  
Antiguo 18/12/2010, 08:31
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con 3 retoques esteticos que no consigo solucionar!!

1: si es lo que pienso, se debe a que hay un <br /> entre #content y #page
No debe utilizar el retroceso de carro o salto de línea para separar elementos de bloque.

2: si está usando border-radius, no lo entiende ie. Al menos en las versiones estables. La ver. 9 ya veremos. Hay algunas alternativas basadas en js. Aquí tiene alguna.

3: en #center_column .products_block ul li que está en el css global2.css el developer tools de chome me marca que tiene un float:center
Tal cosa no existe, por lo tanto sus li se convierten en elementos de bloque.
Cambie su valor a left.
Le adjunto captura:


Última edición por kseso?; 18/12/2010 a las 08:44
  #3 (permalink)  
Antiguo 18/12/2010, 08:49
 
Fecha de Ingreso: diciembre-2010
Mensajes: 16
Antigüedad: 7 años
Puntos: 1
Respuesta: Ayuda con 3 retoques esteticos que no consigo solucionar!!

Cita:
Iniciado por victor5atodogas Ver Mensaje
Como muchos sabesi, estoy creando una tienda Online, y ya la tengo lista al 99%, pero tengo 3 retoques esteticos que no consigo solucionar ni a la de 3, a cual mas tonto, pero por mucho que leo posts, cambio cosas del CSS, y analizo con Firebug, no encuentro el que tengo que hacer exactamente para solicionarlo.

Si entrais a esta URL [URL="http://www.eluniversodelperro.com/tienda/new-products.php"]Novedades[/URL] con Firefox, Chrome y IE notareis varias cosas que estan mal (3) que os enumero y explico.

1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.

2.- En IE no consigo que me redondee las imagenes, ¿Alguna idea de que tengo que añadir al .CSS para que me lo haga?

3- En Chrome (no se porque, solo pasa ahi) esta pagina me la carga mal, desordenada (tambien lo hace aqui, o en otras, en las que el resto de navegadores las cargan bien [URL="http://www.eluniversodelperro.com/tienda/2-perros"]Cualquier pagina de listado de productos[/URL].

Muchas gracias por vuestra ayuda, son los 3 retoques que me faltan, aunque no entiendo muy bien cual puede ser el fallo, he mirado mucho el .CSS, otros post, y con el Firtebug, pero de verdad no consigo ni a la de 3 solucionarlos, el mas grave es el 3.

Un saludo
Hola,

1. En #page cambiar a margin: 0 auto;
2. Javascript: http://blog.timersys.com/jquery/como-redondear-las-esquinas-de-un-div-con-jquery-corners/
3. para el li del grid de productos probar con display:inline tambien ayudaria que revise la validacion del sitio en w3c.

Tal vez si ese theme le trae demasiados problemas, pueda buscar uno que sea totalmente compatible en el directorio de themes de prest-a-shop =)
  #4 (permalink)  
Antiguo 18/12/2010, 09:45
Avatar de victor5atodogas  
Fecha de Ingreso: junio-2010
Mensajes: 447
Antigüedad: 7 años, 5 meses
Puntos: 2
Respuesta: Ayuda con 3 retoques esteticos que no consigo solucionar!!

Muchas gracias por vuestras respuestas; respondo a los dos si puedo:

1- He probado a quitar el <br> (pero ese lo coloque para que el header empezara algo mas abajo, y asi no ha funcionado); en cuanto a poner margin: 0 auto, es lo que ya tengo.

2.- Lo de redondear en IE es lo de menos, pero de todas formas voy a seguir los enlaces que me habeis dicho que seguro que funcionan.
3- Solucionado, era cosa de cambiar float:center por float:left

No cambio el tema de Prestashop porque ya esta bastante modificado como para elegir otro diferente, ademas, cuando solucione el problema del hueco arriba en Firefox e IE el tema estara terminado.

Por cierto, agradeceria que lo criticarais y dijerais que cosas mejorariais.

Un saludo
  #5 (permalink)  
Antiguo 19/12/2010, 14:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con 3 retoques esteticos que no consigo solucionar!!

Cita:
1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.
¿Podría, por favor, ser algo más explícito en ese punto?.
¿En qué versiones de navegador? y ¿qué hueco?
Una captura de pantalla de esa parte ayudaría, pues yo al menos no advierto nada azul.

Etiquetas: Ninguno
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 08:15.