Capas relativas para texto
Hola chicos,
he estado probando el tema de maquetar sin tablas, tan solo una pagina de presentacion pero bueno... el caso es que es esta:
http://falcon.xssl.net/~admin158/2/
tanto el cuadro blanco como el flash se encuentran en capas absolutas centradas, he probado con firebird y netscape y se ven bien.
El Flash requerido esta metido en la capa interior con un <p> para que no la pise... pero bien, ahora quiero introducir un texto justo debajo del borde blanco, al pie del recuadro que contiene el flash... pero no consigo hacerlo.
Si lo introduzco en un <p> nuevo el flash se me va muy lejos abajo, si lo introduzco en la misma linea me queda apegotonao...
Quiero poner una simple linea de texto alineada a la derecha, a la altura (quizas incluso mas arriba, que flash requerido... Como lo hago?
cbp
no sé si lo he entendido bien, pero ¿has probado con un <br>? lo malo es que para que el espacio que te deje no dependa del tamaño de fuente que tenga el usuario configurado en su navegador, el <br> tendrá que estar dentro de una fuente especificada (con un font, un span con una clase, etc). si lo quieres ajustar más todavía puedes jugar con el <br> y con una imagen transparente de 1px dándole el alto que quieras exactamente.
espero que te sirva :)
helenp
Hola,
Has probado con <br> dentro del mismo <p>?
Surt
sipi...con br la capa del flash me pisa el texto a la mitad, y si le pongo dos br o un p ya me queda demasiado bajo el flash y la linea de texto... snif...
No quiero hacer lo de flash player requerido y la linea en imagen por compatibilidad texto (que luego no la hay en la pagina pero bueno...)
En realidad es solo por intentarlo, no he buscaado una alternativa aun..
helenp
Has probabdo con esto?
<style type="text/css">
p.increase {line-height: 1cm}
</style>
el codigo: p.inline {
display: inline
}
hace que venga en la misma linea
jugando con todo................. seguro que se podrá hacer, ahora si se ve igual en todos navegadores es otra historia
Surt
Suena bien helenp.. ahora edito este y os contesto...
Surt
veamos...
si defino 1 mm o cualquier tamaño para la distancia entre lineas para <p> no me hace esa distancia entre <p> sino entre <br>
Tambien he probado a definir distancia de 1mm en el body, pero la distancia entre tags <p> sigue siendo la misma.
El caso es que si lo hago con <br> no puedo alinear uno a la derecha y otro a la izquierda.
actualmente tengo lo de flash player alineado a la izquierda en un tag <p> y quiero la frase siguiente alineada a la derecha en la misma linea... o con una pequeña diferencia de lineas.
Soy un pesao, pero es por curiosidad y sacarlo adelante.
cbp
¿has probado a hacerlo con tablas en lugar de usar <p>?
Surt
es que...
era solo por probar lo de maquetar sin tablas, lo que pasa es que me paso de tiquismiquis :D
Si meto tabla ya no tiene gracia :(
Surt
p
{
margin: 0px;
}
eso parece que me va bastante bien.
cbp
Surt
es que...
era solo por probar lo de maquetar sin tablas, lo que pasa es que me paso de tiquismiquis :D
Si meto tabla ya no tiene gracia :(
ah, vale, es verdad, no me había fijado en lo que ponías en el primer post, lo siento :(
es que soy un poco integrista de las tablas, queda todo tan ordenadito... ;)