Bucle creativo de Divs

Buenos días,


Estoy realizando la modificación de una página y he llegado a un punto en el que me he quedado en blanco y no se como seguir. La página ya la tengo modificada, pero tengo que limpiar código y hacerlo más corto.


Mi idea es crear un bucle que vaya creando los divs..que cree para cada uno su propio estilo, añada los enlaces para cada div, sus imágenes, etc


Me podéis ayudar, por favor??


El código que tengo ahora es este:

<div id="header" class="all">
<div><img src="IMÁGENES/title.png" width="500" height="70"/></div>
<div style="float: right; margin:0px; padding-right:15px; padding-top:5px; position:fixed; right:0; top:0;"><img src="IMÁGENES/LogoGric_v2.png" width="80" height="80" /></div>
</div>
<img src="IMÁGENES/xxxx.png" class="img_bg" alt="Fondo" />


<div id="content" class="all">
<div style="float: left; width:75%;">
<div style="float:left; width:45%; text-align:center">
</div>
<div style="float:left; width:45%; padding-left:8px; text-align:center">
</div>
<div style="float:left; width:91%; text-align:center">
</div>
</div>
<div style="float: left; width:25%; ">
<div id="clockHolder" style="float:right; padding-right:140px;">
</div>
<div style="width:100%; text-align:center; clear:right; float:right; padding-right: 50px">
</div>
</div>
</div>


<div id="footer" class="all">
<?php include("footer.php");?>
</div>

Añade tu respuesta

Haz clic para o