Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/04/2011, 07:36
mariarosina1984
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: Interpretacion de codigo en internet explorer y chrome (entre otros)

Cita:
Iniciado por whitefeathers Ver Mensaje
¿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.
tienes toda la razon ahi cosas ke no entiendo por que las hace dreamweaver sobre todo los span ok lo voy hacer con css kedara mas limpio mi codigo y dejame probar lo que tu me dices y yo te aviso vale si tengo frames y aparte ala venga lo voy a probar