[solucionado] problema css y php

Iniciado por viher, 10 Octubre 2010, 16:04 PM

0 Miembros y 2 Visitantes están viendo este tema.

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]
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

Cita de: BapeMilo en 10 Octubre 2010, 16:16 PM
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.
"Cuando le di de comer a los pobres me llamaron santo, pero cuando pregunte porque los pobres eran pobres me dijeron comunista"

http://sosinformatico.blogspot.com/
http://www.publisnet.com.ve

Shell Root

#3
Pero no entiendo del porque ponerlo en el HTML. Perdón leí mal. xD
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

viher

#4
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]
<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>
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

viher

Cita de: Shell Root en 10 Octubre 2010, 20:31 PM
Creo que os dijo, fue que hicieras esto,
Código (html4strict) [Seleccionar]
<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

Cita de: ctlon en 10 Octubre 2010, 21:33 PM
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.