Hola!
Yo tampoco hab�a visto en enlace a Ovillo desde W3C, felicidades!
Os explico el problema con el que me encuentro, espero que me pod�is ayudar
a ver qu� estoy haciendo mal o qu� tonter�a me falta en el c�digo.
Tengo una div (#cabecera) sin m�rgenes, padding ni bordes, de altura fija,
100px. El ancho es el que tiene la div que la contiene (#wrapper). Ahora
bien, dentro de esa #cabecera (que tiene una peque�a imagen de fondo con
repeat-x) quiero poner tres im�genes que queden alineadas de la siguiente
manera:
- una imagen alineada con la esquina inferior izquierda de la div.
- otra alineada con el lado derecho de la div (esta imagen tambi�n tiene
100px de alto).
- otra justo a la izquierda de la anterior.
El problema es que s�lo consigo alinear de esa manera la primera. Las otras
dos las coloca a continuaci�n de la primera (estoy trabajando con IE6).
Alguna idea?
Este es el CSS:
#cabecera {
height: 100px;
background-color: transparent;
background-image: url(images/fcap.gif);
border: 0;
margin: 0;
padding: 0;
}
#c_1 {
bottom: 0px; /* alineado abajo a la izquierda de la
cabecera */
left: 0px;
display: inline;
}
#c_2 {
top: 0px;
right: 150px; /* alineado al lado izquierda de c_3 */
display: inline;
}
#c_3 {
top: 0px;
right: 0px; /* alineado a la derecha de la cabecera */
display: inline;
}
Y el HMTL:
<div id="cabecera">
<div id="c_1"><img src="images/tith.gif" width="290" height="64" /></div>
<div id="c_2"><img src="images/caph.gif" width="250" height="100" /></div>
<div id="c_3"><img src="images/capl.gif" width="150" height="100" /></div>
</div>
De esta manera quedan verticalmente bien colocadas. Horizontalmente el
display: inline evita los saltos de l�nea entre ellas, pero quedan colocadas
todas seguidas. He probado con margin, clear, etc. pero no hay manera.
Gracias por la ayuda. Un saludo.
Gael Piguillem
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
