[Ovillo] Problema con posicionamiento
Hola tengo estos dos DIV posicionados de forma absoluta:
div id=botonera Contenido del DIV /div
div id=fechahora Contenido del DIV /div
Y el CSS es el siguiente:
div#botonera {
position: absolute;
left: 70%;
top: 15%;
}
div#fechahora {
position: absolute;
top: 13%;
left: 70%;
}
Ahora cuando redimensiono la página a una resolución menor a la que estoy
trabajando (1280x1024) a 800x600 digamos se me mueven esos DIV y no quiero que
eso ocurra. ¿Qué es lo que estoy haciendo mal?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema validando ...
El 7/07/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
A lo otro que me pasa es que tenia definido para ese UL un estilo y ahora
para el DL y los DD no se como hacerlo. Miren aquí:
ul.objetivos, ul.infoclub-objetivos, ul.infoclub-participantes {
list-style: url(images/li.png);
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 15px;
}
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Hum... te convendria leer este articulo[1] y aplicarlo.
[1] http://www.maxdesign.com.au/presentation/definition/index.htm
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema validando ...
Excelente artículo Yurkevich, ya he solucionado mi problema sobre los DL y DT
pero aún me sigue dando el mismo error en la validación.
Nota: Recuerda que estoy usando la extensión para Firefox
(https://addons.mozilla.org/firefox/249/)
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Yurkevich Contreras
Enviado el: Saturday, July 08, 2006 2:10 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema validando ...
El 7/07/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
A lo otro que me pasa es que tenia definido para ese UL un estilo y
ahora para el DL y los DD no se como hacerlo. Miren aquí:
ul.objetivos, ul.infoclub-objetivos, ul.infoclub-participantes {
list-style: url(images/li.png);
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 15px;
}
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Hum... te convendria leer este articulo[1] y aplicarlo.
[1] http://www.maxdesign.com.au/presentation/definition/index.htm
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema validando ...
Hola Reynier.
Para controlar las posiciones es mejor utilizar capas (div), no párrafos
(p) ni saltos de línea (br).
Así, si utilizas el siguiente código es válido:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html
head
title
/title
style type=text/css
div.infoclub {
border: 1px solid #ff;
float: left;
padding-top: 4px;
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
/style
/head
body
h1 class=titulo-eventoINFOCLUB/h1
h2 class=descripcion-eventoForum Provincial de Informática con carácter
competitivo/h2
hr class=separador size=1 /
div id=infoclub1 class=infoclub
strongObjetivos:/strong
ul class=infoclub-objetivos
liPropiciar un espacio para los jóvenes vinculados a la
informática, donde se intercambien experiencias./li
liConocer resultados de trabajos informáticos en los
últimos años en los Joven Club a favor de la comunidad./li
liMostrar los avances de la informática en el mundo./li
/ul
/div
div id=infoclub2 class=infoclub
strongParticipantes:/strong
ul class=infoclub-participantes
liInstructores y trabajadores de los Joven Club./li
liNiños, jóvenes y colaboradores menores de 35 años./li
/ul
/div
/body
/HTML
Controlas la posición superior con la propiedad paddin-top. Yo le he
puesto 4px. Si quieres que se quiten las líneas rojas, boder: 0px.
Un saludo:
MARTIN
El día 8/07/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Excelente artículo Yurkevich, ya he solucionado mi problema sobre los DL y
DT pero aún me sigue dando el mismo error en la validación.
Nota: Recuerda que estoy usando la extensión para Firefox (
https://addons.mozilla.org/firefox/249/)
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la
estupidez humana. Y del Universo no estoy seguro.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Yurkevich Contreras
Enviado el: Saturday, July 08, 2006 2:10 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema validando ...
El 7/07/06, Reynier Perez Mira[EMAIL PROTECTED] escribió:
A lo otro que me pasa es que tenia definido para ese UL un estilo y
ahora para el DL y los DD no se como hacerlo. Miren aquí:
ul.objetivos, ul.infoclub-objetivos, ul.infoclub-participantes {
list-style: url(images/li.png);
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 15px;
}
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y
la
estupidez humana. Y del Universo no estoy seguro.
___
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://ovillo.org/mailman/listinfo/ovillo
Hum... te convendria leer este articulo[1] y aplicarlo.
[1] http://www.maxdesign.com.au/presentation/definition/index.htm
___
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://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://ovillo.org/mailman/listinfo/ovillo
--
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] efectos con javascript + css que simulen flash
Choan, tus artículos sobre Jquery, son estupendos, porque había oído hablar del Jquery y había visto por algunos blogs la función $(..) pero no la entendía. Ahora mismo me queda muy claro, creo que me haré lectora asidua de tu blog ;) Saludos! 2006/7/7, Choan C. Gálvez [EMAIL PROTECTED]: On 7/7/06, Braulio Andrés Soncco Pimentel [EMAIL PROTECTED] wrote: Dale una miradita a http://script.aculo.us/ aunque es mas pesado que moo.fx pero tiene más cosas. Otra alternativa (más completa que moo.fx, más ligera que scriptaculous + prototype) es usar jQuery [0] + interface [1]. [0]: http://jquery.com/ [1]: http://www.eyecon.ro/interface/ Encontrarás artículos sobre jquery, en buen español, en http://dizque.lacalabaza.net/cats/programando/javascript/. Y en algún otro sitio (pero esos no los habré escrito yo :) Ah, y viendo que hablas de deslizamientos... quizá te interese echarle un vistazo a Javascript Motion Tween [2]. [2]: http://jstween.blogspot.com/ Salud. -- Choan PS: Lista de javascript: http://javaescript.scriptia.net Gema Masegosa escribió: Nas, Normalmente no me gusta meter elementos de flash en mi página, pero tb es verdad que algunos efectos sería estupendo tenerlos. He estado mirnado algunas librerias como las de moo.fx para realizar algún que otro efecto, mi pregunta simplemente es si alguien conoce otras librerioas que me permitan desarrollar efectos como deslizamientos y cositas de estas. 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://ovillo.org/mailman/listinfo/ovillo -- Gema Masegosa. Email:[EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] efectos con javascript + css que simulen flash
Choan C. Gálvez escribió: On 7/7/06, Braulio Andrés Soncco Pimentel [EMAIL PROTECTED] wrote: Dale una miradita a http://script.aculo.us/ aunque es mas pesado que moo.fx pero tiene más cosas. Otra alternativa (más completa que moo.fx, más ligera que scriptaculous + prototype) es usar jQuery [0] + interface [1]. [0]: http://jquery.com/ [1]: http://www.eyecon.ro/interface/ Encontrarás artículos sobre jquery, en buen español, en http://dizque.lacalabaza.net/cats/programando/javascript/. Y en algún otro sitio (pero esos no los habré escrito yo :) Ah, y viendo que hablas de deslizamientos... quizá te interese echarle un vistazo a Javascript Motion Tween [2]. [2]: http://jstween.blogspot.com/ Salud. También se puede nombrar en esta categoría a OpenLaszlo[1], que es un idioma de programación similar a javaScript, que exporta las aplicaciones en DHTML + JS o en SWF, con las mismas funcionalidades y la misma GUI en ambas plataformas. Aqui estan los demos [2], veras que el primero esta en flash o en dhtml y podés probar los dos que funcionan exactamente igual. [1] http://www.openlaszlo.org/ [2] http://www.openlaszlo.org/demos -- Martin Szyszlican http://www.ylisto.info Si este mensaje fué muy largo, fué poco profundo ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Técnicas para flexibilizar el tamaño del texto
On 7/9/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
[1] http://www.tecnostart.cl/blog/flexibilizando-tamano-letra/
En el articulo dice que la primera linea de la hoja de estilos debe ser:
body{
font-size:12px;
}
es un graso error (por decirlo amablemente). Si yo fuera corto de
vista, tendría configurado mi navegador para que el tamaño base sea un
valor X bastante alto.
Un sitio bien hecho determinaría el tamaño de las fuente diciendo
quiero que los titulos sea 2 veces el tamaño base configurado en el
navegador, por ejemplo.
El articulo propone ignorar mi supuesta configuración y tomar como base 12px.
Si el articulo pusiera ese valor en em o %, tendría un poco más de sentido.
--
Federico MP
http://511.dabomb.com.ar
___
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://ovillo.org/mailman/listinfo/ovillo
