como hago para crear todos estos DIVs?

[darkling_]

hola, queria saber como se hacen todos estos divs que se muestran aqui : mata-ratas.blogspot.com/2004/02/arte.html
en este sitio que busque de ejemplo,
queria saber como hacerlo... todos los divs consecutivos y con efectos de MOUSEOVER , y las propiedades css que tiene, ademas estos DIVs aparte de mostrar texto tambien muestran imagenes...
alguien me podria explicar como hacerlo, asi como esta alli
porque quiero aplicarlo a mi blog de blogger..


desde ya muchas gracias

:)

Alexander

[abimaelrc]

Lo mejor es que leas estos manuales, así vas a poder hacerlo.

[mayid]

A la forma se la das con CSS. Pero esos estan en definitiva impresos en automatico, con PHP.

Tenes un div contenedor, un texto, y una foto flotada hacia la derecha.

<ul>
<li><div><p>Texto</p><img src="2.jpg" alt="" style="float left" /></div></li>
<li><div><p>Texto</p><img src="3.jpg" alt="" style="float left" /></div></li>
<li><div><p>Texto</p><img src="6.jpg" alt="" style="float left" /></div></li>
</ul>

Esto es lo basico para que le des formas, segun yo lo interpreto. PHP imprime un renglon <li> para cada contenido que tenga.

[darkling_]

por ejemplo yo tengo el siguiente codigo de divs (q tu me diste):


<ul>
<li><div><p>Texto</p><img src="2.jpg" alt="" style="float left" /></div></li>
<li><div><p>Texto</p><img src="3.jpg" alt="" style="float left" /></div></li>
<li><div><p>Texto</p><img src="6.jpg" alt="" style="float left" /></div></li>
</ul>

los estilos iran despues de la instruccion "style" en el codigo?
y si quiero hacerlo con un "id" se puede? para no estar poniendole a cada linea el STYLE.
y de paso los estilos los pongo en el head.... y no se me hace pesado la redaccion de codigo..
se puede hacer eso?
me lo explican...



desde ya muchas gracias..

alexander

[C2am]

Si los estilos difieren en algo podes ponerle el id a cada div, pero si son iguales te conviene ponerle en vez de "id" , class="estilo"

También podés poner todos los estilos en una hoja de estilos: misestilos.css