Problema con HTML.

agustin2611 · #1 (**permalink**) 23/01/2013, 07:28

Qué tal, buenos días.
Soy nuevo en el foro y más nuevo aún en el tema de las páginas web y el HTML.
Únicamente tengo una duda y quería saber si podéis ayudarme.
Éste código es el ejemplo con el que estoy trabajando, es muy, muy simple, pero aún así se ve perfectamente en Windows (Firefox) y totalmente desordenado en Mac (tanto en Safari como en Firefox).
El código en cuestión:

<HTML>
<BODY>
<body background="imagen.jpg">
<a href="http://www.google.es"><img src="imagen2.jpg"<IMG STYLE="position:absolute; TOP:110px; LEFT:570px; WIDTH:137px; HEIGHT:28px">
<a href="http://www.google.es"><img src="imagen3.jpg"<IMG STYLE="position:absolute; TOP:137px; LEFT:564px; WIDTH:167px; HEIGHT:30px">
<a href="http://www.google.es"><img src="imagen4.jpg"<IMG STYLE="position:absolute; TOP:168px; LEFT:566px; WIDTH:88px; HEIGHT:30px">
<a href="http://www.google.es"><img src="imagen5.jpg"<IMG STYLE="position:absolute; TOP:197px; LEFT:563px; WIDTH:122px; HEIGHT:30px">
<a href="http://www.google.es"><img src="imagen6.jpg"<IMG STYLE="position:absolute; TOP:223px; LEFT:566px; WIDTH:229px; HEIGHT:30px">
</BODY>
</HTML>

Muchas gracias de antemano.

Tzar · #2 (**permalink**) 23/01/2013, 08:23

Primero que nada tienes que cerrar cada etiqueta <a> es decir agrega </a> cuando termina cada link. Eso puede ser lo que causa el desorden. Tambien me parece que el style aplicado está mal, te recomiendo que busques una guía principiante de CSS y con eso vas a perfeccionar tu estilo.

agustin2611 · #3 (**permalink**) 23/01/2013, 09:30

Estupendo, haré ambas cosas.
Muchas gracias por tu respuesta. ;)

pzin · #4 (**permalink**) 23/01/2013, 09:40

Lo peor que puedes hacer cuando estás empezando con HTML y CSS es usar position:absolute.

Hasta que no controles bien CSS, ni se te ocurra usar eso.

Carlangueitor · #5 (**permalink**) 23/01/2013, 17:04

Además de lo ya apuntado por @Bonez en cuanto a position:absolute, el código es raro que funcione en un navegador: No tienes doctype, tienes duplicada la apertura del body, no cierras la etiqueta a ni la img, y vuelves a abrirla.

Saludos

agustin2611 · #6 (**permalink**) 24/01/2013, 07:08

Vale, muchas gracias a todos!