Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/04/2011, 02:18
whitefeathers
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 13 años, 4 meses
Puntos: 9
Respuesta: Interpretacion de codigo en internet explorer y chrome (entre otros)

¿Tienes la página hecha por frames? Creo que ese es el error, por eso no aparece la imagen. De todas formas, la página está mal construída a nivel de código y es normal que fallen estas cosas. Para empezar, deberías aplicar un único estilo css a todas las páginas, no poner código directo, y separar todas las imágenes del contenido.

En vez de

Código:
<img src="bienvenido.png" width="283" height="57" align="left"/>
Poner un div tal que

Código:
<div class="bienvenido">Bienvenido</div>
Y en CSS:

Código:
.bienvenido {
     background: url(bienvenido.png) no-repeat;
     /* Hace la imagen como fondo del div */
     width="283px";
     height="57px";
Si la quieres posicionar a la izquierda puedes ponerle un float o una posición absoluta.

Eso habría que hacerlo con todas las imágenes de ese tipo.

Más errores que he encontrado:

Código:
<table width="781" border="0" cellspacing="35">
<tr>
<td width="375" height="409" ><img src="DSC04717.JPG" width="370" height="376"/></td>
<td width="297" >
¿Qué sentido tiene esta tabla? Ninguno. Estás haciendo una tabla, indicada para recopilar datos, para alojar una imagen y un párrafo. Debes hacer un div con la imagen en HTML:

Código:
<div class="imagen-bienvenidos"></div>
Y el CSS:

Código:
.imagen-bienvenidos {
    background: url(DSC04717.jpg) no-repeat;
    width="370px";
    height="376px";
}
Código:
<p><span class="Estilo31">Educación Especiaizada Laudel,</span> <span class="Estilo33">es una institución de asistencia social con fines no lucrativos, que tiene como función primordial la atención de niños y jóvenes con necesidades educativas especiales asociadas con discapacidad intelectual y/o trastornos generalizados del desarrollo.</span></td></p>
Hay que evitar los span como sea, ya que no aportan nada a nivel semántico.
Si quieres darle estilo al <p> (párrafo) basta con definir una clase para él:

Código:
<p class="parrafo">Educación Especiaizada Laudel, es una institución de asistencia social con fines no lucrativos, que tiene como función primordial la atención de niños y jóvenes con necesidades educativas especiales asociadas con discapacidad intelectual y/o trastornos generalizados del desarrollo.</p> 
Si quieres añadir negritas, basta con usar <strong></strong> (indica énfasis) o <b></b> (negrita, función estética).

Código:
<p class="parrafo"><b>Educación Especiaizada Laudel</b>, es una institución de asistencia social con fines no lucrativos, que tiene como función primordial la atención de niños y jóvenes con necesidades educativas especiales asociadas con discapacidad intelectual y/o trastornos generalizados del desarrollo.</p>

Otro fallo grave que he visto:

Código:
<p><span class="Estilo31">Educación Especiaizada Laudel,</span> <span class="Estilo33">es una institución de asistencia social con fines no lucrativos, que tiene como función primordial la atención de niños y jóvenes con necesidades educativas especiales asociadas con discapacidad intelectual y/o trastornos generalizados del desarrollo.</span></td></p>
¿Qué hace un cierre de fila ahí metido? Ah, vale, que hacías una tabla con una imagen y un párrafo. Eso no lo hagas nunca... Y por supuesto, nada de frames, que no sé si los estás empleando... Ya me dirás.

Espero haberte ayudado.
Un saludo.
__________________
– You're on your own again.