Espacio entre marco y foto

esebayolo · #1 (**permalink**) 25/04/2012, 11:18

Hola, alguien podría decirme porque me aparece un espacio en la parte de abajo de la foto del menu inferior(la del blog), así como en el apartado nosotros también me sucede lo mismo con otra imagen.

También tengo otro problema...al cargar la página se ve el menú como una lista vertical con puntos delante de cada menú...y no se como hacer que eso no suceda.

La web es viverosvacaloura.com

Gracias!

YYs86 · #2 (**permalink**) 25/04/2012, 12:40

Prueba poniendo el enlace por encima del div entero y luego:

Código CSS:

Ver original#imagenBlog {
    border: thick solid #FFFFFF;
    height: 90px;
    width: 90px;
}

Edit: Solo con el css vale...

esebayolo · #3 (**permalink**) 25/04/2012, 15:56

Gracias! La verdad es que me sirvió que es lo que estaba buscando, pero no tengo claro por qué pasaba...

En cuanto al momento de cargar la página...sabes que puede suceder para que se vea de esa forma?

Un saludo

YYs86 · #4 (**permalink**) 25/04/2012, 16:40

Que es lo que hace tu funcion cambiarvisual()???
(A mi tb me llamó la atención como carga la página xD)

esebayolo · #5 (**permalink**) 25/04/2012, 16:42

Es para cargar unos css u otros dependiendo de la resolución(es mi primera web...xD)

YYs86 · #6 (**permalink**) 25/04/2012, 17:02

Ya vi ya. Estaba probando a ver si hay algun evento que se lance antes de que empiece a cargar la web...
Veo que tienes jquery incluido en la web, xq no tratas de hacerlo con jquery y quitar el onload??

Código Javascript:

Ver original$(function() {
var ancho = screen.width;
if (parseInt(ancho) < parseInt(1281)) {
document.getElementById("hojaEstilo").href="css/estiloPrincipalMini.css";
document.getElementById("logo").src="iconos/logo1-headerMini.png";
document.getElementById("img1").src="fotos/vacaloura001mini.jpg";
document.getElementById("img2").src="fotos/vacaloura002mini.jpg";
document.getElementById("img3").src="fotos/vacaloura003mini.jpg";
document.getElementById("img4").src="fotos/vacaloura004mini.jpg";
document.getElementById("img5").src="fotos/vacaloura005mini.jpg";
} else {
document.getElementById("hojaEstilo").href="css/estiloPrincipal.css";
document.getElementById("logo").src="iconos/logo1-header.png";
document.getElementById("img1").src="fotos/vacaloura001.jpg";
document.getElementById("img2").src="fotos/vacaloura002.jpg";
document.getElementById("img3").src="fotos/vacaloura003.jpg";
document.getElementById("img4").src="fotos/vacaloura004.jpg";
document.getElementById("img5").src="fotos/vacaloura005.jpg";
}
});

esebayolo · #7 (**permalink**) 26/04/2012, 02:43

Perdón por mi ignorancia...¿eso dónde lo coloco?

YYs86 · #8 (**permalink**) 26/04/2012, 04:30

Pues tienes 2 opciones... en un js que tengas tu ya o bien en el <head> entre los tags <script></script>

esebayolo · #9 (**permalink**) 26/04/2012, 06:52

Muchas gracias! La verdad es que ahora carga más rápido!

Al poner $ que se supone que se ejecuta con jQuery? La funcion onload es lenta??

(La verdad es que me perdía bastante el tema de que empezar por $ por eso me descoloqué, yo de javascript...lo que asocio a java xD)

YYs86 · #10 (**permalink**) 26/04/2012, 07:37

$(function(){}); lo ejecuta con jquery si.

El evento onload no tngo muy claro cuando lo ejecuta exactamente, pero parece que tarda mas si.

Yo creo que el problema viene xq no le cargas unas css dsd el principio y luego dependiendo dl tamaño del navegador las sobreescribes. Creo que así el salto de la web seria incluso menor al cargar. Podrías probar a ver si mejora la carga...

esebayolo · #11 (**permalink**) 26/04/2012, 07:55

OK! haré una css para cargar al inicio a ver que pasa!

Ya que veo que dominas javascript...en el apartado instalaciones el código no me funciona, tuve que dejar el otro. No entiendo por qué, debe ser que genera alguna incompatibilidad, porque en todas tengo un script para que el icono de facebook pase escala de grises a color y en ese apartado tp funciona!

Muchas gracias y un saludo!