bueno no he dado con la solucion y aqui tengo el codigo mas explicado
Código HTML:
Ver original
<!--- aqui empieza el articulo 1------------------------------------------------------------------>
<?php
require("banner/conexion.php");
$query = "SELECT * FROM articulos order by id ASC limit 4";
$resultado =$conexion->query($query);
while($row=$resultado->fetch_assoc()){
$ruta = "img/" . $row['imagen'];
?>
<img src="<?php echo $ruta; ?>" width="200" heigth="300">
<h3><?php $cortar =($row['titulo']); if ((strlen($cortar))) {
$cortar=substr($cortar, 0,35) ."..";}
<p><?php $cortar =($row['texto']); $texto_size=140;
$cortar=substr($cortar, 0,$texto_size);
$index=strrpos($cortar, " ");
$cortar=substr($cortar, 0,$index); $cortar.="... Leer Mas";
<!--Aqui mostramos un string cortado-->
<img src="<?php echo $ruta; ?>" width="200" heigth="300">
<h3><?php $cortar =($row['titulo']); if ((strlen($cortar))) {
$cortar=substr($cortar, 0,35) ."..";}
<p><?php $cortar =($row['texto']); $texto_size=140;
$cortar=substr($cortar, 0,$texto_size);
$index=strrpos($cortar, " ");
$cortar=substr($cortar, 0,$index); $cortar.="... Leer Mas";
<!--Aqui mostramos un string cortado-->
<?php } ?>
y el codigo css
Código CSS:
Ver original#imagen1{
width: 20%;
background: blue;
float: left;
padding: 0px;
}
#imagen2{
width: 20%;
background: yellow;
float: left;
padding: 0px;
}
el problema sigue siendo que cargo las fotos pero el fondo de mis imágenes sigue siendo amarillo y no azul y quiero que el fondo salga amarillo azul amarillo azul amarillo asi.
cabe resaltar que la primera imagen se duplica osea que pirmero sale azu, azul y despues si amarillo amarillo y despues azul, azul pero no logro que quede amarillo azul
bueno quisiera subir un pantallazo pero aqui no se puede si no es por hosting(mala practica)gracias por sus amabes aportes