Hola
Elisabet Carreras escribi�:
> Si elimino el cuadro naranja
> (lo que supongo que debo hacer, ya que estoy pensando que no es bueno
> utilitzar el marcado para crear elementos decorativos...), el problema
> persiste.
As� es, el <div> vac�o no es una buena idea. Pero pod�s lograr el mismo
efecto y el c�digo, al menos como lo hice yo, es m�s sencillo. Aqu� va:
<div id="qnovetats">
<h2 class="novetats">NOVETATS</h2>
<p>aqu� un text amb les novetats</p>
<p>aqu� un text amb les novetats</p>
<p>aqu� un text amb les novetats</p>
</div>
En principio, cambi� el class de "qnovetats" por id, ya que es un elemento
�nico. Adem�s elimin� el <div> que agrupaba al texto y, claro, el vac�o. La
CSS para lograr el efecto que buscabas es:
#qnovetats {
float: right;
width:220px;
margin:42px 30px 30px 30px; /* �un hack? */
margin:20px 10px 10px 10px;
text-align: left;
border: #d2d2d2 1px solid;
background-color:#f93;
}
h2.novetats {
margin: 0 0 0 20px;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 14px;
font-family: Arial;
letter-spacing: 3px;
background-color:#f2f2f2;}
#qnovetats p {
margin:0;
padding:5px;
text-align: left;
background-color:#fff;
}
Como ver�s, el fondo naranja est� en el <div> que agrupa todo, pero queda
tapado por el <h2> y los <p>... salvo en la esquina superior izquierda. En
los p�rrafos reemplac� el line-height por padding, porque entonces "llenan"
toda la caja.
Otras observaciones. No v� el resto del c�digo, pero aqu� encontr� que en
font-family te falta especificar al menos una fuente gen�rica. Adem�s, si es
la �nica que utiliz�s en toda la p�gina, basta con que est� en body {}.
Tampoco deber�as usar tama�o en px para las fuentes, porque en algunos
navegadores no se puede aumentar el tama�o.
Bueno, espero haberte ayudado... no olvides validar tu c�digo cada tanto,
pod�s resolver muchos errores as�.
>Es la primera vez que escribo en esta lista. Me llamo Elisabet, soy de
>Barcelona y estoy aprendiendo todo lo que puedo sobre est�ndares web.
Bienvenida de mi parte y saludos,
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
