Re: [Ovillo] Ayuda con selector CSS
Hola,
Es la primera vez que escribo en la lista.
mi pregunta es:
Existe algún backup de CSS de sitios web en la red?
Al igual que existe archive.org y puedes encontrar contenido de webs
atrasados..
Muchas gracias.
saludos
-*
Francisco García Franco
*E-mail: f...@agenciacreativa.net
Mov: +34. 696 85 05 99
Tel: +34. 968 40 63 01
Fax: +34. 968 44 25 21
-
Agencia Creativa, Comunicación multimedia.
-
www.agenciacreativa.net
*Por favor, antes de imprimir piense si lo necesita. *
El 3 de abril de 2011 23:29, carlos mario villadiego arroyo
carv...@gmail.com escribió:
hola, Reyner.
para lo de seleccionar el segundo TD de las tablas con class=table1, si
sirve el css que te puse anteriormente que es este:
.table1 tr td:nth-child(2){
}
aca hize una prueba para que mires si es ese el resultado que esperas.
http://www.treeweb.es/ShareCode/936bbb6ab23867963489b150a48cd6d7
Placido, gracias por hacerme caer en cuenta de el error en la
otra construcción ;)
Saludos, Carlos.
El 3 de abril de 2011 11:06, reynie...@gmail.com reynie...@gmail.com
escribió:
Hola y buenos días a todos:
Estuve probando los ejemplos y lo hice de esta forma: table.form tr
td:first-child { /*propiedades*/ } esto me funciona para el primer TD
pero
para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q
puse
fue un ejemplo solamente pero el marcado HTML es un poco extenso.
Aprovecho
de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar
que
me recomiendan ustedes para quitarme este tema de las tablas de una vez
por
toda aunque semánticamente es un tabulado de datos que según la W3C y
muchos
hilos que he visto por acá o escritos en la web está correcto el uso de
tablas en este tipo de presentación.
Al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com
2011/4/3 Plácido Luna octubre196...@gmail.com
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD
de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría
que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a
título
de
ejemplo únicamente (como lo es el hecho de haber declarado una sola
fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y
otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td +
td...
por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
___
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
___
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] out of office
Asi me gusta, que te diviertas!!! El 28 de septiembre de 2010 14:06, raq...@analitia.com escribió: Estoy de vacaciones hasta el 12 de octubre. Para cualquier urgencia me puede localizar en el 695 59 20 95 Disculpe las molestias. ___ 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] Usamos: Consultoria de accesibilidad y usabilidad Web
Hola a todos. Soy Fran Tarifa, algunos me conoceréis del blog Más Que Accesibilidad (http://www.mqaccesibilidad.com), y este correo electrónico era sólo para presentaros el nuevo servicio de consultoría de accesibilidad y usabilidad Web que hemos creado en la empresa dónde trabajo. El sitio Web de la consultoría es http://www.usamos.es, y aunque llevamos varios años trabajando con estos temas, hemos visto necesario crear un sitio Web específico donde se ofrezcan nuestros servicios. Como estamos seguros de los beneficios de la accesibilidad y usabilidad Web, ahora ofrecemos de forma gratuita una consultoría básica de accesibilidad y/o usabilidad a las empresas y demás instituciones (http://www.usamos.es/consulta.php). Por último, comentaros que aunque el objetivo final de Usamos es ofrecer nuestro servicios, queremos ofrecer algo más a las personas que están interesados en estos temas, por lo tanto iremos colgando documentos, guías y herramientas relacionados con todo ésto. Para comenzar, hemos desarrollado un simulador de Lector de Pantallas (http://www.usamos.es/accesibilidadWeb/herramientas/lector.html), que está en fase beta (muy beta), pero que puede ayudar a comprender lo que se van a encontrar las personas que usan estas ayudas. Por supuesto, ésto no evita que tengamos que probar nuestros sitio Web con un lector de pantallas. Por último, decir que estamos abiertos a cualquier tipo de sugerencias para mejorar nuestros servicios y muchas gracias por vuestro tiempo. Un saludo. Fran Tarifa. http://www.usamos.es ___ 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] Opiniones, críticas, suge rencias, besos, flores... sobre una web ;P
En Fri, 03 Oct 2008 03:33:05 +0200, Javier Guerrero [EMAIL PROTECTED] escribió: Felicitaciones por el sitio. Pues a mí, me encantó tu sitio. Lo único que no me gusta es que hace de javascript un requerimiento, quedando unutilizable las partes hechas con Ajax. ¿Qué parte exactamente no funciona sin javascript activado? Lo digo porque siempre llevo un especial cuidado con esto pero igual se me ha pasado en algún lugar :S ___ 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] Opiniones, críticas, suge rencias, besos, flores... sobre una web ;P
Hola a todos, he acabado hace poco esta web [1] y me gustaría que me dierais vuestras opiniones de todo tipo (accesibilidad, usabilidad, etc). Siempre valoro mucho las sugerencias de la gente de Ovillo /peloteo :D Es una web para aficionados al tenis, así que si hay alguien por aquí que le dé a la raqueta, le animo a registrarse :) Gracias y un saludo. [1] http://www.30iguales.es ___ 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] Opiniones, críticas, suge rencias, besos, flores... sobre una web ;P
En Thu, 02 Oct 2008 20:31:36 +0200, Tei [EMAIL PROTECTED] escribió: Esta muy bien realizado. Es un orgullo que compañeros de la lista hagan sitios como este. Como no quedaras satisfecho si no encuentro algo, puff... te saco esto: h2 class=h2_seccionraquo; Sugerencias para mejorar/h2 div id=texto_normal estos css parecen como presentacionales y tal. Pero eso es como coger un ferrari y decir buah... tiene marca de dedos en el volante aparte de todo, es un diseño para 1024,porque lo he visto en un eepc 700, y no me cabia en la pantalla. Gracias por el símil con el ferrari xDD Ciertamente es un diseño para 1024 mínimo, aún siendo consciente de que actualmente las cosas están cambiando mucho. Antes podías permitirte hacer webs con ancho mínimo fijo, ahora con iphones, mini portátiles y demás hay que andar con más ojo. ___ 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] Opiniones, críticas, suge rencias, besos, flores... sobre una web ;P
En Thu, 02 Oct 2008 21:02:37 +0200, albert [EMAIL PROTECTED] escribió: Simple y elegante Una observación: en Firefox 3.00 los campos email y contraseña del formulario de registro quedan descolocados. Te mandaria una imagen pero creo que la lista no admite adjuntos. Saludos. Albert ¿Tienes el tamaño del texto ampliado? Quizá sea por lo que comentaba Carlos Marrero en el anterior mensaje de que los elementos son fijos. En esas ocasiones se va un todo un poco a su bola. Son cosicas que debería mejorar :\ ___ 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] Opiniones, críticas, suge rencias, besos, flores... sobre una web ;P
En Thu, 02 Oct 2008 21:09:42 +0200, Jorge [EMAIL PROTECTED] escribió: Observo que en los formularios de búsqueda de las secciones de Jugadores y Ranking, tanto en los campos edad como en nivel de juego especificas unos limites, pero el label for del campo hace referencia a un id inexistente. En edad label for=edad ¿Donde está el elemento con id edad? Edad: br / span class=inlineentre/span input id=edad1 name=edad1 type=text class=inputtext size=2 maxlength=2 value=16 / span class=inline2y/span input id=edad2 name=edad2 type=text class=inputtext size=2 maxlength=2 value=60 / /label A esto, que la gente opine de cual seríe la codificación correcta. El resto, muy bonita estéticamente hablando, pero deberías usar medidas em en las fuentes. Saludos. Ahora que lo mencionas, mientras lo maquetaba se me presentó esa duda y lo dejé como está. Yo tampoco tengo clara cuál sería la manera correcta... ___ 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] Opinión sobre una web
Buenas, sé que no es del todo correcto, pero me gustaría que me dierais opiniones sobre esta web [*]. Accesibilidad, usabilidad, etc. Es muy sencilla, pero es lo que es y yo creo que no hace falta nada más. Si tenéis alguna sugerencia la leeré encantado ;P Gracias. [*] http://perlazas.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] Carácter cong;
Prueba con el carácter asymp; , no se si es el que tu quieres. Un saludo. Francis Tarifa. Blog: http://accesibilidadweb.blogspot.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Pablo Suárez León Enviado el: martes, 17 de enero de 2006 10:02 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Carácter cong; Seguro que me estoy saltando algo y no sé lo que es, pero no doy con ello. A ver si alguien me arroja algo de luz... Intento mostrar el carácter aproximadamente igual a osea cong; o #8773; el caso es que en Firfox se ve perfectamente mientras el querido amigo me muestra un cuadradito. Hasta ahí bien, pero el caso es que por ejemplo en: http://msdn.microsoft.com/library/default.asp?url=/workshop/au thor/dhtml/ref erence/charsets/charset2.asp que hay listado con entidades si me lo muestra bien. ¿Por qué cuando navego a esa página lo veo y cuando yo pongo el carácter no? Charset, encoding, fuente.? Pablo Suárez León Programador Fundosa Teleservicios Grupo Fundosa Tlf. 91 121 03 41 Fax. 91 375 70 51 www.teleservicios.es ___ 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] OT: ayuntamientos accesibiles
Existe un informe de los portales de las administraciones públicas en España, no se si te va a servir pero te coloco el link: http://www.emergia.net/investigacion/articulos/20030428.asp De todas formas no sale ninguno muy bien parado. Francis Tarifa. Blog: http://accesibilidadweb.blogspot.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Webmaster Universpain Enviado el: sábado, 12 de agosto de 2006 10:07 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] OT: ayuntamientos accesibiles Hola Lista, acabo de incorporarme a Ovillo. Creo que es una buena lista para aprender. He estado leyendo acerca de ayuntamientos accesibles y, por más que entro en unos y otros, el resultado no es muy bueno. Alguien me podría decir cuales de los ayuntamientos son los más accesibles? más que nada por estudiar la estructura de su información, el código que utiliza y demás y poder hacer un pequeño estudio. Gracias de antemano _ Webmaster de Universpain.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://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] menu navegacion liquido
No sé si te he entendido muy bien. Por si acaso voy a
poner lo que creo que quieres: tú quieres tener un
menú que siempre ocupe el 100% del ancho del body. Ese
menú es una ul con varios li (el número varía), pero
la condición es que se adapte al número y siempre
ocupe este ancho. Al mismo tiempo este número de
opciones va creciendo/disminuyendo dinámicamente según
el usuario... ¿Algo así?
Si es así y no he entendido mal y si quieres que la ul
te ocupe todo el ancho, no puedes hacer un simple ul {
width: 100%;}?
Por el mensaje que pusiste después del primero veo que
lo de li {display: inline; } ya lo tienes. Y también
me llama la atención que preguntes como se hace eso
con CSS. Si lo quieres generar dinámicamente la
respuesta ya la tienes tú mismo, JavaScript.
Me imagino que el usuario iría introduciendo datos y
podría acceder a estos datos mediante estas opciones
nuevas que se le agregarían en este menú horizontal
no? Creo que es eso más o menos lo que quieres.
Entonces lo puedes hacer con JS y le cambias los
estilos.
Un saludo.
--- Arturo Mieres [EMAIL PROTECTED] escribió:
Hola a todos:
Hace tiempo que sigo la lista, pero desde hace
varios
dias se me ha planteado la siguiente duda.
Tengo un menu superior de navegación, en que las
opciones para cada usuario, dependiendo del perfil
que
tenga, pueden ir, desde dos hasta ¡¡ infinitas !!
(extraño pero es lo que el cliente quiere), es decir
no tiene un numero maximo de opciones.
Este menu se genera dinamicamente. Me puse manos a
la
obra, y el problema es que cuando tengo pocas
opciones, no se como hacer que el menu ocupe todo el
ancho de pagina (osea un width: 100%). El menu lo
estoy haciendo con listas desordenadas.
Existe alguna otra posibildad? si es asi cual es?
Otra pega es que debe ser accesible nivel AA.
Gracias de antemano. A ver si salgo de esta.
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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] menu navegacion liquido
Hola de nuevo Turu, lo de cambiar dinámicamente los
estilos utilizando CSS solamente no lo veo posible.
Una forma que se me ocurre para no utilizar ningún
script sería poniéndole enlaces en la página (abajo
del menú por ejemplo) que te cambien las hojas de
estilo para adaptarse a las nuevas opciones. Pero
tampoco veo porque hacerlo así pudiendo utilizar JS
por ejemplo. Y para mantener la doble A podrías
utilizar los enlaces que te digo alternativamente para
los navegadores que no lo reconozcan o no lo tengan
activado.
Bueno, eso sería ya decisión tuya y supongo que cada
uno verá alternativas distintas. Pero, el caso que me
dices de que no consigues el ancho 100% para la lista
creo que sé porque es:
- Fíjate que tú le aplicas el color ese gris a los a
dentro de los li que a su vez están dentro de la
ul ;-P. Haces perfectamente poniéndole ese width
100% tanto a body como a la ul, por lo tanto, la ul te
está ocupando el 100% de la pantalla... Lo que pasa es
que tú no lo puedes ver. Prueba a ponerle un borde a
la ul ya verás como ocupa el 100%. No lo puedes ver
porque el color gris lo tienen los a dentro de los li,
no la ul. Tú apilas los li todos hacia la izquierda
y por eso te queda ese espacio en la derecho en
blanco, que es de la ul pero que no le aplicaste
color.
La solución podría ser que con CSS les pusieras un 33%
de ancho a cada li (ponle el color de fondo a los li
no a los a).
Después ya te he dicho como haría yo, con JS añado
nodos o le cambio estilos según convenga.
Bueno, creo que me he enrollado mucho, espero que se
me entienda. Saludos y suerte.
--- Turu [EMAIL PROTECTED] escribió:
Efectivamente eso es lo que pretendo. Había probado
con todo eso, pero el ancho sigue sin moverse,
incluso lo he hecho en el ejemplo que he subido a la
web[1]. Pero nada de nada.
[1] http://www.odei.es/accesible/menu_navegacion.htm
Sobre lo de usar javasript no creo que sea posible,
necesito accesibilidad nivel AA.
Un saludo y gracias por las respuestas
--- Fran Rives [EMAIL PROTECTED] escribió:
No sé si te he entendido muy bien. Por si acaso
voy
a
poner lo que creo que quieres: tú quieres tener un
menú que siempre ocupe el 100% del ancho del body.
Ese
menú es una ul con varios li (el número varía),
pero
la condición es que se adapte al número y siempre
ocupe este ancho. Al mismo tiempo este número de
opciones va creciendo/disminuyendo dinámicamente
según
el usuario... ¿Algo así?
Si es así y no he entendido mal y si quieres que
la
ul
te ocupe todo el ancho, no puedes hacer un simple
ul
{
width: 100%;}?
Por el mensaje que pusiste después del primero veo
que
lo de li {display: inline; } ya lo tienes. Y
también
me llama la atención que preguntes como se hace
eso
con CSS. Si lo quieres generar dinámicamente la
respuesta ya la tienes tú mismo, JavaScript.
Me imagino que el usuario iría introduciendo datos
y
podría acceder a estos datos mediante estas
opciones
nuevas que se le agregarían en este menú
horizontal
no? Creo que es eso más o menos lo que quieres.
Entonces lo puedes hacer con JS y le cambias los
estilos.
Un saludo.
--- Arturo Mieres [EMAIL PROTECTED] escribió:
Hola a todos:
Hace tiempo que sigo la lista, pero desde hace
varios
dias se me ha planteado la siguiente duda.
Tengo un menu superior de navegación, en que las
opciones para cada usuario, dependiendo del
perfil
que
tenga, pueden ir, desde dos hasta ¡¡ infinitas
!!
(extraño pero es lo que el cliente quiere), es
decir
no tiene un numero maximo de opciones.
Este menu se genera dinamicamente. Me puse manos
a
la
obra, y el problema es que cuando tengo pocas
opciones, no se como hacer que el menu ocupe
todo
el
ancho de pagina (osea un width: 100%). El menu
lo
estoy haciendo con listas desordenadas.
Existe alguna otra posibildad? si es asi cual
es?
Otra pega es que debe ser accesible nivel AA.
Gracias de antemano. A ver si salgo de esta.
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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] Scroll javascript en un div
Justamente lo primero. Y gracias por la web, era lo que estaba buscando 100% . Simple y funcional. Hay que decirlo, esta lista es DIOS!! :D Muchas gracias ;) kemie guaida escribió: a que te refieres con hacer scroll? buscas algo que te reemplace la barra, o que automaticamente te mueva el contenido? si buscas lo primero, checate: http://meddle.dzygn.com/esp/weblog/modificacion.scroller/ saludos! ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Fran wrote: Buenas, tengo una división en la que el texto que hay dentro overflowea (ahora no me sale la palabra en castellano xD) y me aparece la barra de scroll vertical. ¿Sabéis de algún javascript así rápido y sencillo para hacer scroll? (libre y o gratis :rolleyes:) He encontrado un par buenos, pero no puedo usarlos por la licencia. Venga, 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://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 __ Información de NOD32, revisión 1.1248 (20051010) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [Semi-OT] Cálculo del ancho del viewport con javascript
Hola Choan, solo una pregunta inocente: ¿Tienes el mismo problema con el típico y tópico window.screen.width? Es que lo veo el más sencillo con diferencia pero si no lo has usado me imagino que será porque da ese problema. De todas formas confírmamelo si puedes para ahorrarme probarlo yo mismo. ;-) Un saludo. --- Pablo Impallari [EMAIL PROTECTED] escribió: Con mi resolucion en 1280px me da los siguientes resultados sobre pc con windows xp. FireFox 1.0.6: 1261 1280 1261 IE 5.0; 5.5 y 6: 1258 1259 1259 Opera 8 1257 1274 1257 en IE 4 no anda Un Abrazo Pablo Impallari Soluciones en Internet Diseño y Desarrollo | xhtml - php - mysql - flash Mejoras de Usabilidad - Posicionamiento en Buscadores - Hosting Sitio Web: www.pabloimpallari.com.ar Teléfonos: Si llama desde Rosario: 456 7218 Si llama desde Argentina: 0341 - 456 7218 Si llama desde otro país: 54 341 - 456 7218 - Original Message - From: Choan C. Gálvez [EMAIL PROTECTED] To: Ovillo@lists.ovillo.org Sent: Tuesday, October 11, 2005 7:36 AM Subject: [Ovillo] [Semi-OT] Cálculo del ancho del viewport con javascript El otro día se habló aquí de la posibilidad de utilizar diferentes hojas de estilo según el tamaño de la ventana del navegador y propuse un (borrador de) script para hacer tal cosa [1]. Entre ayer [2] y hoy he estado trapicheando un poquito más con el código y he caído en la cuenta de que el cálculo del ancho de la ventana no era correcto. Así que he armado una página de prueba [3] sobre la cual agradecería comentarios en privado. **Sé** que el cálculo es correcto en IE5+, Opera 8.x y Firefox 1.x (todo para Windows), agradecería comentarios respecto al comportamiento en navegadores para Mac. [1]: http://dizque.lacalabaza.net/temp/styleswap/ [2]: http://dizque.lacalabaza.net/sotanos/2005/10/viewport-width/ [3]: http://dizque.lacalabaza.net/temp/styleswap/test.html Salud, Choan ___ 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 __ Renovamos el Correo Yahoo! Nuevos servicios, más seguridad http://correo.yahoo.es ___ 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] [Semi-OT] Cálculo del ancho del viewport con javascript
Ups, revisando el mensaje me he dado cuenta que tú lo quieres para averiguar el tamaño de la ventana en todo momento, no de la resolución de pantalla. Lo siento por la equivocación. --- Fran Rives [EMAIL PROTECTED] escribió: Hola Choan, solo una pregunta inocente: ¿Tienes el mismo problema con el típico y tópico window.screen.width? Es que lo veo el más sencillo con diferencia pero si no lo has usado me imagino que será porque da ese problema. De todas formas confírmamelo si puedes para ahorrarme probarlo yo mismo. ;-) Un saludo. --- Pablo Impallari [EMAIL PROTECTED] escribió: Con mi resolucion en 1280px me da los siguientes resultados sobre pc con windows xp. FireFox 1.0.6: 1261 1280 1261 IE 5.0; 5.5 y 6: 1258 1259 1259 Opera 8 1257 1274 1257 en IE 4 no anda Un Abrazo Pablo Impallari Soluciones en Internet Diseño y Desarrollo | xhtml - php - mysql - flash Mejoras de Usabilidad - Posicionamiento en Buscadores - Hosting Sitio Web: www.pabloimpallari.com.ar Teléfonos: Si llama desde Rosario: 456 7218 Si llama desde Argentina: 0341 - 456 7218 Si llama desde otro país: 54 341 - 456 7218 - Original Message - From: Choan C. Gálvez [EMAIL PROTECTED] To: Ovillo@lists.ovillo.org Sent: Tuesday, October 11, 2005 7:36 AM Subject: [Ovillo] [Semi-OT] Cálculo del ancho del viewport con javascript El otro día se habló aquí de la posibilidad de utilizar diferentes hojas de estilo según el tamaño de la ventana del navegador y propuse un (borrador de) script para hacer tal cosa [1]. Entre ayer [2] y hoy he estado trapicheando un poquito más con el código y he caído en la cuenta de que el cálculo del ancho de la ventana no era correcto. Así que he armado una página de prueba [3] sobre la cual agradecería comentarios en privado. **Sé** que el cálculo es correcto en IE5+, Opera 8.x y Firefox 1.x (todo para Windows), agradecería comentarios respecto al comportamiento en navegadores para Mac. [1]: http://dizque.lacalabaza.net/temp/styleswap/ [2]: http://dizque.lacalabaza.net/sotanos/2005/10/viewport-width/ [3]: http://dizque.lacalabaza.net/temp/styleswap/test.html Salud, Choan ___ 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 __ Renovamos el Correo Yahoo! Nuevos servicios, más seguridad http://correo.yahoo.es ___ 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 __ Renovamos el Correo Yahoo! Nuevos servicios, más seguridad http://correo.yahoo.es ___ 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] Fallo del explorer con listas anidadas
Hola Machbel, Pienso que el problema te puede venir a la hora de colocar los estilos color1 y color2 a los elementos li. ol li class=color1 ul li class=pruebaa href=rallyRally de Canarias 2003/a/li lia href=editEditar/a/li lia href=borrarBorrar/a/li lia href=penPenalización/a/li lia href=retRetirados/a/li /ul /li li class=color2 ul li class=pruebaa href=rallyRally de Canarias 2003/a/li lia href=editEditar/a/li lia href=borrarBorrar/a/li lia href=penPenalización/a/li lia href=retRetirados/a/li /ul /li /ol En vez de eso, colocaselos a los elementos ul, cambiando también la hoja de estilos. ol li ul class=color1 li class=pruebaa href=rallyRally de Canarias 2003/a/li lia href=editEditar/a/li lia href=borrarBorrar/a/li lia href=penPenalización/a/li lia href=retRetirados/a/li /ul /li li ul class=color2 li class=pruebaa href=rallyRally de Canarias 2003/a/li lia href=editEditar/a/li lia href=borrarBorrar/a/li lia href=penPenalización/a/li lia href=retRetirados/a/li /ul /li /ol No se si es eso lo que quieres conseguir. Un saludo. Fran Tarifa -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de machbel Enviado el: miércoles, 05 de octubre de 2005 19:15 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Fallo del explorer con listas anidadas Hola! Aqui ando diseñando una web en xhtml 1.1, todo muy bonito, pero me he encontrado con un fallo del explorer al que no veo solucion. Tengo 2 listas anidadas, Una ol y dentro una ul. La web: http://83.97.240.76:8080/admin/admin_inscripcion.php El css: http://83.97.240.76:8080/css/admin.css (Estan al final los estilos de esta pagina) El problema que hay es ese borde superior que añade a los li de la lista anidada, que no hay forma de quitarlos. Puse margin, padding y border a 0 en todos y nada, sigue poniendo eso. Como se soluciona esto? -- Saludos, machbel mailto:[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] Espacio blanco no deseado y fallo en IE
El problema viene por lo que dijo Inti antes... el
formato vertical de CSS tiene la peculiaridad de que
aunque especifiques margin:0 para el elemento padre,
si no lo especificas para alguno de sus elementos
anidados, este se superpone para toda la estructura.
Seguro que no lo he explicado muy bien, espero que se
haya entendido un poco.
Así, has de aplicarle el margin-top: 0 no solo al
elemento padre, sino a todos y cada uno de sus
elementos anidados para que te respete ese valor.
P.D.: ya sabes que los elementos de bloque aunque no
especifiques siempre te traen unos márgenes verticales
por defecto.
--- Sim Dalom [EMAIL PROTECTED] escribió:
La solución, no me preguntes porqué, que no lo sé,
pero a mí me funciona:
* {
margin:0;
padding:0;
}
Nada más, de todas formas si alguien sabe la
explicación la agradecería.
--
José Mª Martínez-Priego
http://www.simdalom.com/blog/
___
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
__
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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] Hoja de estilo que desaparece en Firefox
Hola Manuel: No creo que sea ese el problema, por que con Amaya funciona correctamente, y se supone que si funciona bien con Amaya el código está escrito correctamente. Yo probaría en otro servidor la carga de la página para ver si carga el css correctamente. Un saludo. El día 9/09/05, Manuel J. Recena Soto [EMAIL PROTECTED] escribió: Hola Inma: Tu problema está aquí: Error: La hoja de estilo http://155.54.15.16:8080/wionto/estilo.css no fue cargada porque su tipo MIME, text/plain, no es text/css. ___ 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] Hoja de estilo que desaparece en Firefox
Por favor, corrigeme siempre que puedas :) El apuntarme a la lista es para aprender. Yo daba por hecho que si Amaya lo montaba bien, es que todo estaba correcto. En fin veo que no hay que fiarse de nada. Gracias por la corrección El día 9/09/05, Manuel J. Recena Soto [EMAIL PROTECTED] escribió: Hola Fran: Pues perdona que te corrija pero el problema no creo estar equivocado. El hecho de que los estilos se rendericen en Amaya no es significativo, simplemente que Amaya no valida el tipo mime para el archivo css, de hecho IE tampoco lo hace. Pero Firefox, hace las cosas bien y si lo hace. Además, Amaya valida gramática, es decir, que la sintaxis sea correcta, pero ya está. De hecho, el mensaje de error no me lo he inventado yo, lo ha indicado la consola de Firefox. Y para defender un poco más mi exposión me baso en experiencias anteriores con servidores de aplicaciones y tipos mime :) un saludo On Fri, 9 Sep 2005 12:29:59 +0200, Fran . wrote Hola Manuel: No creo que sea ese el problema, por que con Amaya funciona correctamente, y se supone que si funciona bien con Amaya el código está escrito correctamente. Yo probaría en otro servidor la carga de la página para ver si carga el css correctamente. Un saludo. El día 9/09/05, Manuel J. Recena Soto [EMAIL PROTECTED] escribió: Hola Inma: Tu problema está aquí: Error: La hoja de estilo http://155.54.15.16:8080/wionto/estilo.css no fue cargada porque su tipo MIME, text/plain, no es text/css. ___ 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 -- Manuel J. Recena Soto * www.manuelrecena.com http://www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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] Busco Editor de Código CSS
Hola Santiago: Yo utilizo el editor css que viene de serie con NVU. Si estás empezando (como yo), te lo recomiendo encarecidamente, por que te desglosa la hoja de estilo de manera muy comprensible. A mi me está siendo de mucha utilidad de momento. El día 9/09/05, Santiago LLobet [EMAIL PROTECTED] escribió: Hola a todos,... Soy nuevo en esto de la creación de hojas de estilo y estoy buscando un editor para crear los ficheros *.css ¿Alguien podría recomendarme alguno? Gracias por la ayuda,..!! Santiago LLobet Netquest ___ 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 con menu flotado en ie
Hola, siento no poder responder a tu pregunta- aunque si pudieras ponerle un width ya lo arreglarías- pero me ha llamado la atención que crearas un div para contener la lista porque la lista en si ya es un elemento de bloque y le puedes poner el id = nav sin tener que ponerla dentro de un div. Solo una curiosidad, no sé cual es tu objetivo con eso pero me llamó la atención. Saludos. From: kemie guaida [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: [Ovillo] problema con menu flotado en ie Date: Thu, 08 Sep 2005 14:07:10 +0200 no entiendo cual es el problema :( tengo un menu horizontal hecho con un ul con css, nada fuera de lo comun. El div que contiene el menu esta flotado a la derecha. En firefox se ve bien, con el menu en una sola linea, mientras que en ie se ve de solo la mitad del ancho, con los botones en varias lineas. Esto se puede solucionar dandole un ancho exacto, pero no quiero hacerlo ya que existe la posibilidad de que se le añadan mas botones. el menu se puede ver en: http://monolinea.com/clients/peepster/home.htm (con una linea roja para mostrar el ancho mas claramente) alguna idea o posible solucion? gracias! ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.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://ovillo.org/mailman/listinfo/ovillo _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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] caja desplegable.
Hola Inti, sobre lo de limpiar el marcado de script, tienes que meter los event handlers (los eventos: onclick, etc..) como propiedades del objeto en cuestión desde el script. Así no ensucias para nada el xhtml. Los navegadores por defecto cuando se encuentran con elementos como a/a o img / crean objetos automáticamente. Entonces desde el archivo .js puedes ponerlos así. Por ejemplo: window.document.links[0].onclick = y lo que sea. el array links es el que digo que se crea por defecto y el 0 es el índice del link en concreto. Cuando tienes muchos te es más fácil hacerlo poniéndole ids y localizándolos así: window.document.links[primero].onclick... Espero haberte ayudado desde lo poco que sé de javascript. Saludos. _ FREE pop-up blocking with the new MSN Toolbar - get it now! http://toolbar.msn.click-url.com/go/onm00200415ave/direct/01/ ___ 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: Re[2]: [Ovillo] target
En XHTML 1.0 Transitional sí está permitido. A partir del Strict ya no. From: accesible.com.ar [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re[2]: [Ovillo] target Date: Tue, 23 Aug 2005 11:21:05 -0300 Hola Manuel, MGN - Con el atributo target, cambiando tu DOCTYPE a HTML 4.01 Transicional MGN - Con Javascript En XHTML 1.0 no está permitido? -- Daniel, www.accesible.com.ar [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 _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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 con comportamiento de firefox en 800x600
¿Por qué no position: absolute y porcentajes?
From: mmundo [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Problema con comportamiento de firefox en 800x600
Date: Wed, 24 Aug 2005 17:24:46 +0200
¿Una vez reemplazado el caracter ! por su entidad, sigue ocurriendo
el mismo error?
Por otra parte, con img {display: block; float: left (o right)} tienes
las imagenes como elementos de nivel de bloque y en la misma línea.
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una nueva
linea, ya me va bien el carácter inline. Sin embargo, conocia esta
propiedad para hacer que el elemento siga comportandose como block pero
sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio imediatamente.
Gracias,
xema
___
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
_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
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
[Ovillo] Alinear verticalmente un div en la base de su padre
Buenas a todos. El asunto del mensaje es bastante claro, quisiera alinear un div verticalmente a la base de su padre, pero no lo consigo. Ya he visto unos cuantos ejemplos y he hecho pruebas, pero no se adapta a lo que yo quiero. En el div padre hay un par de párrafos, y luego viene otro div con una fila de imágenes pequeñas que se pega al texto, pero quiero que se quede pegado abajo. Esta es la página, para que lo veais claro: http://www.floristerialosmadriles.com/divs/inicio_divs2.html Podría hacerlo con un margin-top, pero si se añadieran un par de párrafos más, se jode el invento _ ¿Alguna idea? 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con bordes redondeados tridimensionales en un men
Bueno, aunque conteste solo a este: gracias a todos. Este enlace me ha abierto los ojos, aunque no de la forma que yo esperaba: http://www.456bereastreet.com/lab/flexible_custom_corners_borders/ Gracias a todos por vuestra ayuda. From: kemie guaida [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un menú Date: Wed, 27 Jul 2005 13:45:04 +0200 Hola Fran, Sin haber visto con detenimiento tu codigo, un par de enlaces que te pueden servir como guía: http://www.aplus.co.yu/css/rounded-corners/ http://www.456bereastreet.com/lab/flexible_custom_corners_borders/ espero te sirvan :) saludos kemie ___ 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 _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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
[Ovillo] Problema con bordes redondeados tridimen sionales en un menú
Hola, este es el primer mensaje que escribo a esta lista, pero enhorabuena
por lo buena que es. /pelotilleo :D
Mi problema es el siguiente. Digamos que aunque CSS es una gran herramienta
para presentación, presenta ciertas limitaciones. El modelo de cajas
cuadradas con únicamente un color y en 2d, no me permite disponer de todo lo
que me gustaría. Por eso me planteé conseguir una presentación estilo
Photoshop (como hacen en CSS zen garden, sin perder semántica), pero con una
diferencia. Yo quiero que mi presentación se redimensione conforme
disminuyo/aumento la pantalla del navegador, o conforme cambio de resolución
o de monitor, algo que los de Css zen garden no han conseguido (pese a que
se autoproclamen triple A).
Entonces, yéndome un poco más hacia mi caso en particular, yo quiero meter
un menú a la izquierda de mi página. Dentro de ese menú quiero meter los
enlaces hacia las distinas secciones (estos enlaces los he puesto con outset
normal e inset en hover, pero eso es otra historia). Este menú con los
enlaces quiero que sea un rectángulo tridimensional con bordes redondeados y
efectos 3d y sombras (esto lo he hecho con photoshop, aplicando varios
estilos de capa a un rectángulo normal negro).
El problema viene con la redimensión que le quiero aplicar a este menú. Para
ello he cortado a la imagen del photoshop en 9 pedazos, cada uno de ellos
representando un borde (lógicamente el centro de la imagen lo he quitado).
Así: a1 -- borde superior izquierdo; a2 -- borde superior medio(me hace
falta porque el rectángulo es 3d); a3 -- borde superior derecho; b1 --
borde izquierdo medio; b2 -- borde derecho medio; c1 -- borde inferior
izquierdo; c2 -- borde inferior medio; c3 -- borde inferior derecho;
Cada uno de estos pedazos es una nueva imagen. Entonces, posteriormente lo
que hago es meter estas imágenes como divs posicionados absolutamente dentro
de un div padre (la misma técnica que para bordes redondeados, pero en 3d y
con 9 en vez de 4). Esto lo hago para conseguir que mi menú se redimensione.
Entonces el div padre tiene un background negro y le posiciones los nueve
divs con imágenes de fondo. Así consigo que se me redimensione sin notar
nada extraño hasta cierto punto (lógicamente, si la pantalla es muy muy
pequeña, se verá como los bordes no dan disminuído de tamaño, pero eso sería
un caso extremo).
Ahora os pegaré fragmentos de mi código XHTML y CSS para entender mejor el
caso:
-- XHTML --
div id=lista
div id=a1/div
div id=a2/div
div id=a3/div
div id=b1/div
div id=b2/div
a id=primero href=#Primero/a
a id=segundo href=#Segundo/a
a id=tercero href=#Tercero/a
a id=cuarto href=#Cuarto/a
div id=c1/div
div id=c2/div
div id=c3/div
/div
-- CSS --
#lista { position: absolute;
width: 12%;
top: 5%;
left: 1%;
padding: 2.3em 0;
background: black; }
/* Posicionando las imágenes del borde para que coincidan con los bordes
reales del div lista (las imagenes cortadas tienen un borde blanco) */
#a1{ position: absolute;
background: url(../imagenes/a1.jpg)
no-repeat;
width: 43px;
height: 43px;
top: 0%;
left: 0%;
z-index: 101; }
#a2{ position: absolute;
background: url(../imagenes/a2.jpg)
repeat-x;
width: 90%;
height: 43px;
top: 0%;
z-index: 100; }
#a3{ position: absolute;
top: 0%;
right: -5%;
background: url(../imagenes/a3.jpg)
no-repeat;
width: 43px;
height: 43px;
z-index: 101; }
/* Primera línea lograda */
/* Segunda línea */
#b1{ position: absolute;
top: 43px;
bottom: 0%;
background: url(../imagenes/b1.jpg);
width: 20px;
left: 0%; }
#b2{ position: absolute;
top: 43px;
bottom: 0%;
Re: [Ovillo] Problema con bordes redondeados tridimensionales en un men
Hola, gracias por responder. Creo que me he explicado mal, no es de extrañar tampoco. Lo de contenido semántico me refiero a que los de CSS Zen Garden por ejemplo ponen una imagen como si fuera un h1, solo que es una imagen de photoshop. Pero al mismo tiempo ponen un span con el mismo texto de la imagen y le ponen display: none; así no pierdes contenido semántico y mantienes buena presentación. Pues yo quería hacer algo parecido, pero además que se me redimensionara conforme a la ventana del navegador/monitor/resolución. Mi principal objetivo aquí pues era el siguiente: (ya sé que pierdo semántico por todos lados, ya que bordes redondeados es lo que tiene si los quieres poner, y no tiene sentido semántico en css 2.1): conseguir la redimensión... Supongo que lo de contenido semántico no tiene mucho sentido que lo nombre, por lo que como si no lo hubiera dicho. Gracias por responder y a ver si alguien sabe algo. From: Juan G. Hurtado [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un menú Date: Wed, 27 Jul 2005 13:18:44 +0200 Saludos. Si hablas de no perder la semántica, no entiendo por qué usas un div id=lista en lugar de una lista propiamente dicha. Por otro lado, usar div de esa forma tan indiscriminada no me parece correcto. Hay cosas para las que (X)HTML y CSS no están diseñados, y creo que lo que intentas es una de esas cosas. De todas formas, ojalá lo consigas. Suerte. PD.- Siento no poder responder a tu pregunta. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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 _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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
[Ovillo] Cambiar tamaño de un div mediante javascript
Buenas, es mi primer mensaje a la lista aunque os leo hace un tiempo y tal. Os expongo mi duda: Tengo una página en la que hay un iframe central y al pulsar en el menu de la página, carga en ese iframe el contenido de cada sección. El tamaño es siempre el mismo excepto para una sección. Lo que quería hacer es que me cambiara el tamaño del iframe. He estado buscando en google y lo que tengo es lo siguiente: div id=cuadro style=width:580px; height:310px; text-align:center iframe name=contenido width=100% height=100% scrolling=no src=loquesea.html frameborder=0 Si lees esto, tu navegador no soporta iframes. Te recomendamos que lo actualices. /iframe /div He metido el iframe en un div para que se ajuste a él. Eso está en la página principal, en el fuente del contenido donde quiero que cambie el alto del iframe tengo el siguiente javascript: parent.cuadro.style.pixelHeight=400; Ahora bien, esto sólo me funciona con el (puto) explorer. Supongo que pixelHeight será propietario. Sea lo que sea, ¿sabéis como puedo cambiar el alto o ancho de un div mediante javascript? Venga, 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://ovillo.org/mailman/listinfo/ovillo
