Re: [Ovillo] divs decorativos?
Hola, Laura Si nos cuentas qué es lo que quieres hacer con la página y qué es lo que decoran los divs, nos será más fácil ayudarte. ¿No la tienes colgada para que la podamos ver (o una captura de pantalla de Safari)? Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
On 2/17/07, Rodrigo Álvarez Virgós . @gmail.com wrote: Hola, Laura Si nos cuentas qué es lo que quieres hacer con la página y qué es lo que decoran los divs, nos será más fácil ayudarte. ¿No la tienes colgada para que la podamos ver (o una captura de pantalla de Safari)? Ahora si lo tengo para mostrar, xD, http://laupri.no-ip.org/ es una rayada mental, no se si se podrá conseguir lo q quiero. :) Gracias! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
¿Mejor una captura en Safari para que los que no tenemos mac podamos ver lo que quieres? :-P ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
On 2/17/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] wrote: ¿Mejor una captura en Safari para que los que no tenemos mac podamos ver lo que quieres? :-P vale , pero en tiff q el vista preliminar no las hace en otro formato :P http://laupri.no-ip.org/captura.tiff ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
¿Qué te parece esto? Se parece a lo que tienes en Safari, y parece que
se ve bien en Firefox y Explorer, sólo tendrías que jugar con las
alturas, anchuras, tops y lefts
body
{
background-color: gray;
font-size:1.3em;
padding-top:4%;
}
.adorno1
{
border: 3em solid;
border-color: red red red black;
width:60%;
height:60%;
position:absolute;
top: 100px;
}
.adorno2
{
border: 3em solid;
border-color: black red;
width:55%;
height:30%;
position:absolute;
top:30%;
left:35%;
}
div.central
{
background-color: red;
width:60%;
height:50%;
position:absolute;
left:20%;
}
dl
{
background-color:black;
width:20%;
height:100%;
margin: 0;
}
También podrías poner (para no tener divs vacíos):
body
div class=adorno1
div class=adorno2
div class=central
...
/div
/div
/div
/body
y meter las decoraciones como imágenes en el css:
div.adorno1
{
background: url('rectangulo1.png') no-repeat left;
}
div.adorno2
{
background: url('rectangulo2.png') no-repeat right;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
hola! On 2/17/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] wrote: ¿Qué te parece esto? Se parece a lo que tienes en Safari, y parece que se ve bien en Firefox y Explorer, sólo tendrías que jugar con las alturas, anchuras, tops y lefts body Es increiblemente igual xD, hay q retocar algunas cosas, pero por lo menos se ve algo, gracias. Por cierto, solo has añadido un absolute en el div.central? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
Hola Laura Por cierto, solo has añadido un absolute en el div.central? Básicamente cambié márgenes por tops y lefts (aprovechando que usas posiciones absolutas), quité los z-index... Lo que más cambié fueron las propiedades del dl. Ah y en cuanto al color de fondo: IE no reconoce grey, así que lo cambié por gray y a correr :D ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
Estuve viendo http://laupri.no-ip.org/ en Opera, Firefox y Explorer sobre Windows y se ven una calamidad (¡up!, lo siento). Yo encararía el proyecto de otro modo más prolijo y menos subordinado (menos relativo y porcentual). Quiero decir que anidaría menos algunos DIV y les daría mayor autonomía para que no estén sujetos a la suma de resultados de la interpretación de cada navegador. Ejemplo: tienes un div llamado A que anida a otro llamado B que anida a otro llamado C y a los cuales les das valores porcentuales. Pues bien: fíjate que Explorer resta por default la barra de scroll (ya tienes una diferencia de 18px) y calcula los bordes del documento en 4px también por default cosa que otros navegadores, en ambos casos, trabajan de manera muy distinta. Entonces el 10% de 30% de 60% (C hijo de B hijo de A) no dará los mismos resultados en unos y otros navegadores. Y ahora bien: si eso es sólo en el ancho imagínate en el alto, cuando también se dan conflictos de valores relativos entre navegadores y mucho peor aún cuando siquiera se les pasa un parámetro (ej.: height: 100%). Firefox, en un objeto contenido dentro del body con ese parámetro, lo interpreta muy distinto a Explorer... Y ni qué hablar si le pasas auto o directamente no le pasas nada. Es más, por esos caprichos de los sabiondos que cortan el bacalao en el W3C, el modelo de cajas correcto es el que yo defino como equivocado (ya me dieron con un caño en esta lista y no volveré al respecto). Pero dado que debo asumir el mandato de las mayorías (de eso se trata la democracia y el consenso, ¡ay!), te digo que también tengas en cuenta estos detalles. CUIDATE... Y ADEMAS... (siempre hay un además): hay algo de lo que NUNCA nadie habla en una lista y es esto: El vector de rasterizado de una fuente sobre Windows es mayor que el valor de rasterizado de una fuente sobre Macintosh (1px exactamente) por una larga historia que no viene al caso pero que en resumidas cuentas tiene que ver con los monitores... de modo que también habrá que cuidar ese detalle y no dejar AFUERA de la accesibilidad y usabilidad a los amigos del mundo MAC. Ciudad, mundo, país y entorno con religión propia y leguaje propio del cual yo provengo... :) Y ADEMAS... las fuentes en Macintosh, son generalmente PostScript, por lo que a diferencia de las TrueType (paradójicamente nativas de Mac) tiene un posicionamiento diferente en una caja de texto. Y además, algunas fuentes trabajan con vectores y otras con mapeados, por lo que, TODO ELLO, a veces da diferencias de interpretación en pantalla y generan resultados inesperados al tironear para un lado tanto como para el otro... Y etc. etc. etc Así que dale más libertad a tus objetos y menos subordinación. Porque, como dijo Paul Eluard: existe otro mundo y está en este... ,-) Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: laura [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, February 17, 2007 7:55 AM Subject: Re: [Ovillo] divs decorativos? On 2/17/07, Rodrigo Álvarez Virgós . @gmail.com wrote: Hola, Laura Si nos cuentas qué es lo que quieres hacer con la página y qué es lo que decoran los divs, nos será más fácil ayudarte. ¿No la tienes colgada para que la podamos ver (o una captura de pantalla de Safari)? Ahora si lo tengo para mostrar, xD, http://laupri.no-ip.org/ es una rayada mental, no se si se podrá conseguir lo q quiero. :) Gracias! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] divs decorativos?
hola
estoy haciendo una pagina más que nada decorativa, y la estoy haciendo
a base de divs vacios, supongo q está fatal porque al verla con
firefox solo se ve el div central XD. Sin embargo en Safari, se ve
estupendamente.
el codigo html:
div class=all
div class=adorno1/div
div class=adorno2/div
div class=central
dl !-- si quereis comentarme como de mal está este
codigo q sigue... estare encantada :), es un dl i dentro un a href y
dentro dt y dd, en firefox se ve y en safari tambien, pero dudo q sea
valido. --
a href=#
dtdireccion/dt
ddspancomentario/span/dd
/a
/dl
/div
/div !-- all--
El codigo css :
body {
background:grey;
font-size:1.3em;
padding-top:4%;
}
div.all {
z-index:-5;
}
div.central{
background:red;
width:60%;
height:62%;
margin-left:20%;
z-index:2;
}
dl {
width:10%;
height:70%;
background-color:black;
padding:10%;
}
dt {
color:cyan;
margin-left:10px;
}
dd {
margin-left:100px;
color:beige;
}
a{
text-decoration:none;
color:cyan;
}
a:hover span{
color:white;
font-size:1.7em;
}
.adorno1{
border-left:3em solid black;
border-top:3em solid red;
border-bottom:3em solid red;
border-right:3em solid red;
margin-top:30px;
width:60%;
height:60%;
position:absolute;
z-index:-3;
}
.adorno2{
border-top:3em solid black;
border-right:3em solid red;
border-bottom:3em solid black;
border-left:3em solid red;
height:30%;
width:55%;
position:absolute;
margin-left:30%;
margin-top:20%;
z-index:-2;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
Prueba esto:
div class=adorno1nbsp; /div
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: laura [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, February 16, 2007 5:30 PM
Subject: [Ovillo] divs decorativos?
hola
estoy haciendo una pagina más que nada decorativa, y la estoy haciendo
a base de divs vacios, supongo q está fatal porque al verla con
firefox solo se ve el div central XD. Sin embargo en Safari, se ve
estupendamente.
el codigo html:
div class=all
div class=adorno1/div
div class=adorno2/div
div class=central
dl !-- si quereis comentarme como de mal está este
codigo q sigue... estare encantada :), es un dl i dentro un a href y
dentro dt y dd, en firefox se ve y en safari tambien, pero dudo q sea
valido. --
a href=#
dtdireccion/dt
ddspancomentario/span/dd
/a
/dl
/div
/div !-- all--
El codigo css :
body {
background:grey;
font-size:1.3em;
padding-top:4%;
}
div.all {
z-index:-5;
}
div.central{
background:red;
width:60%;
height:62%;
margin-left:20%;
z-index:2;
}
dl {
width:10%;
height:70%;
background-color:black;
padding:10%;
}
dt {
color:cyan;
margin-left:10px;
}
dd {
margin-left:100px;
color:beige;
}
a{
text-decoration:none;
color:cyan;
}
a:hover span{
color:white;
font-size:1.7em;
}
.adorno1{
border-left:3em solid black;
border-top:3em solid red;
border-bottom:3em solid red;
border-right:3em solid red;
margin-top:30px;
width:60%;
height:60%;
position:absolute;
z-index:-3;
}
.adorno2{
border-top:3em solid black;
border-right:3em solid red;
border-bottom:3em solid black;
border-left:3em solid red;
height:30%;
width:55%;
position:absolute;
margin-left:30%;
margin-top:20%;
z-index:-2;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] divs decorativos?
On 2/16/07, LISTAS @milnueve84.com.ar wrote: Prueba esto: div class=adorno1nbsp; /div Pues va a ser q no :P, gracias por la propuesta ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
