Problema con el código de mi página web

[Skyline6]

Buenas,
Espero ser lo más claro y preciso posible con mis problemas. Ésta es mi página web:
[URL="http://fotografiapedroruiz.es/"]http://fotografiapedroruiz.es/[/URL]

Para realizar la página me he servido de un código básico, pues no soy diseñador ni un entendido de "estas cosas", y el mayor problema que me ha llevado de cabeza es la visualización de la misma en cada explorador (Chrome, Firefox, IE...), pues en cada uno hay un problema distinto...

Esta pregunta es sencilla, la solución quizás no tanto. ¿Hay algún modo de cambiar el código fuente de mi web de modo que optimice la visualización para todo explorador de internet?

En caso de no haberlo, desearía saber por qué en Chrome, desde hace dos meses, se me ha inutilizado el siguiente código:

Código:

<map name="Map" id="Map"> 
<area shape="rect" coords="197,235,233,454" href="#galeria" alt="Galería" />
<area shape="rect" coords="302,190,338,421" href="#contacto" alt="Contacto" />
<area shape="rect" coords="394,116,427,432" href="#exposiciones"  alt="Exposiciones" />
<area shape="rect" coords="474,58,507,424" href="#videorreportajes" alt="VideoReportajes" />


<a name="galeria"></a>

<a name="contacto"></a>

<a name="exposiciones"></a>

Al pulsar sobre cada región va correctamente a la zona destino, pero el siguiente click de ratón (sea donde sea) te devuelve directamente al principio de la página, de modo que el índice queda inútil.

Lo siguiente está en Firefox. Se puede observar que la foto que corresponde al menú de Inicio se ve perfectamente; sin embargo las fotos correspondientes a la galería de fotos no se cargan de ningún modo. No tengo ni idea de por qué puede suceder.

Gracias por su tiempo y solo espero que no deba rehacer la página por completo.
Un saludo

[armandoweb]

Hola:

Lo que puedo sugerirte es que ingreses en http://validator.w3.org/#validate_by_input y coloques el codigo fuente de tu web alli. Este validador te dirá los errores que encuentre en tu codigo, para que una vez solucionados, sea mas probable que la web se vea bien en todos los navegadores.

Otro consejo que me animo a darte es que coloques los estilos en una hoja de estilos (ej: estilos.css) fuera del codigo de cada pagina y hagas un link a este archivo, asi si necesitas actualizar los estilos solo lo modificas una vez.

Espero haberte ayudado.

Saludos.

[durket]

Esos validadores de codigo son una bendicion. Mas de una vez me resolvieron un problema.

[Skyline6]

Hola, gracias por la respuesta. Me decidí a comprobar el código pero no habían errores de mayor importancia, es decir aún me encuentro con las dudas expuestas en el primer post. Seguramente seguiré el consejo sobre crear una hoja de estilos aparte, aunque esperaré más respuestas para contrastar o dar con la tela de mis problemas.
Gracias
Un saludo

[armandoweb]

Hola Skyline6:

El problema en Chrome no te lo puedo solucionar porque no lo utilizo, aunque por lo que comentas puede ser que al hacer click te lleve a la seccion deseada, quedando el foco del enlace en ese link, al hacer click nuevamente en cualquier lugar te lleva nuevamente hacia arriba, hacia ese link. Otra forma de hacer lo que estas haciendo es utilizando JQuery, me refiero al funcionamiento de tu web, deslizar a una seccion determinada al hacer click en el menu.

En cuanto al otro problema, ya chequeaste que estes colocando bien la ruta a la imagen?? por lo que vi en el código fuente puede ser ese el error que no te muestras las fotos...

Espero haberte ayudado.

Saludos.

[Skyline6]

Iniciado por armandoweb

Hola Skyline6:
En cuanto al otro problema, ya chequeaste que estes colocando bien la ruta a la imagen?? por lo que vi en el código fuente puede ser ese el error que no te muestras las fotos...

Perdón por tardar tanto en responder. Gracias por la respuesta, el problema es que no se ven en Firefox, pero se ven perfectamente en Chrome e Internet Explorer, entonces ya no sé a qué acudir.

Me he decidido a reestructurar el sistema a como tú me has propuesto, por medio de JQuery, pero encuentro muchas dificultades para entenderme con el lenguaje.

Seguramente cree un nuevo post para preguntar el código en concreto que necesito.

Gracias, un saludo.