Duda PHP y CSS

[xfrancis]

Hola! Planteo mi problema en esta seccion ya que en php me dijeron que correspondia a esta y no me han dado una solucion hasta el momento. Creo el diseño de una bandeja de entrada en html, se ve bien. Luego copio el codigo y lo paso por un echo en php, donde dentro de los divs se imprimen las variables de los mensajes. El problema esta en que el resultado no es el mismo, principal problema con el div del icono mail, vean que en php, el height del div en cuestion, agarra la altura de la dimension "y" de la imagen, mientras que el mismo codigo por html agarra la altura predeterminada. No quiero darle un valor height al div porque todavia no termine de hacer el diseño final, solamente me estoy dedicando a la parte logica, pero me llama la atencion que el resultado no sea el mismo. Adjunto una imagen para que se entienda mejor.


Porque es que sucede esto?

[erwinrp]

mmm eso esta raro, puedes poner el php

[xfrancis]

Si, man. Es:

Código PHP:

  $resultComen = mysql_query("SELECT * FROM mensajes WHERE para='$id' ORDER BY id DESC"); 
 
echo '<div id="cont_mensajes">
  <div class="encabezado" id="mail">x</div>
  <div class="encabezado" id="de"> De:</div>  
  <div class="encabezado" id="Asunto">Asunto:</div>  
  <div class="encabezado" id="fecha">Fecha:</div>';
while($rowComen = mysql_fetch_array($resultComen)) 
{ 
$usuario = $rowComen["de"]; 
$result_user_info = mysql_query("SELECT * FROM usuarios WHERE id= $usuario");
$user_info = mysql_fetch_array($result_user_info);
echo '
  <div class="contenido" id="mail">';
  if ($rowComen["leido"] == '1')
      {
    echo '<img src="http://localhost/letras/img/iconos/email-blue.gif" alt="Mensaje no Leído" width="14" height="14"/>';
    }
    else
    {
    echo '<img src="http://localhost/letras/img/iconos/email-open-blue.gif" alt="Mensaje leído" width="14" height="14"/>';
    }
    echo '</div>
  <div class="contenido" id="de"><a href = http://localhost/letras/ver_mensaje.php?id='.$rowComen["id"].' title = "Ver mensaje">'.$user_info["nick"].'</a></div>  
  <div class="contenido" id="Asunto">'.$rowComen["asunto"].'</div>  
  <div class="contenido" id="fecha">'.$rowComen["fecha"].'</div>';
  if ($rowComen["leido"] == '1')
  {
  $leidos = $leidos+1; 
  }
} 
echo '</div>';
echo '<br \><a href = http://localhost/letras/perfil.php?id='.$id.' title = "Volver al Perfil">Volver al Perfil</a><br \>'; 
   

fijate solo los echos de los divs, creo que estan correctos todos.

y el html es:

Código HTML:

<div id="cont_mensajes">
  <div class="encabezado" id="mail">x</div>
  <div class="encabezado" id="de"> De:</div>  
  <div class="encabezado" id="Asunto">Asunto:</div>  
  <div class="encabezado" id="fecha">Fecha:</div>
  <div class="contenido" id="mail"><img src="http://localhost/letras/img/iconos/email-blue.gif" alt="Mensaje no Leído" width="14" height="14"/> </div>
  <div class="contenido" id="de">nick</div>  
  <div class="contenido" id="Asunto">mensaje1</div>  
  <div class="contenido" id="fecha">11/4</div>
  </div> 

Hasta donde veo, es lo mismo

[KurozakiIchigo]

creo que el icono del mensaje abierto no mide 14 px de altura.
Y si la altura esta bien, de cualquiera manera, intenta dandole una altura un poco mayor haber que sucede.

[xfrancis]

Hola Kurozakilchigo, el icono mide 14px, al cambiar el valor de height se deforma la imagen.

[saulos]

podrias intentar aumentar un espacio despues de la imagen:

Código PHP:

  echo '<img src="http://localhost/letras/img/iconos/email-open-blue.gif" alt="Mensaje leído" width="14" height="14"/>'; 
   

a

Código PHP:

  echo '<img src="http://localhost/letras/img/iconos/email-open-blue.gif" alt="Mensaje leído" width="14" height="14"/>&nbsp;'; 
   

si no resulta podrias mostrarnos el codigo CSS

[mortiprogramador]

<saludos>
adicional a lo que ya te comentaron,
veo que tienes

<br \>

pero con eso tal vez estas haciendo que php interprete el >
como un string literal, no parte del tag html, intenta con

<br> o <br/>
</saludos>