04/10/2012, 15:23
| |||
| |||
 Porque mi pagina sale media descuadrada en Firefox y en IE Alguien que me ayude urgente por favor u__u. Hice el diseño en Illustrator y de ahi lo exporte ( hice los cortes en illust ( para rellenar el contenido en dreamweaver en Chrome me funciona de mil maravillas pero en IE y en Firefox salen espacios en blanco . Agradecería mucho que me ayudaran u__U Esta es la pagina [URL="http://www.perasem.com/inicio.html"]http://www.perasem.com/inicio.html[/URL] |
|
04/10/2012, 17:22
| |||
| |||
| Respuesta: Porque mi pagina sale media descuadrada en Firefox y en IE Personalmente mala idea diseñar en Illustrator, exportar a html y listo. La web te tarda horrores en cargar porque está cargando imágenes a saco cuando con CSS sería mucho más ligera y limpia de mantener. Piensa que si ahora por lo que sea quieres cambiar ese color marrón por uno gris tendrás de remontar todo cuando con CSS sería simplemente cambiar una linea de código. Internamente la web está maquetada con tablas lo cual es un desastre y una locura. No solo eso sino que el Doctype lo tienes metido dentro del body, cuando debería estar antes de la etiqueta html, es decir lo primero que se pone es el doctype. Y además toda tu web está metida dentro de la etiqueta doctype... casi nada. Realmente lo curioso es que en Chrome efectivamente se ve correctamente. He mirado un poco por encima el código y estoy seguro que tiene que ver con algo del espacio entre las celdas de la tabla... Chrome por defecto carga inicialmente sus propias reglas CSS y sobre ello construye todo lo demás. Firefox hace lo mismo pero alguna regla no será la misma. Firefox tiende a ser más estricto en estos temas. Explorer es un mundo a parte.... el cual por cierto me tira un mensaje indicando que la copia de Quickmenu no está pagada.... ejem.... Creo que será más rápido que partas de cero... |
|
05/10/2012, 04:50
| |||
| |||
| Respuesta: Porque mi pagina sale media descuadrada en Firefox y en IE Las imágenes las sigues poniendo en el código HTML mediante su respectivo código <img src="imagen.png" width="120" height="250" /> Luego con CSS es donde controlas como situarlo. Pero es que por ejemplo la única imagen que deberías mantener es la del logotipo y las fotografías que tienes, todo el tema de color del resto de la web (menús, fondo etc) deberías de controlarlo solo con CSS, te ahorrarías muchas imágenes que cuadrar y sería todo más fácil de modificar llegado el caso. Por ejemplo el color marrón que tienes por todas partes (omitiendo en el ejemplo el tema de los degradados) lo podrías hacer con esta simple linea: body {background-color:#B48558;} El día que quisieras cambiar el color, por ejemplo a rojo, simplemente pondrías body{background-color:red;} Con CSS puedes controlar los colores, las formas redondeadas de tus menús, el degradado, la posición de las capas de las imágenes... vamos todo. Muchísimo más fácil de mantener y la web se aligera mucho. Mi recomendación es que partas de cero. Te recomiendo que comiences a echarle un vistazo a algunos manuales de desarrollo HTML+CSS. En google puedes encontrar muchos. |
| Etiquetas: |
