imagenes horizontalmente

[Most]

Como hago para que cuando haga la consulta a mysql me salgan las imagenes horizontalmente y no verticalmente?

asi lo tengo:

Código PHP:

  <?php while($ver = mysql_fetch_assoc($repetirestrenos)) { ?> 
<table><tr> 
<td><div id="lapelicula"> 
<div id="nombre_pelicula"> <?php echo $ver['votos'] ?> </div> 
<div id="imagen_pelicula"> <img src="<?php echo $ver['imagen'] ?>" width="157" height="199" border="0" borde="1" ></div></div></td> 
</tr></table> 
<?php } ?>   

[abimaelrc]

No coloques un div, ya que con eso, lo que estás haciendo es ocupar el 100% del ancho de la pantalla. También acuérdate que todo lo que tenga que ver con estética, no tiene que ver con PHP, sino con HTML o CSS.

[jossmorenn]

Mysql lo que te devuelve es el nombre de la imagen y no la imagen como tal, es asi que si la imagen se te muestra horizontal o vertical es problema de cuando haces el upload, o la imagen originalmente es tal cual se muestra.

[odiseus]

El problema es de css añadele un estilo a tu imagen tal como este <img src="ruta" style="float:left;" />

[abimaelrc]

Es que aunque le añada un estilo a la imagen, el problema va a hacer los div que siempre dividaran. Aunque el float hara que se distorcione la vista junto con los divs me refiero.

[GatorV]

Tema movido desde PHP a CSS

[Most]

los divs no los puedo quitar ya que esta en el fondo donde tiene k ir la imagen...

para explicarme mejor, uso 1 imagen:

[Most]

aalguno k sepa como hacerlo???????

[sanxuan]

Si lo que quieres es que te aparezcan una al lado de la otra la opción más habitual es darle a esos div un ancho (igual a la imagen si las colocas como imagen de fondo) y utilizar la propiedad float:left para cada una de ellas.

[sanxuan]

Perdona, no había leído el código y pensé que tenías dentro de divs cada elemento.
Usando tablas es igual, pero la propiedad float se la debes dar a esas tablas y no a los div.

[maycolalvarez]

con tablas es aplicable (aunque no se recomienda) el problema lo tienes en que dentro del ciclo creas nuevas filas <tr> y se supone que solo debes de crear celdas para una fila, tu problema es de lógica.

[jalex16]

Código PHP:

<div id="contenedor">
  <?php
  $i = 0;
  while($ver = mysql_fetch_assoc($repetirestrenos)) {
  ?>
    <div id="lapelicula-<?php echo $i; ?>"> 
      <div class="nombre_pelicula"> <?php echo $ver['votos'] ?> </div> 
      <div class="imagen_pelicula"> <img src="<?php echo $ver['imagen'] ?>"></div>
    </div>
  <?php
  $i++;
  }
  ?>
</div>
 

pues así quedaría mejor. ahora con CSS dale los estilos.
en tu código tenías el error de repetir los id's de los div, eso no se debe hacer, un id es único.

[Most]

se me siguye viendo asi:

[odiseus]

¿Qué estilos has aplicado? Enseñanoslo.

[Most]

asi lo tengo todo:


CSS:

Código:

#lapelicula {
	background: url(imagenes/lapelicula.png);
	height: 236px;
	width: 166px;
	margin-top: 25px;
}

#nombre_pelicula {
	text-align: center;
	height: 22px;
	width: auto;
	color:#FFF;
	font-size: small;
	margin:0 auto;
	padding:5px;
}

#imagen_pelicula {
	text-align: center;
	height: 199px;
	width: 157px;
	margin-left: 4px;
	color:#FFF;
}

php:

Código PHP:

   <?php
  $i = 0;
  while($ver = mysql_fetch_assoc($repetirestrenos)) {
  ?>
    <div id="lapelicula-<?php echo $i; ?>"> 
      <div class="nombre_pelicula"> <?php echo $ver['votos'] ?> </div> 
      <div class="imagen_pelicula"> <img src="<?php echo $ver['imagen'] ?>" width="157" height="199" border="0" borde="1"></div>
    </div>
  <?php
  $i++;
  }
  ?>   

[odiseus]

Dejalo así

Código PHP:

  <?php 
  $i = 0; 
  while($ver = mysql_fetch_assoc($repetirestrenos)) { 
  ?> 
    <div id="lapelicula-<?php echo $i; ?>" class="PONAQUIUNACLASE">  
      <div class="nombre_pelicula"> <?php echo $ver['votos'] ?> </div>  
      <div class="imagen_pelicula"> <img src="<?php echo $ver['imagen'] ?>" width="157" height="199" border="0" borde="1"></div> 
    </div> 
  <?php 
  $i++; 
  } 
  ?>   

Código HTML:

div.lapelicula {
	background: url(imagenes/lapelicula.png);
	height: 236px;
	width: 166px;
	margin-top: 25px;
        [B]float:left;[/B]
}

#nombre_pelicula {
	text-align: center;
	height: 22px;
	width: auto;
	color:#FFF;
	font-size: small;
	margin:0 auto;
	padding:5px;
}

#imagen_pelicula {
	text-align: center;
	height: 199px;
	width: 157px;
	margin-left: 4px;
	color:#FFF;
}

Con este código te deberia funcionar.

[Most]

class="PONAQUIUNACLASE"

que class pongo hay?

[C2am]

Ahí debes poner la clase que le da la ubicación al div, en este caso y si tomaste lo que te puso odiseus es class="lapelicula".

Antes no te funcionaba porque tenias este estilo:
#lapelicula, pero en el php al id le agregabas un indice, con lo cual te quedaba:
id="lapelicula1" , y cuando iba a buscar a la hoja de estilo no encontraba ningún estilo "lapelicula1", por eso es correcto lo que te sugirió odiseus, en vez de darle estilos con el id, darle estilos con el class.
Saludos

[odiseus]

Iniciado por C2am

Ahí debes poner la clase que le da la ubicación al div, en este caso y si tomaste lo que te puso odiseus es class="lapelicula".

Antes no te funcionaba porque tenias este estilo:
#lapelicula, pero en el php al id le agregabas un indice, con lo cual te quedaba:
id="lapelicula1" , y cuando iba a buscar a la hoja de estilo no encontraba ningún estilo "lapelicula1", por eso es correcto lo que te sugirió odiseus, en vez de darle estilos con el id, darle estilos con el class.
Saludos

Totalmente de acuerdo.