Foros del Web » Creando para Internet » HTML »

como hago para crear todos estos DIVs?

Estas en el tema de como hago para crear todos estos DIVs? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/09/2009, 19:51
 
Fecha de Ingreso: agosto-2009
Mensajes: 25
Antigüedad: 8 años, 3 meses
Puntos: 0
De acuerdo como hago para crear todos estos DIVs?

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
  #2 (permalink)  
Antiguo 11/09/2009, 20:24
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: como hago para crear todos estos DIVs?

Lo mejor es que leas estos manuales, así vas a poder hacerlo.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 13/09/2009, 20:16
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: como hago para crear todos estos DIVs?

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.
  #4 (permalink)  
Antiguo 29/09/2009, 21:03
 
Fecha de Ingreso: agosto-2009
Mensajes: 25
Antigüedad: 8 años, 3 meses
Puntos: 0
De acuerdo Respuesta: como hago para crear todos estos DIVs?

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
  #5 (permalink)  
Antiguo 29/09/2009, 22:05
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: como hago para crear todos estos DIVs?

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
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:47.