Re: [Ovillo] Por todos mis CMS!
Hola! At 13:37 11/08/2005 +0200, you wrote: Espero que os sea útil el sitio. [1] http://www.opensourcecms.com Muchas gracias por la url! Precisamente buscaba algo así. Necesito un CMS para un club deportivo local. Básicamente quiero que ellos mismos puedan colgar sus noticias y, lo más importante, los resultados y la clasificación de su equipo. Vamos, que alguien con conocimientos de informática a nivel de usuario pueda actualizar estos datos sin hacerse daño. Supongo que para los resultados (emparejamientos de los diferentes torneos) y clasificaciones tendría que definir yo las tablas o algo. He mirado en el foro de opensourcecms.com y recomiendan phpwebsite y phpcow. Era por si vosotros os habías encontrado con un caso parecido o si podíais sugerirme algún CMS. Gracias! Gael ___ 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] Listas y texto en columnas en alisapart
Hola! No acostumbro a debatir en la lista, porque la mayoría me dais mil vueltas, y me dedico a aprender de lo que escribís. Hoy han aparecido un par de artículos en A List Apart que he encontrado interesantes. No sé qué opinaréis vosotros. El primer artículo es CSS Swag: Multi-Column Lists http://www.alistapart.com/articles/multicolumnlists . Habla de partir una lista en varias columnas (algo que tuve que hacer hace un tiempo) y examina varias formas de hacerlo. En mi caso, tuve que hacer una lista en dos columnas y terminé haciendo dos listas y flotándolas una al lado de la otra. Parece que todavía no hay una manera fácil de hacerlo. La más sencilla y que conserva la semántica de la lista es la primera (flotando los li), pero los elementos se reparten por filas en vez de por columnas. En otros casos hay que partir la lista en tantas listas como columnas o aumentado el CSS con clases y más clases, dificultando la actualización del HTML. Y lo de cross-browser por ver. Parece mentira que una idea tan simple sea tan complicada de implementar, no? El otro artículo, Introducing the CSS3 Multi-Column Module http://www.alistapart.com/articles/css3multicolumn , habla de propiedades CSS propuestas para CSS3 (parece que Firefox 1.5 ya las implementa) para repartir el texto en varias columnas, con sólo cuatro líneas CSS, en lugar de usar javascript (del cual también habla), o flotar capas. Supongo cuando CSS3 sea habitual podremos repartir texto y listas en columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que no soportan CSS3. No sé qué opinaréis. A mi me han parecido interesantes estos dos artíuclos juntos, aunque no dicen nada más que bueno, esto es lo que hay de momento, lo que ganas por un lado lo pierdes por otro. Un saludo Gael ___ 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] Listas y texto en columnas en alisapart
Hola Adriana!
Sí, es una manera de hacer una lista en dos columnas. El problema que le veo
es la difícil actualización: cuando tengamos que añadir un elemento en medio
de la lista tendremos que cambiar las clases de los subsiguientes elementos.
No se puede tener todo... y en este caso menos. :)
Un saludo!
Gael
At 09:18 28/09/2005 +0200, you wrote:
Buenas,
Una manera de hacer una única lista a dos columnas muy sencilla
Solo con dos clases
.fleft{clear:left; flota:left;}
.fright{clear:right; flota:right;}
ul
li class=fleftElemento/li
li class=frightElemento/li
li class=fleftElemento/li
li class=frightElemento/li
/ul
Espero que os sirva..
saludos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gael
Enviado el: martes, 27 de septiembre de 2005 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Listas y texto en columnas en alisapart
Hola!
No acostumbro a debatir en la lista, porque la mayoría me dais mil vueltas,
y me dedico a aprender de lo que escribís. Hoy han aparecido un par de
artículos en A List Apart que he encontrado interesantes. No sé qué
opinaréis vosotros.
El primer artículo es CSS Swag: Multi-Column Lists
http://www.alistapart.com/articles/multicolumnlists . Habla de partir una
lista en varias columnas (algo que tuve que hacer hace un tiempo) y examina
varias formas de hacerlo. En mi caso, tuve que hacer una lista en dos
columnas y terminé haciendo dos listas y flotándolas una al lado de la otra.
Parece que todavía no hay una manera fácil de hacerlo. La más sencilla y
que conserva la semántica de la lista es la primera (flotando los li), pero
los elementos se reparten por filas en vez de por columnas. En otros casos
hay que partir la lista en tantas listas como columnas o aumentado el CSS
con clases y más clases, dificultando la actualización del HTML. Y lo de
cross-browser por ver.
Parece mentira que una idea tan simple sea tan complicada de implementar,
no?
El otro artículo, Introducing the CSS3 Multi-Column Module
http://www.alistapart.com/articles/css3multicolumn , habla de propiedades
CSS propuestas para CSS3 (parece que Firefox 1.5 ya las implementa) para
repartir el texto en varias columnas, con sólo cuatro líneas CSS, en lugar
de usar javascript (del cual también habla), o flotar capas.
Supongo cuando CSS3 sea habitual podremos repartir texto y listas en
columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que
no soportan CSS3.
No sé qué opinaréis. A mi me han parecido interesantes estos dos artíuclos
juntos, aunque no dicen nada más que bueno, esto es lo que hay de momento,
lo que ganas por un lado lo pierdes por otro.
Un saludo
Gael
___
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] IETab - extensión para Firefox
At 17:31 08/11/2005 +0100, you wrote: On 11/8/05, Martin Szyszlican [EMAIL PROTECTED] wrote: A mi me abrió directamente en un nuevo tab, pero yo tengo una extensión (no pude encontrar el nombre, asi que tal vez sea una configuración) que hace que todas las cosas que se van a abrir en ventana nueva (popups de java, links _blank, etc) se abran en una nueva tab. me parece que te debes estar refiriendo a TabBrowser Preferences Está arreglada ya la TabBrowser Preferences y funciona de nuevo correctamente con Firefox 1.0.6? Gael ___ 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] IETab - extensión para Firefox
At 11:05 10/11/2005 +0100, you wrote: Está arreglada ya la TabBrowser Preferences y funciona de nuevo correctamente con Firefox 1.0.6? no lo sé, yo ahora mismo tenía instalada la 1.2.8.7 y sin problemas, aunq la tengo instalada desde hace mucho tiempo y a base de actualizaciones. Cuando he probado de instalarla en algún equipo nuevo me daba problemas siempre (no se que version instalaba). Ahora leyendo, he descubierto Tab Mix Plus que según veo comentado en muchos sitios, es aún mejor q TabBrowser Preferences. Voy a echarle un vistazo. Bueno... formateo, reinstalo el sistema, y le echo un vistazo xD PD: alguna manera de de conservar mis extensiones de un formateo a otro? Tengo la versión 1.2.7.1 de TabBrowser Preferences en la oficina y funciona, no me atrevo a actualizarla. Porque la actualicé en casa y se me fastidió y tuve que desinstalarlas. Luego probaré a volverla a instalar y también Tab Mix Plus. Y eso del formateo (primero pensaba que era coña), jeje, sobrevive algo a un formateo? No sé, hazte una copia de un backup con MozBackup. Un saludo Gael ___ 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] IETab - extensión para Firefox
Nada, he instalado la última versión de TabBrowser Preferences y sigue igual. A lo mejor es un conflicto con otra extensión. Aparece un %tabprefsDTD; Dejo aquí una captura de pantalla: http://img488.imageshack.us/my.php?image=tabprefs6rt.gif Eso sí, Tab Mix Plus está de fábula. Y si consigo adivinar cómo se hace eso del Deshacer cerrar pestañas ya será la bomba. Gael At 16:59 10/11/2005 +0100, you wrote: no lo sé, yo ahora mismo tenía instalada la 1.2.8.7 y sin problemas, aunq la tengo instalada desde hace mucho tiempo y a base de actualizaciones. Cuando he probado de instalarla en algún equipo nuevo me daba problemas siempre (no se que version instalaba). Ahora leyendo, he descubierto Tab Mix Plus que según veo comentado en muchos sitios, es aún mejor q TabBrowser Preferences. Voy a echarle un vistazo. Bueno... formateo, reinstalo el sistema, y le echo un vistazo xD Tengo la versión 1.2.7.1 de TabBrowser Preferences en la oficina y funciona, no me atrevo a actualizarla. Porque la actualicé en casa y se me fastidió y tuve que desinstalarlas. Luego probaré a volverla a instalar y también Tab Mix Plus. ___ 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] Texto encolumnado
Ya decía yo que me sonaba haber leído un artículo sbre eso: http://www.alistapart.com/articles/css3multicolumn/ Como ha dicho Federico, con CSS3. Creo que el artículo también habla de algo hecho con javascript. Saludos! Gael ___ 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] Firefox 1.5 Oficial - Extensiones que no soporta( aún )
Acabo de instalar el firefox 1.5. Estas extensiones sí que son compatibles: DOM Inspector PDF Download IE View SessionSaver DictionarySearch BBCode Fasterfox Web Developer Tab Mix Plus Aardvark Mouse Gestures Y estas otras todavía no lo son: miniT (drag+indicator) View formatted source fireFTP Bookmarks Synchronizer SEOpen La de cosas que tenía instaladas y ya no me acordaba! Creo que voy a hacer limpieza porque la mitad no las utilizaba. En cuanto a temas, me han quedado sólo un par compatibles. ___ Gael Piguillem i Boladeras BDP SOFTWARE Ibernyx SL ___ 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] Ya ha salido Internet Explorer 7
Tampoco tendrá las extensiones de firefox :P Pedro Moreno escribió: posteando desde gmail con ie7 y de momento sin problemas. he probado diseños tableless y parece ser que traga bien y corrige bastantes interpretaciones malas de la version anterior. te hace visitar el maldito MSN hasta que configuras para que sea google. de momento me está gustando ... pero a ver cuanto tardan en salir petachos para esos previsibles agujerazos de seguridad... 2006/10/19, sn [EMAIL PROTECTED]: no doy crédito. se parece a firefox? es bueno? respeta los estándares? increible. ___ 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] Ya ha salido Internet Explorer 7
Hola! He encontrado esto de casualidad, ya que no estaba buscando nada del IE7. Pero ya que he dado con ello y estamos comentando el tema, os lo paso por si os interesa: How to Block IE7 Auto-Update http://ffextensionguru.wordpress.com/2006/10/17/how-to-block-ie7-auto-update/ Saludos ___ 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] Lista de definiciones como en un diccionario
Hola!
Me estoy peleando con una lista de definición. Quiero que los elementos
aparezcan como en un diccionario: cada definición en un bloque, una
encima de la otra y, en cada elemento el término (en negrita, por
ejemplo) y, a continuación, la definición sin indentar ni nada.
En Firefox queda tal y como esperaba, pero en Internet Explorer 6 no,
para variar. Seguro que me estoy dejando alguna tontería, pero cuantas
más vueltas le doy menos lo consigo. Alguien me puede echar una mano,
por favor?
Un saludo y gracias!
HTML:
dl
dtItem 1:/dtdd Definición 1./dd
dtItem 2:/dtdd Definición 2, muy larga para que ocupe más de una
línea y las siguientes líneas, sin sangría, empiecen alineadas a la
izquierda con el término y tal y cual./dd
dtItem 3:/dtdd Definición 3 bla bla bla./dd
/dl
CSS:
dl {
margin: 0;
padding: 0;
}
dt {
float: left;
margin: 0;
padding: 0;
font-weight: bold;
}
dd {
float: left;
margin: 0;
padding: 0;
}
Gael
___
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] Lista de definiciones como en un diccionario
Muchísimas gracias inti! Es perfecto.
inti castro escribió:
On 11/23/06, Gael [EMAIL PROTECTED] wrote:
Me estoy peleando con una lista de definición. Quiero que los elementos
aparezcan como en un diccionario: cada definición en un bloque, una encima
de la otra y, en cada elemento el término (en negrita, por ejemplo) y, a
continuación, la definición sin indentar ni nada.
a ver con esto:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
title/title
style type=text/css
dl, dl * { margin: 0; padding: 0; }
dt {
float: left;
width: auto;
padding-right: .25em;
font-weight: bold;
font-variant: small-caps;
}
dd {
display: block;
}
/style
/head
body
dl
dtItem 1:/dt
ddDefinición 1./dd
dtItem 2:/dt
ddDefinición 2, muy larga para que ocupe más de una línea y las
siguientes líneas, sin sangría, empiecen alineadas a la izquierda con el
término y tal y cual./dd
dtItem 3:/dt
ddDefinición 3 bla bla bla./dd
/dl
/body
/html
___
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] Ya está aquí (IE7)
Acaba de aparecerme el aviso de las actualizaciones automáticas de Windows... Internet Explorer 7. Y no ha sido detectado como software malintencionado. ;) ___ 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] Ya está aquí (IE7)
VirusScan 7, de McAfee. Lo de software malintencionado era broma. :) Iñaki Gorostiza escribió: Por curiosidad? Qué antivirus tienes? -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Gael Enviado el: miércoles, 29 de noviembre de 2006 10:54 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Ya está aquí (IE7) Acaba de aparecerme el aviso de las actualizaciones automáticas de Windows... Internet Explorer 7. Y no ha sido detectado como software malintencionado. ;) ___ 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] IE6 standalone
Hola! Mi cerebro fue más lento (algo habitual en mi) que mi mano e instalé Internet Explorer 7 antes de pensar en cómo probaría las cosas en IE6. Hay alguna forma de instalar IE6 standalone? Es fiable (a pesar de ser de Miscrosoft, quiero decir si petará o no)? Supongo que no renderizará igual que lo hacía el IE6 ya que tras instalar IE7 he notado cambios en el propio explorer de Windows y tal. Pero conserva sus famosos bugs de posicionamiento, backgrounds fijos, etc.? Gracias y felices fiestas a [EMAIL PROTECTED] Gael ___ 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] IE6 standalone
Muchas gracias a todos! Veo que más o menos todas son la misma solución, basada en los paquetes que hay en evolt.org. Lo de la máquina virtual lo descarto de momento, por comodidad. :) Espero que no pete con tanto microsoft instalado ^_^ Gracias de nuevo. Felices Fiestas! Gael ___ 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] busco gif animado: pasos de creación de una web
Hola Carlos ¿Era éste? Designline - A Design Timeline http://mboffin.com/post.aspx?id=1619 Un saludo Gael carlos campderrós escribió: Hola buenas, Busco un gif animado (juraría que era un .gif y no un flash) que mostraba los pasos de crear una web en css. primero se veía la página sin estilos y luego poco a poco iba metiendo los contenedores y estilos de letras y colores y tal. Estoy bastante seguro que la vi en esta lista (seguramente hará más de un año), pero he buscado y no la encuentro. Alguien la tiene en favoritos? Saludos. ___ 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] resolución de pantalla
Hola! Precisamente te iba a recomendar la Web Developer Toolbar. Por qué dices que no funciona exactamente igual? sn escribió: salud!! conocéis alguna extensión de navegador o similar que permita emular las distintas resoluciones sin cambiar realmente la resolución de nuestro monitor? cómo testeáis vosotros el tema de las distinas resoluciones(obviamente en las que la web no se adapta automáticamente al tamaño)? se que la web developer toolbar de firefox tiene la opción de tamaño, pero no funciona exactamente cómo si cambiaras la resolución. 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] resolución de pantalla
Ok, es un método bastante chapucero, pero cuando quiero probar otras resoluciones hago lo siguiente: Uso la Web Developer Toolbar para redimensionar la ventana de Firefox, repaso cómo se ve, abro la web en IE (con IE View [1], porque IE Tab [2] conserva las barras de herramientas de Firefox) y (ahora viene la parte divertida) ajusto a ojo de buen cubero la posición y el tamaño de la ventana del IE para que tenga el mismo tamaño que la del FF. Es un método de estar por casa, pero gasto menos tiempo en esto que en buscar una extensión o cualquier historia de IE que lo haga. Supongo que IE7 tendrá alguna cosa por el estilo. Un saludo [1] http://ieview.mozdev.org/ [2] http://ietab.mozdev.org/ sn escribió: me retracto. funciona exactamente igual(ni os explico el sentido de mi confusión...). ___ 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] Curso online de accesibilidad
Gracias por informarnos del curso y por la opinión de los que ya lo habéis hecho. Acabo de apuntarme. Parece que se hace en grupos de quince alumnos durante un mes. Así que si coincidimos algunos de la lista, nos vemos también por allí... aunque aviso que soy del pelotón de los torpes de la clase ;-) Eva del Campo escribió: Hola He recibido hace unos minutos una llamada avisándome de un curso online de accesibilidad totalmente gratuito, destinado a profesionales de las TIC españoles. Las plazas son limitadas, y la cosa parece interesante... Más info y preinscripciones en: http://www.ich.es/ Eva María Brión Dorca escribió: Yo hice este mismo curso el año pasado. Al final de cada módulo, te hacen unas preguntas y ya lo apruebas. Creo que este tipo de cursos (a los on-line me refiero) deberían tener prácticas para romperte un poco la cabeza, sino son demasiado básicos. Primero te hablan de discapacidades, tipos, luego las ayudas técnicas que hay con respecto a la informática, y las pautas, puntos de validación y herramientas que facilitan el diseño web accesible. También te dan una web en la que vas viendo cómo la van haciendo accesible: primero A, luego AA y por último AAA. El curso no está mal, le puedes sacar mucho partido; pero yo pensé que nos iban a mandar a nosotros hacer esa página accesible. 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] Lista sobre PHP
Hola! A raíz de la reciente discusión sobre la validación doble A de una agenda generada en PHP y de un tema con el que me he encontrado en uno de mis proyectos, me he preguntado si habría alguna lista de distribución como esta, pero sobre PHP. Con google he encontrado algún foro, y en los archivos de la lista no veo que se haya preguntado antes, así que: ¿Alguien está suscrito a alguna lista o foro sobre PHP que sea lo que Ovillo es a las CSS? Más que nada es por no salirme de la temática de la lista. Además supongo que muchos coincidiremos también en esa otra lista. Así completamos la colección con Ovillo, Cadius, Accesoweb, javaEScript, xmlxsl... ;-) Gracias y 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] Duda sobre la mejor forma de hacer lo siguiente ...
Para completar la información, Laura, échale un vistazo a este artículo:
Revised Image Replacement
http://www.mezzoblue.com/tests/revised-image-replacement/
Ahí se plantea si es mejor el display: none para ocultar el texto, o un
text-indent: -5000px, soluciones para los casos CSS On/Imágenes Off, etc.
Juan Jorge Muñoz Herrero escribió:
Bueno, realmente sirve para que el contenido esté ahí, normalmente se verá
por la imágen, pero supón que alguien navega sin hojas de estilos o con
algún dispositivo de lectura especial, el texto de la imágen no lo leerá. Es
este punto el que crea más polémica, ya que hay quien piensa que debe
ponerse una imágen en la etiqueta img y colocar ese texto en el alt. Por
otro lado quien piensa que debería ir por css. Yo, como dije anteriormente,
pienso que pueden ser las dos, pero depende del caso, en el caso comentado,
por ejemplo, he sugerido hacerlo con una combinación de ambos métodos, de
forma que para el logotipo de la empresa se utilice la etiqueta img y su
correspondiente alt por si nos topamos con gente que desactive imágenes y
hojas de estilos, ya que es parte del contenido. Para el texto he sugerido
lo de ponerlo como background y utilizar las h1 y h2 en display none, ya que
se supone que es un texto importante, y mediante el otro método perdería
dicha importancia, con las etiquetas h1 y h2 gana más popularidad en
buscadores (me refiero a las palabras exactas, no a la página en sí), y si
visitas la página desde algun navegador de texto, lector, etc, te será más
fácil saber qué importancia tiene cada elemento.
Si tienes ópera haz una prueba, busca una página que utilice este sistema y
presiona Shift+F11
El día 12/03/07, laura [EMAIL PROTECTED] escribió:
hola
tengo dudas acerca de este tema, estaba pensando esto hace unas horas,
no vi el mensaje... ni pensé en preguntar, pero aprovecho la situación
On 3/12/07, Juan Jorge Muñoz Herrero @gmail.com wrote:
#header h1, #header h2{
display:none;}
Pregunto, al hacer display none, no dejas que se vea, para que sirve
ponerlo? .
Y otra cosa, se me ocurre que se podria poner la imagen como
background, con un z-index superior al del h1 con el texto, seria
igualmente valido, accessible y bonito?
gracias
Laura
___
--
Gael Piguillem i Boladeras
BDP SOFTWARE
Ibernyx SL
___
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] Entorno de desarrollo web
Hola! Hablando del tema... alguien conoce algún software para picar código HTML, PHP, etc. como cualquier editor de texto orientado a la programación (como UltraEdit, PHP Designer, etc.) pero con intellisense, autocompletar, sangría automática, etc.? Algo parecido al entorno de trabajo del Visual Studio (por si alguien lo ha tocado), que te sugiera atributos para los elementos HTML, que dispare avisos si un determinado atributo no está permitido en un elemento, si ponemos dos elementos con el mismo id, etc. Por mi parte y respondiendo a las preguntas del tema, uso PHP Designer y TopStyle para picar código y SSH Secure Shell para subir al servidor. Un saludo! Gael ___ 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] Estadísticas de navegadores: IE7
He estado repasando las estadísticas de visitas a las webs que tengo y me ha sorprendido el porcentaje de Internet Explorers 7... Como me temía, Internet Explorer supera de lejos a los demás. Lo que me ha sorprendido relativamente es que IE7 sólo es el 22,1% mientras que IE6 todavía es 22.1%. Firefox (con todas sus versiones) representa un 9,5%. Cuando llegó IE7 se habló en la lista de si se actualizarían muchos usuarios o no, por lo de las actualizaciones de Windows y por las licencias piratas del mismo. Creo que es una implantación más rápida que la que tuvo IE6 respecto a su anterior versión. Pero a pesar de todo, me parece lenta. Si está en las estadísticas es porque el usuario tiene conexión a internet. Entonces, tienen desactivadas las actualizaciones de Windows? Y otra pregunta, vuestras estadísticas son por el estilo? Gael P.D.: En cuanto a sistema operativos, el 90,7 % son Windows XP, un 4,4% de Windows 2000. Salvo Win 98, 2003 y Longhorn (Awstats no dice nada de Vista), el resto de sistemas operativos no pasan del 0.5%. ___ 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] Entorno de desarrollo web
Gracias a los dos. Cuando tenga un rato probaré Aptana y WeBuilder (que parece que es el Rapid PHP de Blumentals para HTML, CSS, JavaScript, PHP, etc. todo junto). Un saludo! Gael Héctor Fernández escribió: APTANA tambien trae todos estos requisitos ( baso en Eclipse y con soporte para librerías AJAX) NetVicious escribió: Hola Gael, El jueves, 15 mar 2007 a las 13:52, escribiste: Hablando del tema... alguien conoce algún software para picar código HTML, PHP, etc. como cualquier editor de texto orientado a la programación (como UltraEdit, PHP Designer, etc.) pero con intellisense, autocompletar, sangría automática, etc.? Algo parecido al entorno de trabajo del Visual Studio (por si alguien lo ha tocado), que te sugiera atributos para los elementos HTML, que dispare avisos si un determinado atributo no está permitido en un elemento, si ponemos dos elementos con el mismo id, etc. Rapid PHP http://www.blumentals.net/rapidphp/ Editor HTML, JavaScript, PHP y CSS todo en uno con todo lo que has dicho a excepción de los avisos de atributos y tal (aunque igual hay una opción) ;-) ___ 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] Viagra
Al ver el asunto del mail ya pensaba que sería spam :) Sólo puedo ayudarte con este enlace: http://www.fonts.com/findfonts/detail.htm?pid=424108grab_id=0page_id=32478query=ViagraSCOPE=Fonts Pero gratis, gratis no es... Un saludo! Gael jorge velasco escribió: Buenos Dias... Estoy necesitando Urgente la Fuente llamada Viagra alguien la tiene porfao donde la puedo descargar gratis. gracias Cordial Saludo Jorge Velasco H. Web and Graphic Designer ___ 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] nombres de selectores
Hola Diego! Hace mucho tiempo vi una página con estadísticas sobre los nombres más usados, en la que aprovechaban para hablar de la semántica de éstos. Evidentemente, sé dónde metí el enlace a esa página. Así que sólo puedo pasarte estos enlaces: Use class with semantics in mind: http://www.w3.org/QA/Tips/goodclassnames Unas estadísticas de google de diciembre de 2005: http://code.google.com/webstats/2005-12/classes.html Espero que te sirvan como punto de partida. Un saludo Gael diego burich escribió: Hola a todos, una consulta, alguien tiene a mano un link o referencia sobre recomendaciones para el uso de nombres en los selectores (class, id)? saludos! ___ 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] error al ver una imagen.
Hola! He probado con el enlace a la imagen y, efectivamente, Firefox la carga, pero IE no. No sé la solución al problema, pero como creo que el tema se está alargando demasiado para lo sencillo que tendría que ser, te doy alguna idea de qué podría ser, para que sigamos indagando. No lo he encontrado, pero hay algún parámetro caprichoso de IE que haga que no cargue imágenes de mayores que un determinado tamaño? Otra cosa, que recuerdo vagamente de hace mucho tiempo: puede ser el formato del GIF? Que sea GIF89 en lugar de GIF87... no sé. No creo que sea nada de esto, pero si os sirve para que se os encienda la bombilla... Un saludo Gael [ATINAmedia] Eduardo de la Torre escribió: Si claro... Os pongo la ruta directa a la imagen... http://www.laboteria.es/prueba/prueba.gif Yo con IE no la veo, pero con FF si. (a ver si va a ser cosa de mi pc?) Gracias. - Original Message - From: Fernando Gutierrez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, June 06, 2007 5:59 PM Subject: Re: [Ovillo] [OT] error al ver una imagen. ¿puedes pasarnos la dirección de la página en cuestión? El día 6/06/07, [ATINAmedia] Eduardo de la Torre [EMAIL PROTECTED] escribió: Sólo me pasa con esa imagen...(bueno, es la única de gran tamaño que he subido), el resto se ven perfectamente, he incluso se ve bien con el Firefox. ___ 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] Elementos de listas separados por comas
Hola! El querer ser más papista que el papa (y el no tener las cosas muy claras) me lleva a la siguiente duda. Una lista del estilo: Alumnos con tres orejas: Dorotea, Fulanito, Jaimito, Menganito, Pepito se puede marcar como ulliDorotea, /liliFulanito, /liliJaimito, /liliMenganito, /liliPepito/li/ul ? Es decir, es correcto que las comas y el espacio que las sigue después de cada elemento de la lista (excepto el último) formen parte del contenido de los li? No sé hasta qué punto las comas forman parte del contenido o de la presentación, ya que siempre que he usado listas era para menús, listas verticales, conjuntos de imágenes, etc. Si hubiera alguna alternativa que presentara las comas por CSS o algo por el estilo, serviría para los navegadores más usados hoy en día? Gracias y un saludo! Gael ___ 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] Elementos de listas separados por comas
Muchas gracias a ambos, Carlos y Almorca.
La idea de añadir las comas por CSS me gusta. Lo que no me gusta es que
en IE no se vayan a visualizar. Bueno, en realidad lo que no me gusta es
que haya tantos usuarios con IE; lo que visualice y deje de visualizar
ese navegador y cómo lo haga no me importa demasiado.
Con tiempo me miraré con detalle la librería js de Dean Edwards. Pero
por ahora también me tragaré el puritanismo e incluiré las comas en el
HTML. :-)
Gracias de nuevo. Un saludo!
Gael
Almorca escribió:
Yo estoy con Gael.
Si lo quieres hacer por css yo haría:
li + li:before {
content: ,;
}
Esto te pone la coma delante de cada li que no sea el último pero no
funciona en IE.
Si no quieres comerte el tarro pon la coma en cada li, y si no usa esto y, o
haces que las comas no se vean en IE o metes un hack para IE como
estehttp://dean.edwards.name/IE7/
.
El día 20/08/07, carlos campderrós [EMAIL PROTECTED]
escribió:
Hola Gael,
On 8/20/07, Gael [EMAIL PROTECTED] wrote:
Hola!
El querer ser más papista que el papa (y el no tener las cosas muy
claras) me lleva a la siguiente duda. Una lista del estilo:
Alumnos con tres orejas:
Dorotea, Fulanito, Jaimito, Menganito, Pepito
se puede marcar como ulliDorotea, /liliFulanito,
/liliJaimito, /liliMenganito, /liliPepito/li/ul ? Es
decir, es correcto que las comas y el espacio que las sigue después de
cada elemento de la lista (excepto el último) formen parte del contenido
de los li?
Yo soy muy puritano, y te diría q no es correcto... pero sigue leyendo
Si hubiera alguna alternativa que presentara las comas por CSS o algo
por el estilo, serviría para los navegadores más usados hoy en día?
Esa alternativa existe. Pero IE no la implementa, ni en IE7. Debido a
esto,
yo pondría la coma dentro del li (y me tragaria mi puritanismo).
li:after
{
content: ,\020; /* creo recordar q para representar el espacio lo has
de poner así, con codigo hexa */
}
li.ultimo:after
{
content: ;
}
Saludos.
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] Elementos de listas separados por comas
Gracias a todos por vuestras respuestas. Lógicamente, las comas forman parte del contenido y, como signos de puntuación que son dentro de un texto, forman parte de su contenido y no son ningún adorno. Mi duda era si la coma, como tal, formaba parte parte del elemento de la lista. Es decir, si el elemento li debía contener la coma y, en ese caso, cómo: lielemento n, /li o bien li, elemento n+1/li. Y, ya puestos, lo mismo para el espacio que sigue a la coma. Planteada la duda, me pregunté si habría forma de generar las comas por CSS, ya que la lista en sí la formaban los elementos. En cualquier caso, gracias a todos por vuestras respuestas. Por mi parte, de momento, las comas en el HTML. Un saludo! Gael LISTAS escribió: Je. Todo bien. Que con CSS puedacrearse un variable de repetición, como en este caso, la coma, no la pone fuera del contenido. La virtud de CSS es ahorrarnos sufrimiento en elementos repetitivos, pero en lo concreto (y en la medida de lo posible), al César lo que es del César, es decir: al contenido, lo que le es propio, por muy buenos inventos que tenga CSS o aportes que tenga Javascript. A.V.W. - Original Message - From: Fernando Gutierrez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, August 21, 2007 10:21 AM Subject: Re: [Ovillo] Elementos de listas separados por comas Hola LISTAS, No pretendo convertirme en abanderado de ningún integrismo gramatical. Simplemente quise hacer notar dos cosas: 1. que, en mi opinión, la coma no es en absoluto un adorno superficial sino un elemento del lenguaje. En ocasiones el uso de la coma es discrecional, pero en otras es obligatorio, como cuando se hace una relación de elementos. Para mí, si es un elemento del lenguaje y en ese caso concreto es de uso obligatorio, forma parte del contenido y no de la presentación. Por lo tanto va en el HTML y no en el CSS. 2. que, dependiendo del ejemplo concreto, las reglas css propuestas podrían no funcionar según lo esperado. Como ejemplo, mencionaba el caso de que alguno de los elementos de la lista contuviera una coma, en cuyo caso debería usarse NECESARIAMENTE el punto y coma. Dado que, a todas luces, el ejemplo propuesto por Gael no era el que motivaba en realidad su consulta a la lista, consideré adecuado aportarlo a la lista por si era de aplicación en el ejemplo real. Saludos El día 20/08/07, LISTAS [EMAIL PROTECTED] escribió: La consulta en sí habría que hacerla a la RAE y no a westa lista. Pero en afán de contribuir en la lucha contra burrocracia les comento (le comento al amigo) que la gramática es una cosa y los adornos superficiales ota. Esto quiere decir que en buen romance, TODA lista descriptiva ordenada debería redactarse de la siguiente manera: a) Si es ordinal parental (que todos tiene una relación de parentezco común: alumnos): Alumnos: . Juan; . Pedro; . Ariel. O... Alumnos: 1) Juan; 2) Pedro; 3) Ariel. Que es el equivalente a decir: Alumnos: Juan; Pedro (y) Ariel. O... Alumnos: 1) Juan; 2) Pedro (y) 3) Ariel. O... Alumnos: 1) Juan; 2) Pedro; 3) Ariel. ...en donde el último punto y coma en la lista ordinal puede reemplazar al nexo vinculante y. En listas ordinales no parentales la cosa no cambia: Alumnos: . Con dos dedos; . Con tres dedos; . Con tres dedos. El error comú es el de poner punto final (.) a la lista descriptiva. Alumnos. . Con dos dedos. . Con tres dedos. . Con tres dedos. O, por un vicio claramente publicitario, prescindir de los puntos: Alumnos . Con dos dedos . Con tres dedos . Con tres dedos Lo que descompusto a su gramática original nos daría: Alumnos. . Juan. . Pedro. . Ariel. ...en el primer caso y: Alumnos . Juan . Pedro . Ariel Lo que es, en ambos casos, una aberración gramatical. Ergo: no es coma (,) sino punto y coma (;) lo que corresponde, porque ES parte de la gramática, y por lo tanto, del contenido, puesto que no son adornos o complementos decorativos sino pura y genuinamente elementos gramaticales. A.V.W. - Original Message - From: Fernando Gutierrez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, August 20, 2007 8:31 AM Subject: Re: [Ovillo] Elementos de listas separados por comas ¡Vaya! el ejemplo es díficil de imaginar ;) Probablemente, siendo más purista aún, pudieras considerar Alumnos con tres orejas como un elemento de otra lista de nivel superior en la que se anidaría la relación de alumnos con una, dos, tres o más orejas. La coma es un signo de puntuación (uso normativo de la coma en http://buscon.rae.es/dpdI/SrvltGUIBusDPD?lema=coma2) y como tal forma parte del contenido. Es tan parte de nuestro lenguaje como el punto, el punto y coma o cualquiera de las letras de la A a la Z. El ejemplo que planteas que planteas debería escribirse como: Dorotea
Re: [Ovillo] consulta sobre lista ordenada invertida
Hola Escael Si la lista es horizontal, debería bastar con un float: right en los elementos li. Con esto el primer elemento se colocará a la derecha, el segundo tan a la derecha como pueda tocando al primer elemento y así sucesivamente. Si la lista tiene que ser vertical... hummm... no sé. Ayer, repasando listamatic [1] encontré esta lista experimental [2] que, como juego con CSS está bien, pero nada más. [1] http://css.maxdesign.com.au/listamatic/ [2] http://css.maxdesign.com.au/listamatic/experimental02.htm Un saludo Gael Escael Marrero escribió: Hola lista tengo una duda: tengo una lista ordenada con el siguiente código: ol liprimer elemento/li lisegundo elemento/li litercer elemento/li /ol lo que da como resultado esto: 1. primer elemento 2. segundo elemento 3. tercer elemento ahora viene la pregunta hay alguna forma por CSS de invertir ese orden, es decir, que quede así: 3. tercer elemento 2. segundo elemento 1. primer elemento gracias de antemano ___ 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] Centrar verticalmente input type radio
Hola! Estoy maquetando un formulario que, entre otras cosas contiene una lista horizontal de radiobuttons. El contenido de éstos no siempre tiene la misma altura (son imágenes, con distintos heights). Lo he intentado de mil maneras, pero no lo consigo. El HTML vendría a ser éste: fieldset legend.../legend ul lilabel for=...input type=radio id=... name... /img src=... alt=... //label/li lilabel for=...input type=radio id=... name... /img src=... alt=... //label/li [...] /ul /fieldset Así que se todo reduce a centrar verticalmente el input y el img dentro del label. Debería ser posible, no? Gracias y un saludo! Gael ___ 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] Centrar verticalmente input type radio
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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] Centrar verticalmente input type radio
Gracias por tu ayuda, Jaume!
He trabajado un poco a partir de tu código. Va bastante bien y, de
hecho, puedo una única lista para toda la tabla, así que no haría
falta una lista para cada fila, ya que los li tienen el float: left.
Con tu código consigo centrar verticalmente el contenido de cada li
por separado: el input type=radio y su img correspondiente (ambos
dentro de un label) aparecen centrados verticalmente.
De todas formas, no se centra verticalmente el conjunto de la lista.
Supongo que habría que hacerlo elemento a elemento, según el tamaño que
vaya a tener cada uno.
Como me explico bastante mal, pongo el ejemplo (los tamaños son lo de
menos y los bordes son para verlo más claro). Sólo hace falta una imagen
que se llame r.gif para el ejemplo:
CSS:
* {margin:0; padding:0;}
ul{
list-style: none;
width: 220px;
}
li{
width: 70px;
height: 50px;
display: block;
float: left;
border: 1px solid green;
}
label{
position: relative;
top: 25px; /* esto tendría que ser diferente para cada */
margin-top: -25px; /* label, según el height de la imagen contenida */
display:block;
border: 1px solid blue;
}
label * {
vertical-align: middle;
border: 1px solid red;
}
HTML:
form
fieldset
legendLorem ipsum/legend
ul
lilabel for=a1input type=radio id=a1 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a2input type=radio id=a2 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a3input type=radio id=a3 /img src=r.gif
width=15 height=25 alt=... //label/li
lilabel for=a4input type=radio id=a4 /img src=r.gif
width=15 height=20 alt=... //label/li
lilabel for=a5input type=radio id=a5 /img src=r.gif
width=35 height=15 alt=... //label/li
lilabel for=a6input type=radio id=a6 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a7input type=radio id=a7 /img src=r.gif
width=20 height=20 alt=... //label/li
lilabel for=a8input type=radio id=a8 /img src=r.gif
width=15 height=15 alt=... //label/li
/ul
/fieldset
/form
Visto lo visto, si nadie sabe de una solución mágica (o de una forma
diferente de marcar el conjunto de radiobuttons horizontal), me veré
obligado a maquetarlo con tablas ;-)
Un saludo!
Gael
jaume op escribió:
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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
Re: [Ovillo] Centrar verticalmente input type radio
Estoy intentando salir de mi asombro. Cuando lo consiga, trataré de
entender cómo lo has conseguido. De momento te doy las gracias por
adelantado :). Es broma, todo perfecto y entendido. Muchas gracias por
tu ayuda, Jaume!
Un abrazo.
Gael
jaume op escribió:
No XD eso no, pero haber si entiendo: tu quieres esto?
__
| |
| |
| X X |
| |
|_|
asi que he hecho de este modo sin complicaciones ten encuenta que el
LI engloba todo por eso creo que la medida mejor darsela al LI que al
LABEL
style
* {margin:0; padding:0;}
form{
line-height:100%;/*optativo*/
}
ul{
list-style: none;
width: 220px;line-height:220px;/*centra lista V*/
}
li{
width: 70px;line-height:50px;height: 50px;/*centraLI v*/
display: block;
float: left;
border: 1px solid green;
text-aling:center;/* si los quieres en el centro, optativo*/
}
img{ vertical-align:middle;}/*importante centra el texto con respecto
a la imagen*/
label{
/* label, según el height de la imagen contenida *//*yo los usaria
solo para adornos*/
border: 1px solid blue; }
label * { border: 1px solid red;
}
imput{ }/style
Bueno, a ver si asi lo arreglas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias por tu ayuda, Jaume!
He trabajado un poco a partir de tu código. Va bastante bien y, de
hecho, puedo una única lista para toda la tabla, así que no haría
falta una lista para cada fila, ya que los li tienen el float: left.
Con tu código consigo centrar verticalmente el contenido de cada li
por separado: el input type=radio y su img correspondiente (ambos
dentro de un label) aparecen centrados verticalmente.
De todas formas, no se centra verticalmente el conjunto de la lista.
Supongo que habría que hacerlo elemento a elemento, según el tamaño que
vaya a tener cada uno.
Como me explico bastante mal, pongo el ejemplo (los tamaños son lo de
menos y los bordes son para verlo más claro). Sólo hace falta una imagen
que se llame r.gif para el ejemplo:
CSS:
* {margin:0; padding:0;}
ul{
list-style: none;
width: 220px;
}
li{
width: 70px;
height: 50px;
display: block;
float: left;
border: 1px solid green;
}
label{
position: relative;
top: 25px; /* esto tendría que ser diferente para cada */
margin-top: -25px; /* label, según el height de la imagen contenida */
display:block;
border: 1px solid blue;
}
label * {
vertical-align: middle;
border: 1px solid red;
}
HTML:
form
fieldset
legendLorem ipsum/legend
ul
lilabel for=a1input type=radio id=a1 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a2input type=radio id=a2 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a3input type=radio id=a3 /img src=r.gif
width=15 height=25 alt=... //label/li
lilabel for=a4input type=radio id=a4 /img src=r.gif
width=15 height=20 alt=... //label/li
lilabel for=a5input type=radio id=a5 /img src=r.gif
width=35 height=15 alt=... //label/li
lilabel for=a6input type=radio id=a6 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a7input type=radio id=a7 /img src=r.gif
width=20 height=20 alt=... //label/li
lilabel for=a8input type=radio id=a8 /img src=r.gif
width=15 height=15 alt=... //label/li
/ul
/fieldset
/form
Visto lo visto, si nadie sabe de una solución mágica (o de una forma
diferente de marcar el conjunto de radiobuttons horizontal), me veré
obligado a maquetarlo con tablas ;-)
Un saludo!
Gael
jaume op escribió:
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla
[Ovillo] Lista horizontal centrada de imágenes c on pie
Hola!
Como siempre, recurro a la lista después de estarme rompiendo la cabeza
durante horas con una maldita lista. :-)
Lo que quiero conseguir es una lista horizontal centrada, la típica con:
ul { text-align: center; margin: 0 auto; }
li { display: inline; }
Pero el contenido de los elementos son imágenes con un pie de foto. Algo
así:
ul
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /Pie
de foto 1/li
liimg src=foto2.jpg width=150 height=100 alt=Foto 2 /Pie
de foto 2/li
liimg src=foto3.jpg width=150 height=100 alt=Foto 3 /Pie
de foto 3/li
/ul
De manera que, para que quede el pie bajo la foto, debería poner
img { display: block; }
con lo que el display inline de los li se va a hacer puñetas y la lista
queda vertical.
He probado con float: left en los li (pero no quedan centrados
horizontalmente), con p en los pies de foto (pero vuelve a quedar
vertical), con br / entre la foto y el pie... Probaría con listas de
definición (dt para la foto y dd para el pie) pero no todas las fotos
tendrán pie y no me convence la idea de dejar dd vacíos.
Alguien sabe cómo conseguirlo? Cómo centrar horizontalmente una lista
con elementos de bloque o cómo conseguir el mismo efecto con otro marcado?
Muchas gracias!
Gael
___
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] Lista horizontal centrada de imágenes c on pie
Gracias por la ayuda a ambos.
Mariano, tu propuesta no me termina de ir bien. Te comento: las imágenes
no siempre tendrán la misma altura, con lo que la posición absoluta del
span no va bien. Uno, que es caprichoso, ya ves.
Javier, no consigo, poniendo un br, que la lista sea horizontal o que me
quede centrado horizontalmente, cada foto con su pie. Por eso descarté
también este método.
Igual lo intento con una lista de definición en cada li, con la imagen
en el dt y el pie en el dd. Pero me parece algo recargado para hacer una
simple lista de fotos con un pie. Vamos, que opino que es matar moscas a
cañonazos.
Así que si a alguien se le ocurren más posibilidades, le estaré
agradecido. :-)
Un saludo!
Mariano Neyra escribió:
No se si así te vale.
ul { width: 900px; text-align: center; border: 1px solid green }
li { display: inline; position:relative; margin: 0 auto; border: 1px
solid red}
li span { position: absolute; top: 100px; left: 0; }
ul
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /
spanPiede foto 1/span
/li
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /
spanPiede foto 1/span
/li
liimg src=foto2.jpg width=150 height=100 alt=Foto 2 /
spanPie
de foto 2/span/li
liimg src=foto3.jpg width=150 height=100 alt=Foto 3 /
spanPie
de foto 3/span/li
/ul
Espero que si.
Saludos, Mariano
Javier Trejo escribió:
La opción del br / y un text-align: center no da el efecto que vos querés?
Quizás yo te interpreté mal.
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gael
Enviado el: lunes, 05 de noviembre de 2007 12:18
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Lista horizontal centrada de imágenes con pie
Hola!
Como siempre, recurro a la lista después de estarme rompiendo la cabeza
durante horas con una maldita lista. :-)
Lo que quiero conseguir es una lista horizontal centrada, la típica con:
ul { text-align: center; margin: 0 auto; }
li { display: inline; }
Pero el contenido de los elementos son imágenes con un pie de foto. Algo
así:
ul
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /Pie
de foto 1/li
liimg src=foto2.jpg width=150 height=100 alt=Foto 2 /Pie
de foto 2/li
liimg src=foto3.jpg width=150 height=100 alt=Foto 3 /Pie
de foto 3/li
/ul
De manera que, para que quede el pie bajo la foto, debería poner
img { display: block; }
con lo que el display inline de los li se va a hacer puñetas y la lista
queda vertical.
He probado con float: left en los li (pero no quedan centrados
horizontalmente), con p en los pies de foto (pero vuelve a quedar
vertical), con br / entre la foto y el pie... Probaría con listas de
definición (dt para la foto y dd para el pie) pero no todas las fotos
tendrán pie y no me convence la idea de dejar dd vacíos.
Alguien sabe cómo conseguirlo? Cómo centrar horizontalmente una lista
con elementos de bloque o cómo conseguir el mismo efecto con otro marcado?
Muchas gracias!
Gael
___
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] ¿Se os cierra Firefox él sol ito?
Hola! A mí me pasa en un equipo con la 2.0.0.9. En según qué página firefox peta. Lo he arrancado en modo seguro, desactivando todas las extensiones y he activado las mínimas para trabajar. Cuando tenga tiempo seguiré activando el resto una a una a ver cuál falla. Lo que también me pasa es que si cargo en una pestaña una páginas con flash, o video en flash (como youtube, etc.), e intento cambiar de pestaña o cerrarla, tarda varios segundos en hacerlo. Un saludo Gael Magi Carbonell escribió: A mi también me pasa, pero pensaba que culpa de que trabajo en linux64 y tenia problemas con el flash player, pero últimamente es un cachoendeo. Alguien sabe que pasa? On Nov 21, 2007 4:46 PM, Rodrigo Álvarez Virgós [EMAIL PROTECTED] wrote: Hola, Ovillo ¿Os pasa que desde la versión 2.0.0.6 Firefox da un error y se os cierra con ciertas páginas? Es un coñazo tener que volver a abrir el navegador y restaurar sesión cada poco. Y Googleando un poco he visto que no soy el único... En mi caso me he dado cuenta de que se me cierra el Firefox cada vez que una página usa el Google Analytics de los... ¬_¬ ¿A alguien más de por aquí le pasa? ¿Alguien sabe a qué se debe? ¿Será culpa de alguna extensión? ¿Hay un parche que lo solucione? ___ 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] Banco de Images Free
Hola, En http://www.bluevertigo.com.ar/ tienes enlaces, entre otras muchas cosas, a bancos de imágenes, algunas de las cuales gratuitas. Espero que sea de utilidad. Rodrigo Ascariz escribió: Hola a todos y sobre todo a todas…. Estoy buscando banco de imágenes que sean Free, sabéis alguna pagina web con esas características. ___ 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] Supermacarrada CSS: Homer en CSS
Qué bueno! Me recuerda a una Giocconda y un snoopy enormes de hace más de veinte años que tenía en casa, hechos en ASCII e impresos por una impresora de papel continuo. Lo mejor es seleccionarlo, copiar y pegarlo en el bloc de notas. :) Un saludo Tei escribió: Como demostracion de la potencia de posicionamiento absoluto de CSS, alguien ha dibujado el careto de un conocido personaje de la televisión: http://www.romancortes.com/blog/homer-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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Resultados de Google
Hola, Desde mi ignorancia, lo corroboro: [ATINAmedia] Eduardo de la Torre escribió: 1º No depende de pagar o no pagar. 2º No depende de la relevancia del sitio 3º Ayuda mucho (muchíiiisimo) hacer un google sitemap. 4º Poner a cada sección de la Web, un título descriptivo. 5º Poner dentro de la Web, enlaces internos de texto, descriptivos. 6º Dejar pasar el tiempo. En mi caso generé mi primer sitemap y al cabo de unas horas... Sorpresa! Aparecieron esos enlaces en los resultados de la búsqueda de google. Es más, creo que lo hice a raíz de enterarme (no recuerdo dónde) que el sitemap facilitaba tanto esa faena a google. También procuro poner titles y titulares (hn) a las páginas y enlaces con textos y titles descriptivos. Pero me imagino que, principalmente, se debe al sitemap. Tampoco hemos pagado nada a nadie por ello ;-). Aquí fue donde empecé a informarme sobre los sitemaps. También hay un generador: https://www.google.com/webmasters/tools/docs/en/protocol.html Un saludo Gael ___ 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] Google Chrome
Alternativas al comic que explica las maravillas de Chrome: http://www.theregister.co.uk/2008/09/02/google_chrome_comic_funnies/ Sacado de la página de Eric Meyer, http://meyerweb.com/eric/thoughts/recent-links/ Por mi parte, tras probarlo un poco, lo veo rápido y sin los cuelgues al que me tenía acostumbrado firefox en algunas ocasiones. De todas maneras aún le queda camino por recorrer. Además del problema con el texto en un textarea de un foro phpBB que ha comentado antes Rodrigo, echo en falta la barra de título (cuando tengo mil pestañas abiertas, éstas son tan pequeñas que no cabe el título en cada una de ellas), me sobra la barra de favoritos (preferiría un desplegable) como el de las herramientas y más cosas que irán saliendo. Curiosa la ventana para navegar de incógnito, jeje. Gael Rodrigo Álvarez Virgós escribió: Por otro lado he detectado algo que supongo será un bug: en un textarea, a veces desaparecen letras (o palabras enteras) y vuelven a aparecer según vas escribiendo. Lo he visto posteando en un foro phpBB, y es un poco desconcertante. Tamara Forza escribió: Acabo de recibir este enlace, muy interesante y divertido. http://www.google.com/googlebooks/chrome ___ 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] Semantica h1
Hola!
Uf, este hilo me recuerda a un artículo de David Shea de hace un puñao
de años, Revised Image Replacement:
http://www.mezzoblue.com/tests/revised-image-replacement/
Al principio tiene un link a un artículo de este año, sobre lo que
Google interpreta con los métodos expuestos:
http://mezzoblue.com/archives/2008/05/05/image_replac/
Un saludo!
Gael
sebastian garcia-valenciano escribió:
de las varias soluciones que habeis aportado:
1. El uso de javascript: lo veo muy instrusivo en el código, y más
pudiéndose usar otra alternativa
2. Poner el logo de fondo al H1 me parece correcto, pero esconder el texto
con text-indent: -1000px; es dañino porque si accedemos con la opción no
mostrar imágenes lo perdemos todo.
3. propongo una alterntiva similar a la anterior mejor más correcta: (la
usada en panoramio.com)
Crear un h1, y dentro de éste un span. A este span se se coloca la
imagen de fondo. Al h1 y al span se le da el mismo tamaño, y usando
z-index colocamos visualmente el span por delante del h1. Al ver la web
sin imágenes, veremos el texto del H1 en su sitio.
En cuando a accesible lo veo mu correcto, semánticamente no veo incorrecto
meter un span sin contenido dentro de un H1.
el código (extraído de panoramio.com )
h1 id=panoramiospan class=img/spanPanoramio/h1
h1 span.img
{
display: block;
position: absolute;
left: 0pt;
top: 0pt;
z-index: 1;
}
h1#panoramio, h1#panoramio span.img
{
width: 307px;
height: 72px;
}
h1#panoramio span.img
{
background-image: url(/img/logo-panoramio-google.v1.gif);
}
saludos
sebas
___
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
