[SOLUCIONADO] Cuántos DIV's

[bandolera]

Quisiera saber cuántos div's necesito para cada uno de estos cuadros?

[Rafael]

Yo diría que 2 para cada cuadro.
Uno para el fondo salmón y otro para los textos. La foto ponla fuera del segundo div.

Código HTML:

<div class="FondoRosa">
<img>
<div>Textos</div>
</div>
 

[kervinojeda]

Supongo que depende de la forma de trabajar de cada quien, pero yo usaría 3.

1. para el fondo salmón
2. para la foto
3. para el texto,

pero como dice Rafael con 2 también se puede pues.

[pzin]

Necesitarás algún elemento más. Porque si los textos tienen un formato diferente y un significado semántico diferente, pues para cada uno, una cosa diferente.

Yo optaría por algo así:

Código HTML:

<article>
  <img>
  <section>
    <span>Economía para todos</span>
    <h1>América latina: Proyecciones 2013</h1>
    <a href="" rel="author">Carlos Parodi</a>
    <p>Texto</p>
  </section>
</article>
 

Como no tiene que ver con CSS, lo muevo al foro de HTML.

[bandolera]

Iniciado por kervinojeda

Supongo que depende de la forma de trabajar de cada quien, pero yo usaría 3.

1. para el fondo salmón
2. para la foto
3. para el texto,

pero como dice Rafael con 2 también se puede pues.

Yo pensé que eran 5 div's.
1. para el fondo
2. titulo en rojo
3. título en negro
4. foto
5. texto

[bandolera]

Iniciado por pzin

Necesitarás algún elemento más. Porque si los textos tienen un formato diferente y un significado semántico diferente, pues para cada uno, una cosa diferente.

Yo optaría por algo así:

Código HTML:

<article>
  <img>
  <section>
    <span>Economía para todos</span>
    <h1>América latina: Proyecciones 2013</h1>
    <a href="" rel="author">Carlos Parodi</a>
    <p>Texto</p>
  </section>
</article>
 

Como no tiene que ver con CSS, lo muevo al foro de HTML.

Y en el css, cómo hago para que la foto (img) y el section estén uno al costado del otro? con un right?

[Rafael]

Iniciado por bandolera

Yo pensé que eran 5 div's.
1. para el fondo
2. titulo en rojo
3. título en negro
4. foto
5. texto

Ojo.Un div es para agrupar elementos.
Sin embargo un título, ya sea grandote, o chiquito, un párrafo de texto, una foto* ya traen su propia caja. No confundas un div con una caja.

Un div es para meter en una caja grandota diferentes cajitas.

Los elementos que no tienen caja son por ejemplo este bold o esta itálica. Esto está en la misma línea, o sea son elementos INLINE. LOs de la caja o bloques son BLOCK.


(La foto la pongo con un asterísco, ya que propiamente una foto no es un elemento de bloque sino inline)

[pzin]

Iniciado por bandolera

Y en el css, cómo hago para que la foto (img) y el section estén uno al costado del otro? con un right?

Pues tendrás que flotar la imagen y/o el elemento que contiene todo el texto.

[bandolera]

Iniciado por Rafael

Ojo.Un div es para agrupar elementos.
Sin embargo un título, ya sea grandote, o chiquito, un párrafo de texto, una foto* ya traen su propia caja. No confundas un div con una caja.

Un div es para meter en una caja grandota diferentes cajitas.

Los elementos que no tienen caja son por ejemplo este bold o esta itálica. Esto está en la misma línea, o sea son elementos INLINE. LOs de la caja o bloques son BLOCK.


(La foto la pongo con un asterísco, ya que propiamente una foto no es un elemento de bloque sino inline)

hhmm.... el texto no iría en un div? pero si están uno sobre el otro entonces como me direcciono cuando quiera darles sus propiedades?