Queridos amigos, es la primera vez que intervengo en este foro y sé que posiblemente este tema se haya tratado en el pasado. Para evitar que alguien me dijese esto y me dejara cortado, he buscado, lo juro, un tema similar, pero no lo encontré. Es decir, me atrevo a ponerlo aquí porque no tuve otra opción. Mi problema seguramente es de novato.
1) El primero de ellos se trata de la aplicación del método de sustitución Gilder/levin. No me sale por mucho que lo intente:
<h2><span></span>Mi texto mi texto mi texto</h2>
h2{
font: 3em/1em Times, serif;
font-weight:bold;
margin:0;
position:relative;
overflow:hidden;
float:left;
}
h2 span {
position:absolute;
width:100%;
height:5em;
background: url (miimagen.gif);
}
p {
clear:left;
}
2) He creado dos imágenes como fondos de un bloque y de una capa que anida al bloque:
<div id="box">
<h2>mi texto me texto mi texto</h2>
<p>jajafjlalfaljfaljaj jfljfsaljfalsj jaljsljfasl lajfaslj<p>
</div>
#box {
width:214px;
background-image: url ('miimagendeabajo.gif');
background-position: bottom;
background-repeat: no-repeat;
}
h2 {
background-image: url ('miimagendearriba.gif');
background-position: left top;
background-repeat: no-repeat;
etc, etc
}
Me gustaría que me dijeran dónde están mis errores. Muchas gracias y disculpen las molestias si ya contestaron en alguna ocasión a preguntas similares.