[solucionado] problema css y php

[viher]

hola,tengo el siguiente codigo php,todo funciona bien menos el "diseño" que debería adoptar con css:

este es el code:

Código (php) [Seleccionar] Expandir

echo "<div id='videoentero' style='height:auto;width:180px;margin-right:10px;margin-bottom:25px;float:left;'><div id='img' style='height:135px;width:180px;margin-bottom:10px;'><a href='video.php?id=$url'><img height='135' width='180' src='".$name."'/></a></div><div id='nombre' style='height:auto;width:180px;margin-bottom:10px;'><b><a href='video.php?id=$url'>".$id."</a></b></div><div id='duracion' style='height:auto;width:180px;margin-bottom:10px;'><font size='-2'>".$dura."</font></div></div>";

pero se ve así:

http://img149.imageshack.us/img149/4319/tupixxx.jpg

que es lo que estoy haciendo mal para que no se vean todas los videos cuadrados?

gracias! un saludo!

[BapeMilo]

separa el codigo css del php ponlo aparte poonlo en etiquetas html

[bomba1990]

separa el codigo css del php ponlo aparte poonlo en etiquetas html

ademas tambien te recomiendo firenug que te ayuda a ver que estilos estan afectando a un elemento. y te ayuda a modificarlo hay en vivo para ver mas o menor como tep podria quedar.

[Shell Root]

Pero no entiendo del porque ponerlo en el HTML. Perdón leí mal. xD

[viher]

no puedo separar el css del php porque está dentro de un if,os pongo el código completo:

[Shell Root]

Creo que os dijo, fue que hicieras esto,

Código (html4strict) [Seleccionar] Expandir

<div id="videoentero" style="height:auto; width:180px; margin-right:10px; margin-bottom:25px; float:left;">
   <div id="img" style="height:135px; width:180px; margin-bottom:10px;">
      <a href="video.php?id=$url"><img height="135" width="180" src="".$name.""/></a>
   </div>
   <div id="nombre" style="height:auto; width:180px; margin-bottom:10px;">
      <b><a href="video.php?id=$url">".$id."</a></b>
   </div>
   <div id="duracion" style="height:auto; width:180px; margin-bottom:10px;">
      <font size="-2">".$dura."</font>
   </div>
</div>

[viher]

Creo que os dijo, fue que hicieras esto,

Código (html4strict) [Seleccionar] Expandir

<div id="videoentero" style="height:auto; width:180px; margin-right:10px; margin-bottom:25px; float:left;">
   <div id="img" style="height:135px; width:180px; margin-bottom:10px;">
      <a href="video.php?id=$url"><img height="135" width="180" src="".$name.""/></a>
   </div>
   <div id="nombre" style="height:auto; width:180px; margin-bottom:10px;">
      <b><a href="video.php?id=$url">".$id."</a></b>
   </div>
   <div id="duracion" style="height:auto; width:180px; margin-bottom:10px;">
      <font size="-2">".$dura."</font>
   </div>
</div>

pero eso dentro del php no me deja meterlo con esas comillas,tendria que remplazarlas por estas '' y sería el mismo código que yo tengo puesto.

[bizco]

y pq no especificas el estilo en una hoja de estilo?

#videosentero
{

}

creo q es mas sencillo y luego solo usas el div con el estilo ya definido.

[viher]

y pq no especificas el estilo en una hoja de estilo?

#videosentero
{

}

creo q es mas sencillo y luego solo usas el div con el estilo ya definido.

pero al fin y al cabo es lo mismo y el error no se soluciona.

[bizco]

yo no creo que sea lo mismo, no he leido todo el codigo que pones pq no esta nada organizado. si separas el diseño de la programacion queda todo mas claro para terceros y para ti que tienes que estar mirando. aparte definiendo los estilos en una hoja, si falla solo modificas una vez y se aplica a los demas elementos.

Como te digo no he leido todo el codigo, pero podrias poner un div "contenedor" donde solo se mostraran los videos, dentro de ese "contenedor" cada video se mostrara en un div con estilo predefinido que marcara su separacion de una a otra.