Re: [Ovillo] Cargar css desde el body
Ahondando en la solución planteada por Tei, yo sugeriría que, ya que vas
a generar el código usando javascript y, por tanto, presuponemos que el
usuario va a tener JS activado, generes también en tiempo de ejecución
las nuevas hojas de estilo con algo del estilo de:
if (window.innerWidth){
var styleText = '.sign{border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff}';
var head=document.getElementsByTagName(head)[0];
var styleNode = document.createElement(style);
styleNode.appendChild(document.createTextNode(styleText));
head.appendChild(styleNode);
}else{
var newStyle = document.createStyleSheet();
newStyle.addRule('.sign','border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff');
}
O algo parecido. De este modo, puedes asociar nuevos estilos según convenga.
David
Tei escribió:
Quizas lo mejor es que evites la carga de CSS nuevo. Cargando mas CSS
del que vas a necesitar al principio, de la forma normal y correcta,
dentro del head. Y solo añadir nuevo html en tus acciones con JQuery.
___
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] Cargar css desde el body
Carlos Terradillos escribió: Por cierto, no estoy generando el código por javascript ;) Carlos Terradillos escribió: estoy cargando un html en un div mediante jquery ?? Hay algo que no me encaja... ___ 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] Apreender CSS
PUSCHA, que mas puedo decir que MUUUCHAS gracias. Gracias por su tiempo y nos vimos ya con un poco de conocimiento. Saludos Julio 2008/10/9 Wilssonly [EMAIL PROTECTED] Cristalab hace poco subió un curso de CSS y HTML http://www.cristalab.com/curso-html/ Espero que te sirva :=) El 8 de octubre de 2008 15:53, Almorca [EMAIL PROTECTED] escribió: Este de libros web (http://www.librosweb.es/css/index.html ) es gratuito, bajo licencia cc by-nc-nd y está bastante bien. El 8 de octubre de 2008 19:25, Jose Leiva [EMAIL PROTECTED] escribió: En http://delicious.com/adobe, ahi podes encontrar tutos para CSS recomendados o hechos por los muchachotes de Adobe. El 8 de octubre de 2008 10:28, Guido Cabrera Castro [EMAIL PROTECTED]escribió: Yo encuentro siempre valiosa informacion en delicious Por ejemplo http://delicious.com/tag/css+manual http://delicious.com/tag/css+tutorial http://delicious.com/tag/css+ayuda Saludos, y disculpen el mail anterior entre incompleto :P Guido Cabrera Castro [guido_cc] entuciudad.cl | www.ogame.cl | www.mepongodepie.com | ifactura.com 2008/10/8 Christian Jara [EMAIL PROTECTED] podes usar los videotutoriales de www.videotutoriales.com 2008/10/8 Julio Rene Herrera Vega [EMAIL PROTECTED] Que mala suerte le mia, me inscribi en esta lista para aprender un poco mas de CSS pero veo que estan a años luz de mi, yo tengo conocimiento basico de CSS y ud parecen maestros. Yo soy programador y muchas veces me toca armar sitios que el diseñador realizo, ahora mi diseñador aun esta trabajando con las tablas que le genera Fireworks, he tenido que hacer algunas cosas en CSS y me parece impresionante lo que se puede realizar. Necesito que me puedan dar lugares donde apreender, yo me llevo bien con ingles pero para aprende rapido prefieron nuestra lengua materna. Tambien se que google en mi amigo a la hora de buscar pero prefiero primero leer tutoriales recomendados por profesionales y luego escuchar al gran google. Si me pueden ayudar con eso se los agradeceria. --- Julio Herrera Santiago Chile ___ 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 -- Christian M. Jara E. System Manager Tel. 603-518 int 139 American School of Asuncion (http://www.asa.edu.py) ___ 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 -- http://daflai.wordpress.com ___ 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 -- We don't need no education - Pink Floyd ___ 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 -- --- Julio Herrera Santiago Chile ___ 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] Cargar css desde el body
Podría ser una vía,
pero si tengo que meter eso prefiero hacer estilos en línea
directamente que además sé que no me van a dar problemas luego
mientras que con los cargados al vuelo nunca se sabe...
Por cierto, no estoy generando el código por javascript ;)
El día 13 de octubre de 2008 11:22, David Pardo [EMAIL PROTECTED] escribió:
Ahondando en la solución planteada por Tei, yo sugeriría que, ya que vas
a generar el código usando javascript y, por tanto, presuponemos que el
usuario va a tener JS activado, generes también en tiempo de ejecución
las nuevas hojas de estilo con algo del estilo de:
if (window.innerWidth){
var styleText = '.sign{border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff}';
var head=document.getElementsByTagName(head)[0];
var styleNode = document.createElement(style);
styleNode.appendChild(document.createTextNode(styleText));
head.appendChild(styleNode);
}else{
var newStyle = document.createStyleSheet();
newStyle.addRule('.sign','border:1px dashed
red;position:absolute;top:0;left:0;padding:2px;background-color:#fff');
}
O algo parecido. De este modo, puedes asociar nuevos estilos según convenga.
David
Tei escribió:
Quizas lo mejor es que evites la carga de CSS nuevo. Cargando mas CSS
del que vas a necesitar al principio, de la forma normal y correcta,
dentro del head. Y solo añadir nuevo html en tus acciones con JQuery.
___
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
--
Carlos Terradillos Gutiérrez
croma2 [diseño + comunicación]
http://www.croma2.com/
[EMAIL PROTECTED]
Tlf. 625494329
___
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] [OT] cargar flash
Hola! Después de ver un poco de documentación he visto varias propuestas para cargar un flash en un HTML. Mi duda ha quedado en cual realmente es la buena de cara a xhtml ya que embed está obsoleto y no valida. ¿utilizo solo object? 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] [OT] cargar flash
Usar SWFObject puede ser una buena idea ;). http://code.google.com/p/swfobject/ Un saludo Joseba escribió: Hola! Después de ver un poco de documentación he visto varias propuestas para cargar un flash en un HTML. Mi duda ha quedado en cual realmente es la buena de cara a xhtml ya que embed está obsoleto y no valida. ¿utilizo solo object? 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 -- Mario Pérez - http://mpermon.com ___ 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] alinear horizontal
Cómo están: No he logrado alinear horizontalmente esta estructura, img /select /img / a pesar que los tres controles están dentro de un td el control SELECT siempre se muestra más abajo (en Internet Explorer claro) Les agradeceré su ayuda. Segundo Serrano 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] alinear horizontal
*td {text-align:center;} ?*
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
Cómo están:
No he logrado alinear horizontalmente esta estructura,
img /select /img /
a pesar que los tres controles están dentro de un td
el control SELECT siempre se muestra más abajo (en Internet Explorer claro)
Les agradeceré su ayuda.
Segundo Serrano 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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] alinear horizontal
Lamentablemente no tengo el explorer aca. Igual eso sería alineación
vertical y no horizontal :p
Probá modificando vía css el vertical-align del select.
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
gracias por la inmediata ayuda... pero ups, disculpen... me equivoqué.
lo que tengo es lo sgte:
input type=image .../select /input type=image .../
los cuales están dentro de un td,
en Internet Explorer se ven correctamente alineados horizontalmente... pero
no en Firefox.
les mando unos links para que lo vean:
http://www.jabsoft.net/temp/ie.png
http://www.jabsoft.net/temp/firefox.png
Gracias de atemano
Segundo Serrano P.
- Original Message -
From: Ignacio Ricci
To: Ovillo, la lista de CSS en castellano
Sent: Monday, October 13, 2008 2:23 PM
Subject: Re: [Ovillo] alinear horizontal
*td {text-align:center;} ?*
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
Cómo están:
No he logrado alinear horizontalmente esta estructura,
img /select /img /
a pesar que los tres controles están dentro de un td
el control SELECT siempre se muestra más abajo (en Internet Explorer
claro)
Les agradeceré su ayuda.
Segundo Serrano 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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] alinear horizontal
no me queda muy claro por qué es alineación vertical... pero de todos modos le
puse vertical-align:bottom y funcionó.
Muchas gracias Ignacio.
Segundo Serrano P.
- Original Message -
From: Ignacio Ricci
To: Ovillo, la lista de CSS en castellano
Sent: Monday, October 13, 2008 2:49 PM
Subject: Re: [Ovillo] alinear horizontal
Lamentablemente no tengo el explorer aca. Igual eso sería alineación
vertical y no horizontal :p
Probá modificando vía css el vertical-align del select.
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
gracias por la inmediata ayuda... pero ups, disculpen... me equivoqué.
lo que tengo es lo sgte:
input type=image .../select /input type=image .../
los cuales están dentro de un td,
en Internet Explorer se ven correctamente alineados horizontalmente... pero
no en Firefox.
les mando unos links para que lo vean:
http://www.jabsoft.net/temp/ie.png
http://www.jabsoft.net/temp/firefox.png
Gracias de atemano
Segundo Serrano P.
- Original Message -
From: Ignacio Ricci
To: Ovillo, la lista de CSS en castellano
Sent: Monday, October 13, 2008 2:23 PM
Subject: Re: [Ovillo] alinear horizontal
*td {text-align:center;} ?*
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
Cómo están:
No he logrado alinear horizontalmente esta estructura,
img /select /img /
a pesar que los tres controles están dentro de un td
el control SELECT siempre se muestra más abajo (en Internet Explorer
claro)
Les agradeceré su ayuda.
Segundo Serrano 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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] alinear horizontal
gracias por la inmediata ayuda... pero ups, disculpen... me equivoqué.
lo que tengo es lo sgte:
input type=image .../select /input type=image .../
los cuales están dentro de un td,
en Internet Explorer se ven correctamente alineados horizontalmente... pero no
en Firefox.
les mando unos links para que lo vean:
http://www.jabsoft.net/temp/ie.png
http://www.jabsoft.net/temp/firefox.png
Gracias de atemano
Segundo Serrano P.
- Original Message -
From: Ignacio Ricci
To: Ovillo, la lista de CSS en castellano
Sent: Monday, October 13, 2008 2:23 PM
Subject: Re: [Ovillo] alinear horizontal
*td {text-align:center;} ?*
2008/10/13 Segundo Serrano [EMAIL PROTECTED]
Cómo están:
No he logrado alinear horizontalmente esta estructura,
img /select /img /
a pesar que los tres controles están dentro de un td
el control SELECT siempre se muestra más abajo (en Internet Explorer claro)
Les agradeceré su ayuda.
Segundo Serrano 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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Problema con altura de un div
Estimados/as
Gusto en saludarles.
Les escribo, pues necesito de su ayuda.
Tengo un problema con la altura de un div, pasa de largo, quedando por
debajo de los elementos que se encuentran mas abajo.
He intentado de todo, pero de verdad no encuentro solución.
El problema lo pueden ver en: http://www.soyelnacho.com/sin-categoria/otro/
El CSS donde puede estar el problemita:
---
#contenido-contenedor {
width:100%;
min-height:770px;
height:auto;
position:relative;
margin-top: 50px;
}
#contenido {
width:535px;
height:auto;
position:absolute;
top:0;
left:10;
}
#sidebar {
width:365px;
height:auto;
position:absolute;
top:0;
right:20px;
min-height:770px;
}
#pie {
background:url(imagenes/pie-bg.jpg) repeat-x;
height:120px;
position:relative;
float:left;
width: 100%;
}
#contenido-contenedor, aloja a #contenido y a #sidebar, mientras que #pie va
abajo de #contenido-contenedor
Cuando el contenido del div #contenido, es mas largo que los 770px, el div
#pie, no baja como debiera, se queda donde siempre estuvo, manteniéndose
sobre el div #contenido (no asi sobre el div #contenido-contenedor).
Bueno, ese es mi problema, he jugado harto moviendole perillitas al css,
pero nada da los resultados que necesito.
Espero no haberlos mareado con tanto contenido =P
Muchisimos saludos y gracias desde ya por su tiempo.
Ignacio Aguirre
___
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] Problema con altura de un div
El problema es que estás usando posicionamientos absolutos dentro de divs
contenedores en vez de usar floats.
Cuando uno usa elementos absolutos, cada elemento se hace independiente del
otro, por lo tanto si algo se agranda lo otro no se mueve.
Esto lo podes comprobar, sacandole el position:absolute; al div con id *
#contenido.*
Mejor tratá de investigar como utilizar elementos flotados.
Saludos,
Nacho.
On Mon, Oct 13, 2008 at 7:55 PM, Ignacio Aguirre
[EMAIL PROTECTED]wrote:
Estimados/as
Gusto en saludarles.
Les escribo, pues necesito de su ayuda.
Tengo un problema con la altura de un div, pasa de largo, quedando por
debajo de los elementos que se encuentran mas abajo.
He intentado de todo, pero de verdad no encuentro solución.
El problema lo pueden ver en:
http://www.soyelnacho.com/sin-categoria/otro/
El CSS donde puede estar el problemita:
---
#contenido-contenedor {
width:100%;
min-height:770px;
height:auto;
position:relative;
margin-top: 50px;
}
#contenido {
width:535px;
height:auto;
position:absolute;
top:0;
left:10;
}
#sidebar {
width:365px;
height:auto;
position:absolute;
top:0;
right:20px;
min-height:770px;
}
#pie {
background:url(imagenes/pie-bg.jpg) repeat-x;
height:120px;
position:relative;
float:left;
width: 100%;
}
#contenido-contenedor, aloja a #contenido y a #sidebar, mientras que #pie
va
abajo de #contenido-contenedor
Cuando el contenido del div #contenido, es mas largo que los 770px, el div
#pie, no baja como debiera, se queda donde siempre estuvo, manteniéndose
sobre el div #contenido (no asi sobre el div #contenido-contenedor).
Bueno, ese es mi problema, he jugado harto moviendole perillitas al css,
pero nada da los resultados que necesito.
Espero no haberlos mareado con tanto contenido =P
Muchisimos saludos y gracias desde ya por su tiempo.
Ignacio Aguirre
___
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Problema con altura de un div
Funciono! Muchisimas gracias por la ayuda :) Ignacio Aguirre El 13 de octubre de 2008 23:17, Ignacio Ricci [EMAIL PROTECTED]escribió: El problema es que estás usando posicionamientos absolutos dentro de divs contenedores en vez de usar floats. Cuando uno usa elementos absolutos, cada elemento se hace independiente del otro, por lo tanto si algo se agranda lo otro no se mueve. Esto lo podes comprobar, sacandole el position:absolute; al div con id * #contenido.* Mejor tratá de investigar como utilizar elementos flotados. Saludos, Nacho. 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
