Mi web no se ve bien con Mozilla Firefox

yolanda · **Mi web no se ve bien con Mozilla Firefox -** 03-23-2012, 04:43 PM

Hola de nuevo a todos, haver si me podeis ayudar a terminar mi 1ª pagina web.
He creado una simple pagina web con el bloc de notas siguiendo los tutoriales de la red, el codido fuente que escribo en el blok de notas lo guardo como ( index.html ) y luego tengo 2 carpetas una llamada menu, con las imagenes menu .PNG y otra llamada imagenes que es donde estan las imagenes .jpg y que gracias a ustedes ya se ven una vez subidas al host tenia error de mayusculas, Perdon por no fijarme. No tengo ningun archivo mas del tipo .css .js . php ni nada solo los .html

Ahora el problema es que la cree con internet explorer 9, se ve bien en mi portatil pero en mozilla se ve diferente los textos se descuadran ligeramente y la textura delas letras se ve mas fina en mozilla. En internet explorer desde otro pc se vio descuadrado. Parece que dependiendo de el tamaño de la pantalla no se ajusta correctamente.

¿ Que me falta ?

¿ Como hacer que se ajuste dependiendo del monitor que este visualizando ?

He indagado por internet y es comun la falta de compatibilidad con otros navegadores. He visto el codigo fuente demuchas webs y veo que tienen scripts con variables que dependiendo de cual sea el navegador que este viendo la pagina automaticamente se adapta. Este es un script para reproducir audio segun sea el navegador:

<SCRIPT language=JavaScript>

<!-- Inicio código JavaScript (Oculto en visualizadores no compatibles)

// Script creado por bgugbuy para detectar
// el navegador utilizado por el ordenador que
// visualiza la WEB, y adaptar las instrucciones
// de reproducción de sonido a dicho navegador

if (navigator.appName == "Microsoft Internet Explorer") {
document.writeln('<BGSOUND SRC="musica.mp3" LOOP=INFINITE>') }
if (navigator.appName == "Netscape") {
document.writeln('<EMBED SRC="musica.mp3" WIDTH=0 HEIGHT=2 LOOP=TRUE AUTOSTART=TRUE></EMBED>') }

</SCRIPT>

Para que se lea correctamente una web con la malloria de los navegadores.

- Pregunta ¿ Se puede crear un script como este para que sea compatible con los navegadores mas comunes? ¿ Como crearlo ?

Y despues de crear el script se deve crear en el mismo directirio algun archivo tipo .php o .js o .ccs

Gracias por su tiempo, Y diculpenme pero cuando as miro en san google mas lio tengo, y poco a poco quiero aprender.

rodre · 03-24-2012, 04:10 PM

Tendrías que establecer una resolución dependiendo del contenido que lleve la página, una vez establecido eso, te recomiendo para una mejor visualización que utilices css. Sí queres poder dejar la dirección de tu web y vemos como te puedo dar una mano. Saludos !

yolanda · 08:39 PM

Gracias rodre como digo es una web muy sencilla creada con un blok de notas y 2 carpetas donde estan las imagenes y menu por loque creo me falta algo para que controle el pc que visualiza la web, aqui dejo el link de la web.

Gracias por todo.

http://www.mipaginaweb.net78.net/

yolanda · 03-24-2012, 11:01 PM

Amigos acabo de pasar la pagina por http://validator.w3.org/ me detecta Result:

23 Errors, 3 warning(s) como estos:

Line 33, Column 93: end tag for element "EMBED" which is not open…'<EMBED SRC="musica.mp3" WIDTH=0 HEIGHT=2 LOOP=TRUE AUTOSTART=TRUE></EMBED>') }

Line 39, Column 3: document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag<p><center><img src="imagenes/logo largo1s.jpg"></center>

Line 39, Column 11: document type does not allow element "CENTER" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag<p><center><img src="imagenes/logo largo1s.jpg"></center>

Pero no se como repararlos, una ayuda porfavor. No dispongo de .css ¿ Lo e de crear ?

rodre · 03-24-2012, 11:29 PM

Primero, tendrías que crear un css con el nombre que quieras y éste código.

Code:

body {
		width:800px;
		height:600px;
			}

Lo guardas y en tu archivo index.html dentro de la etiqueta <head></head> que ya tenes escrita pegas esto:

HTML Code:

<link rel="stylesheet" href="estilotest.css" type="text/css" />

Con eso tendrías la resolución de la página en 800*600, y para alinear al medio después del tag <body> tendrías que poner <div align="center"> y cerrar esté DIV al final de la página antes de la etiqueta </body>

Y los dos errores que tenes en la linea 3 son por el tag <p> y <center>, proba poniendo

HTML Code:

 <p align="center"> LINK IMAGEN  </p>

Saludos y espero poder ayudarte.

yolanda · 08:46 PM

Gracias amigo he creado el .css y dejado en el mismo directorio luego e pegado el codigo justo debajo de la linea <head><link rel="stylesheet" href="estilotest.css" type="text/css" />
y cambiado <p align="center"> LINK IMAGEN </p>

y por ultimo antes de </body> he cerrado el </div>

Pero se an aumentado los errores de 23 he pasado a 26 ¿ Algo habre hecho mal?

Aqui te dejo la pagina de errores.

http://validator.w3.org/check?uri=ht...Inline&group=0

Y esta donde esta la pagina:
http://www.mipaginaweb.net78.net/

Gracias por su tiempo.

d3iti · 03-25-2012, 08:31 AM

Hola Yolanda.
Algunas mejoras que puedes hacer a tu código para quitar los errores son las siguientes:

Te recomiendo, si puedes, que te descargues, instales y utilices el programa Notepad++ el cual es gratis, software libre y abierto. Notarás una gran mejora con relación al bloc de notas.

1. Línea 8 de tu código:

HTML Code:

<link rel="stylesheet" href="estilotest.css" type="text/css" />

Como estás utilizando la codificación HTML 4 Transitional, esta línea no debe terminar con /> sino con > como se indica a continuación:

HTML Code:

<link rel="stylesheet" href="estilotest.css" type="text/css">

2. Linea 25. Donde pone:

HTML Code:

<SCRIPT language=JavaScript>

Cambialo para que ponga

HTML Code:

<script type="text/javascript" language="JavaScript">

3. Linea 43. Donde pone:

HTML Code:

<p align="center"><img src="imagenes/logo largo1s.jpg"></p>

Añade el texto alternativo para la imagen:

HTML Code:

<p align="center"><img src="imagenes/logo largo1s.jpg"  alt="texto imagen"></p>

4. Línea 47.

HTML Code:

<center><img src="menu/inicio.PNG" border="0" alt="Boton de pagina Principal">

Cambia por:

HTML Code:

<img src="menu/inicio.PNG" border="0" alt="Boton de pagina Principal" align="center" />

5. Línea 53.

HTML Code:

<img src="menu/contacto.PNG"border="0" alt="Contacta con nosotros"></center>

cambia por:

HTML Code:

<img src="menu/contacto.PNG" border="0" alt="Contacta con nosotros" />

6. Línea 57:

HTML Code:

<img src="imagenes/chica.jpg"alt="RELAJATE.........">

Cambia por:

HTML Code:

<img src="imagenes/chica.jpg" alt="RELAJATE........." />

Estos cambios para empezar. Si quieres luego podemos seguir.

yolanda · 09:07 PM

Gracias amigo vamos progresando hemos rebajado el numero de errores.
Result: 19 Errors, 6 warning(s) .
Aqui el resultado:
http://validator.w3.org/check?uri=ht...Inline&group=0

Aqui la web: http://www.mipaginaweb.net78.net/

Se a descuadrado el 1º menu pero sera cuestion de ajustarlo con <br> Creo.
Solo he modificado el .index Luego si conseguimos dejarla o.k. ya modificare los menus.

Gracias por su paciencia.

d3iti · 03-25-2012, 01:03 PM

Más errores HTML.
Línea 42. Falta cerrar font. Cambia

HTML Code:

<font color="red" face="Modern">¡Bienvenidos al Salon NINA Estetica & Bellesa!

Por

HTML Code:

<font color="red" face="Modern">¡Bienvenidos al Salon NINA Estetica & Bellesa!</font>

Línea 41: Cambia:

HTML Code:

<center><table width="950"><tr><td>

Por lo siguiente:

HTML Code:

<table width="950"><tr><td>

Línea 47: Cambia:
[html]<img src="menu/inicio.PNG" border="0" alt="Boton de pagina Principal" align="center" /></a>/html]
Por

HTML Code:

<img src="menu/inicio.PNG" border="0" alt="Boton de pagina Principal" align="middle"></a>

Línea 60. Cambia

HTML Code:

</center></td></tr></</table>

Por:

HTML Code:

</td></tr></table>

Línea 63. Cambia

HTML Code:

<NOSCRIPT></NOSCRIPT><!-- End Of Analytics Code --></BODY></HTML>

Por

HTML Code:

</BODY></HTML>

Borrar las líneas siguientes
Linea 44

HTML Code:

</p>

Línea 56:

HTML Code:

<IMG border=0 hspace=15 align=left

Líneas 61 y 62:

HTML Code:

<SCRIPT type=text/javascript
</SCRIPT>

yolanda · 08:43 PM

Mil gracias mucho tiempo le estoi robando,pero la cosa esta mejorando ya vamos por aqui.
Result: 6 Errors, 3 warning(s) .

Todo el contenido de <meta> lo saque de de otra web asi como lo de <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Tendra quever con errores ya que no esta registrada?

Aca el resultado:

http://validator.w3.org/check?uri=ht...Inline&group=0

Aqui la web:
http://www.mipaginaweb.net78.net/

El texto que estaba a la dercha de la imagen a pasado abajo luego de tener 0 errores intentara recolocarlo a la derecha.
¿Como agradecerle el trabajo que esta haciendo? no hay palabras.