Re: [Ovillo] Tabs con rollover
Hola,
Sin el diseño y sin ver las imágenes con las que pretendes
trabajar me ha costado algo "adivinar" el efecto que
verdaderamente presigues. Pero basándome en el concepto
y tu código, te comento.
Si persigues repetir este esquema para todos los items:
La solución pasa por asignar al elemento < a > las dimensiones
adecuadas (y no al li), según el tamaño de tu background
para el rollover:
.registro:link,
.registro:active,
.registro:visited {
width: 122px;
height:47px;
background-image: url(../images/tab_register_00.png) no-repeat;}
.registro:hover {
background-image: background:url(../images/tab_register_01.png)
no-repeat; }
Te recuerdo que definas también las pseudoclases :active y :visited
por si es otro factor del problema. Y añadir a todo esto la pseudoclase
:focus, como comentaba Jorge, para conseguir el efecto de "elemento
seleccionado".
Espero que te sirva de ayuda.
Si no es la solución, a ver si nos puedes referenciar gráficamente el
efecto en el caso de que exista otra solución que no requiera JS :)
Un saludo!
--
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.com
- Original Message -
From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Friday, May 26, 2006 9:48 PM
Subject: Re: [Ovillo] Tabs con rollover
Gente:
Me esta dando problemas el rollover, pense que lo habia hechado a andar pero
nada. Miren el código del CSS:
#cabecera {
position: absolute;
width: 760px;
height: 106px;
background: url(../images/banner.png) no-repeat; }
#cabecera ul {
position: absolute;
top: 51%;
left: 19.5%;
list-style: none;
margin: 0;
padding: 0;
}
#cabecera li {
padding: 0;
list-style: none;
display: block;
float: left;
width: 122px;
height: 47px
}
#cabecera li.registro, #cabecera li.registro a:link{
background:url(../images/tab_register_00.png) no-repeat; }
#cabecera li.captura, #cabecera li.captura a:link { background:
url(../images/tab_capture_00.png) no-repeat; }
#cabecera li.impresion, #cabecera li.impresion a:link { background:
url(../images/tab_print_00.png) no-repeat; }
#cabecera li.entrega, #cabecera li.enterga a:link { background:
url(../images/tab_delivery_00.png) no-repeat; }
#cabecera li.reportes, #cabecera li.reportes a:link { background:
url(../images/tab_reports_00.png) no-repeat; }
#cabecera li.registro a:hover {
background:url(../images/tab_register_01.png) no-repeat; }
#cabecera li.captura a:hover{ background: url(../images/tab_capture_01.png)
no-repeat; }
#cabecera li.impresion a:hover{ background: url(../images/tab_print_01.png)
no-repeat; }
#cabecera li.entrega a:hover{ background: url(../images/tab_delivery_01.png)
no-repeat; }
#cabecera li.reportes a:hover{ background: url(../images/tab_reports_01.png)
no-repeat; }
Y el HTML:
Se preguntaran para que son los ID y es para luego trabajar con el elemento
seleccionado segun anduve indagando en Google. Que pasa que no lotro el
rollover correctamente? A y como poner enlace a los LI que estan arriba? Son
Imagenes simplemente no tienen texto por ningun lado
--
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo
no estoy seguro.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
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] como pasar parameros css????
A lo mejor peco de "simple", pero, como diseñador y más
amigo del código que está del lado del cliente (ASP, PHP
se me escapan), ¿no cabe preguntarse con qué variables
deseas trabajar / qué efecto deseas conseguir?
Eso si, con JS puedes controlar muchas de estas variables
(ancho del marco de tu web según la resolución de pantalla
del usuario, por poner un ejemplo). ¿Pero a lo mejor estamos
hablando, en este caso concreto que expones, de un simple
porcentaje?
#ejemplo {width:40%; height:210px; padding:5px; float:right;}
Si es una tontería lo que digo, disculpadme :)
Abel
- Original Message -
From: "Yoandy del Toro" <[EMAIL PROTECTED]>
To:
Sent: Saturday, May 27, 2006 8:03 AM
Subject: [Ovillo] como pasar parameros css
El temas es que yo quiero saber si se le puede pasar parametros a una
css
en ves de ponerle valores etaticos.??
ejemplo {width:90px; height:210px; padding:5px; float:right;}
sustituir 90 px por alguna variable la cual tomaria valores
posteriormente.
En caso de poder hacerlo como seria??.
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://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] orientacion del texto
La propiedad writing-mode (CSS3) solo funciona
en IE. En FF, Opera y demás verás el texto de
manera horizontal:
CSS:
#textovertical {writing-mode: tb-rl; filter: flipv fliph}
XHTML:
Lorem ipsum
No sé si con JS se podría hacer algo al respecto.
Para ir a lo fácil: gif / png (a tu gusto :-P)
---
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.com
- Original Message -
From: "lestrobe" <[EMAIL PROTECTED]>
To: "css"
Sent: Saturday, May 27, 2006 12:40 PM
Subject: [Ovillo] orientacion del texto
¿se puede orientar el texto,de abajo arriba?
es decir de forma vertical. cambiando la direccion
algo asi para que me entendais
http://www.caribena.com.br/ROTULOV3.GIF
o para conseguir este efecto tengo que hacerlo de
forma grafica con una imagen de fondo.
la idea que tenia es que el texto fuese
un enlace asi que la solucion grafica no es
muy adecuada creo yo
¿que soluciones se os ocurren?
muchas 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
Re: [Ovillo] orientacion del texto
Fe de erratas:
Lorem ipsum
:-P
- Original Message -
From: "Abel Sutilo" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Saturday, May 27, 2006 3:09 PM
Subject: Re: [Ovillo] orientacion del texto
La propiedad writing-mode (CSS3) solo funciona
en IE. En FF, Opera y demás verás el texto de
manera horizontal:
CSS:
#textovertical {writing-mode: tb-rl; filter: flipv fliph}
XHTML:
Lorem ipsum
No sé si con JS se podría hacer algo al respecto.
Para ir a lo fácil: gif / png (a tu gusto :-P)
---
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.com
- Original Message -
From: "lestrobe" <[EMAIL PROTECTED]>
To: "css"
Sent: Saturday, May 27, 2006 12:40 PM
Subject: [Ovillo] orientacion del texto
¿se puede orientar el texto,de abajo arriba?
es decir de forma vertical. cambiando la direccion
algo asi para que me entendais
http://www.caribena.com.br/ROTULOV3.GIF
o para conseguir este efecto tengo que hacerlo de
forma grafica con una imagen de fondo.
la idea que tenia es que el texto fuese
un enlace asi que la solucion grafica no es
muy adecuada creo yo
¿que soluciones se os ocurren?
muchas 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
___
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] Tabs con rollover
Hola, a ver si algo así es lo que buscas: http://www.abelsutilo.com/documentos/ovillo/tabs_con_rollover/ (1 lista, 5 items y cada uno con backgounds :link/:hover diferentes) Tienes el codigo CSS embebido en el XHTML y comentado. Ya me comentas, --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.com - Original Message - From: "Reynier Perez Mira" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 27, 2006 2:40 AM Subject: Re: [Ovillo] Tabs con rollover Hola Abel: Mira el comportamiento es el mismo pero con imágenes diferentes. Como te podrás haber dado cuenta tengo 5 elementos LI. A cada uno de esos elementos le debo poner el efecto de rollover pero con imágenes diferentes, lo que traducido al lenguaje natural es que el primer LI no tiene la misma imagen que el 2do y asi con todos los demás. La propuesta que me haces no la entiendo muy bien. Dime si asi te queda un poco más claro el problema que intento resolver. Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] EFECTOS DE TEXTOS CON CSS O JAVASCRIPT.
Lo primero, en nombre de la lista, es de agradecer que relajes esas capitales. Tanto para el tema del post como para el mensaje, procura usar minusculas, por favor. No sé si aqui [1] encontrarás lo que buscas exactamente, pero tienes otros muchos recursos como el que comentas para disfrute de pequeños y mayores. [1] http://www.dhtmlgoodies.com/index.html PD: Si la Web donde viste aquel efecto es de "hace muchos años", personalmente no me molestaría en buscar un efecto que, quizás, hoy día no sea soportado según los estandares con los que se trabajan. Busca alternativas en el enlace que te di :) Saludos, --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.com - Original Message - From: "felipe_rguez" <[EMAIL PROTECTED]> To: Sent: Monday, May 29, 2006 4:49 PM Subject: [Ovillo] EFECTOS DE TEXTOS CON CSS O JAVASCRIPT. HACE MUCHOS AÑOS TENIA GUARDADA UNA PAGINA CON UN EFECTO QUE SI MAL NO RECUERDO ESTABA HECHO CON CSS O CON UN SCRIPT. ME EXPLICARE YA QUE NO CUENTO CON UN EJEMPLO EN ESTE MOMENTO. EL EFECTO ERA LA LETRA DE UNA CANCION EN LA CUAL CONFORME IBA AVANZANDO LAS LETRAS SE DESVANECIAN. PARA QUE LO CAPTEN MEJOR ES ALGO ASI MAS O MENOS. ME IMAGINO QUE CUALQUIERA HA VISTO CUANDO TERMINA UNA PELICULA Y CUANDO APARECE EL CREDITO DE LOS ACTORES SI OBSERVAN LAS LETRAS SE VEN COMO SI SEESTUVIERAN DESVANECIENDO. SI ALGUIEN ME PROPORCIONA ALGUNOS VINCULOS DE ESTOS EFECTOS SE LOS AGREDECERE. DE ANTEMANO GRACIAS. Disfruta el mundo del internet sin cables: Todo sobre Wifi/ WLAN. http://wlan.lycos.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] ikkaro, articulos y recursos para el webmaster
:D Precisamente hace dos días topé con este Handbook (no sé si a raiz de algún enlace aportado en la lista). Espero que siga creciendo! Es como tener mis marcadores de FF en un solo pantallazo, jeje. Felicidades por la iniciativa :) --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.com - Original Message - From: "Kitune" <[EMAIL PROTECTED]> To: Sent: Monday, May 29, 2006 5:55 PM Subject: [Ovillo] ikkaro, articulos y recursos para el webmaster Hola, aqui os dejo este Handbook de contenidos en castellano que estoy preparando, espero que os sirve de ayuda, hay varios enlaces sobre CSS. http://www.shinkitune.com/ikkaro 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://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
[Ovillo] OT: Evitar marcado de objetos Flash en IE / NS
Hola gente, vengo con un OT, pero seguro que también os ha pasado. Al actualizar pluggings en algunos navegadores con los que testeo (IE 6, NS 8) he comproado de un tiempo a esta parte que los objetos .swf dibujan una zona de marcado al hacer un *hover* sobre ellos. Para más inri, si el flash incluye interactividad, el usuario debe hacer click dos veces: la primera para "activar" el objeto, la segunda para acceder al contenido (un horror! -independientemente de que hablemos de IE, claro). Para futuros proyectos en los que precise incluir un objeto flash (por exigencias del *guión*, ya lo sabéis), me gustaría evitarle está desagradable experiencia al usuario :) ¿Sabéis cómo? ¿Con algún param quizás? Gracias --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] OT: Evitar marcado de objetos Flash en IE / NS
Fe de errata: plugins por pluggings :-P - Original Message - From: "Abel Sutilo" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Tuesday, May 30, 2006 9:14 PM Subject: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Hola gente, vengo con un OT, pero seguro que también os ha pasado. Al actualizar pluggings en algunos navegadores con los que testeo (IE 6, NS 8) he comproado de un tiempo a esta parte que los objetos .swf dibujan una zona de marcado al hacer un *hover* sobre ellos. Para más inri, si el flash incluye interactividad, el usuario debe hacer click dos veces: la primera para "activar" el objeto, la segunda para acceder al contenido (un horror! -independientemente de que hablemos de IE, claro). Para futuros proyectos en los que precise incluir un objeto flash (por exigencias del *guión*, ya lo sabéis), me gustaría evitarle está desagradable experiencia al usuario :) ¿Sabéis cómo? ¿Con algún param quizás? Gracias --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] OT: Evitar marcado de objetos Flash en IE / NS
Lo cierto es que preferí a priori consultarlo en la lista. Por mi experiencia, no sólo pasa en IE, también observo el mismo efecto en Netscape (8.0). Le echaré un vistazo a esa librería en JS que propone Geoff Stearns. Muchas gracias, Gonzalo :) - Original Message - From: "Gonzalo Alonso (Sentido Común)" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Tuesday, May 30, 2006 9:17 PM Subject: Re: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Hola Abel, Ha habido un problema de patentes con el IE (que yo sepa sólamente con este navegador). Si buscas un poco por el Google encontrarás bastante información. Puedes echarle un vistazo a esta solución: http://www.cristalab.com/tips/19891/solucion-a-problema-de-flash-en-internet-explorer-por-eolas Un saludo y suerte - Original Message - From: "Abel Sutilo" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Tuesday, May 30, 2006 9:16 PM Subject: Re: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Fe de errata: plugins por pluggings :-P - Original Message - From: "Abel Sutilo" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Tuesday, May 30, 2006 9:14 PM Subject: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Hola gente, vengo con un OT, pero seguro que también os ha pasado. Al actualizar pluggings en algunos navegadores con los que testeo (IE 6, NS 8) he comproado de un tiempo a esta parte que los objetos .swf dibujan una zona de marcado al hacer un *hover* sobre ellos. Para más inri, si el flash incluye interactividad, el usuario debe hacer click dos veces: la primera para "activar" el objeto, la segunda para acceder al contenido (un horror! -independientemente de que hablemos de IE, claro). Para futuros proyectos en los que precise incluir un objeto flash (por exigencias del *guión*, ya lo sabéis), me gustaría evitarle está desagradable experiencia al usuario :) ¿Sabéis cómo? ¿Con algún param quizás? Gracias --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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 ___ 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] Thumbnails y full view con CSS...
Hola, Ardilla Roja escribió: Saludos, Hace poco vi una galleria en CSS (thumbnails) y al hacer clic en uno, la imagen en full size se abria en un capa semitransparente que ocupaba toda la ventana del navegador... alguien tendra ese link entre sus bookmarks ? yo ya no se donde quedo... :( 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 te refieres a LightBox: http://www.huddletogether.com/projects/lightbox/ Su versión 2 mejorada: http://www.huddletogether.com/projects/lightbox2/ Que los disfrutes :) Abel. -- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] imagenes en CSS o HTML?
Hola, LaSureña escribió: > tengo que diseñar un site conteniendo imagenes como links a otras imagenes > (antes y despues); donde me conviene mas ubicarlas? en el CSS o en el > HTML?, aclaro que las imagenes deben mantenerse en todas las paginas. Cabe preguntarse: ¿Dichas imágenes son decorativas o aportan algo al contenido? ¿Podrías sustituir estas imagenes linkeadas por texto sin que suponga una pérdida de información? Si dichas imágenes hacen la función de enlaces y su texto alternativo ó la imagen en sí aporta información (ej: ), se entiende que por contexto pertenecen al contenido, luego no temas incluirlas en el HTML. Si las imágenmes son meramente decorativas, lo correcto es que la coloques como background de tus enlaces desde tu CSS. Un saludo, -- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] Cómo validar una página para consegui r el nivel A
Gema Masegosa escribió: > ¿Existe alguna página para comprobar si tu web alzanza uno de esos niveles? > Nivel A, por ejempo ¿Bastaría con que tu página validara el XHTML y el CSS? > Para validar según el nivel que te interese: http://www.tawdis.net/taw3/cms/es Saludos! -- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] IE y cursiva
Mi consejo es que uses cada cosa para lo que están hechas:
cite:first-letter {
padding-left: 2em
}
Y la itálica, te viene de "serie" ;)
Juan Llamazares escribió:
> Hola a todos. Me encuentro con un curioso problema. Tengo una hoja de
> estilo con los siguiente parámetros:
>
> p:first-letter {
> padding-left: 2em;
> }
>
> .cita {
> font-style: italic;
> }
>
> El primero me crea una sangría en la primera línea de cada párrafo. Cuando
> creo un párrafo con la clase cita, en FF me sale perfecto, con la sangría y
> la cursiva. Pero con IE (qué casualidad!) me sale el sangrado y me pone en
> cursiva la primera letra, el resto del párrafo queda en letra normal. Si
> quito el "p:first-letter" me presenta bien la cursiva en todo el párrafo.
>
> ¿Alguien me aconseja qué hacer? Gracias.
>
> Juan Carlos
>
>
--
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.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] IE y cursiva
Hola,
alberto romero escribió:
> Abel, no se recomienda confiar en los estilos "de serie" (sí usar cada
> elemento para lo que está creado, claro, ahí llevas razón).
>
>
"De serie", es una forma de hablar. No debí expresarlo así, ciertamente.
> Juan Carlos, ¿conoces la propiedad "text-indent"?
> Si se la aplicas al párrafo (no sólo a la pirmera letra) consigues el efecto
> que buscas:
> p {
> text-indent: 2em;
> }
>
Aún así sigues aconsejando a Juan Carlos el uso del párrafo, cuando
realmente
pretende emular (según su class) una cita. ¿Y si nos llevamos todos
bien? jeje:
CSS:
cite {text-indent: 2em;}
HTML:
Lorem ipsum sit dolor amet, así me lo aprendi yo
:-P
:)
> On 6/1/06, Abel Sutilo <[EMAIL PROTECTED]> wrote:
>
>> Mi consejo es que uses cada cosa para lo que están hechas:
>>
>> cite:first-letter {
>> padding-left: 2em
>> }
>>
>> Y la itálica, te viene de "serie" ;)
>>
>> Juan Llamazares escribió:
>>
>>> Hola a todos. Me encuentro con un curioso problema. Tengo una hoja de
>>> estilo con los siguiente parámetros:
>>>
>>> p:first-letter {
>>> padding-left: 2em;
>>> }
>>>
>>> .cita {
>>> font-style: italic;
>>> }
>>>
>>> El primero me crea una sangría en la primera línea de cada párrafo.
>>>
>> Cuando
>>
>>> creo un párrafo con la clase cita, en FF me sale perfecto, con la
>>>
>> sangría y
>>
>>> la cursiva. Pero con IE (qué casualidad!) me sale el sangrado y me pone
>>>
>> en
>>
>>> cursiva la primera letra, el resto del párrafo queda en letra normal. Si
>>>
>>> quito el "p:first-letter" me presenta bien la cursiva en todo el
>>>
>> párrafo.
>>
>>> ¿Alguien me aconseja qué hacer? Gracias.
>>>
>>> Juan Carlos
>>>
>>>
>>>
>> --
>> Abel Sutilo
>> Creativo / Freelancer
>> * +34 637 794 847 (ES)
>> * [EMAIL PROTECTED]
>> * www.abelsutilo.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
>>
>>
>
>
>
>
--
Abel Sutilo
Creativo / Freelancer
* +34 637 794 847 (ES)
* [EMAIL PROTECTED]
* www.abelsutilo.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] [CSS & XHTML Newbie]
Hola, Ariel B. escribió: > Estimada Gente de Ovillo, > > Quiero de uan vez por todas empezar a desarrollar mis webs completamente > en CSS separando ( de una vez por todas) diseño de contenido. > > > Me recomendarian unos recursos o tutoriales que realmente me ayuden o > evolucionar en el cambio. > > No sé si lo que acabas de hacer es un secuestro de hilo (no me quedó muy claro); en cualquier caso si lo has hecho alguien de la lista te lo hará saber :) Con respecto a lo que preguntas, deberías seguir el hilo en esta misma lista iniciado por Dj-Dom: "Información clara y precisa sobre estandares, semántica, usabilidad y demás", donde enconmtrarás enlaces más que interesantes al respecto. Si te incorporaste a la lista posteriormente a este hilo, aqui tienes algunos de dichos mensajes: http://bidwell.textdrive.com/pipermail/ovillo/2006-June/010184.html Saludos -- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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] [OT] PHP y la firma digital.
[EMAIL PROTECTED] escribió: > ¿Y esto que tiene que ver con CSS? > > > Nada, por eso Jesús lo marcó en su buenhacer como OT. Si nos dedicamos solo a responder con tirones de orejas sin aportar nada, mejor no responder, ¿no? Véase como ejemplo, mi mismo mensaje :-P Me interesa por otra parte la respuesta a la pregunta. Si alguien puede arrojar algo de luz, por favor :) > "jEsuSdA 8)" escribió: > >> Hola!: >> >> Ayer, hablando con un amigo me preguntaba a cerca de una cuestión que no >> supe responderle y que espero alguno de vosotros pueda aclararme. >> >> Resulta que quiere hacer una web en la que su cliente le solicita que la >> autentificación de usuarios se realice mediante firma digital. >> El caso es que ha solicitado información a la Fábrica Nacional de Moneda >> y Timbre y éstos le han respondido enlazando a una web de Microsoft >> donde explica como hacerlo mediante ASPX. >> >> Mi pregunta (y la de mi amigo) es: ¿No existe manera de usar la firma >> digital con PHP u otros lenguajes? >> >> ¿Existe un sistema similar alternativo para de alguna manera securizar >> los accesos y envíos de información en una web (tipo GPG o similar)? >> >> 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 > > ___ 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] Filtro CSS para Opera 8.5
Hola Orange,
Orange at GMail escribió:
> Los explorers los tengo controlados, pero Opera accede a la CSS "buena", y
> en general tiene buen soporte, pero me está haciendo la pifia en una cosita
> que me gustaría dejar cerrada.
Yo prefiero considerar a IE la escepción a la hora de hackear. Por ejemplo:
*html #identificador /*Para el puñetero IE*/{
margin:0 0 0 260px;
height:200px;}
No sé si te supone un gran problema de "reestructuración" de CSS, pero
quizás
podrías plantearlo así.
Por otro lado, una duda. ¿Para Opera 8.5 no te vale esto, por ejemplo:
html>body #identificador {/*Valores para FF y Opera*/ padding:0 0 10px 0;}?
Pregunto porque yo hago uso de Opera 7.5 y esto me funciona :)
No se me ocurre mucho más sobre el tema.
Espero que te sirva de algo :)
Un saludo
Abel
___
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] [CSS & XHTML Newbie]
Disculpa mi ignorancia al respecto. El hilo de Ariel vino a la par de otro de temática muy similar. Como comenté, el otro hilo es: "Información clara y precisa sobre estandares, semántica, usabilidad y demás", donde Ariel puede encontrar respuesta y enlaces a sus necesidades. No era mi intención importunar. Un saludo! Abel :) Ympostor escribió: > Abel Sutilo escribió: > >>> Quiero de uan vez por todas empezar a desarrollar mis webs completamente >>> en CSS separando ( de una vez por todas) diseño de contenido. >>> >>> >>> Me recomendarian unos recursos o tutoriales que realmente me ayuden o >>> evolucionar en el cambio. >>> >>> >>> >> No sé si lo que acabas de hacer es un secuestro de hilo (no me quedó muy >> claro); en cualquier caso >> > > ¿No entiendo por qué sospechaste eso? > > ___ 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] centrar div
Hola, Paradix escribió: > ¿como puedo centrar este div en medio de la pantalla, > tanto vertical como horizontalmente? > > Mirate: http://www.wpdfd.com/editorial/thebox/deadcentre3.html Saludos, Abel ___ 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] Dudas a la hora de testear con Taw
Saludos, Gema Masegosa escribió: > Estoy testeando una página en Taw. Cuando la testeo me dice : > > > "Hasta que > las aplicaciones de usuario permitan controlarlo, evite provocar destellos > en la pantalla." Mi pregunta es ¿Cómo puedo comprobar eso? Realmente las correcciones en los diferentes niveles de prioridades (1, 2 y 3) del apartado "Manual" de TAW dependen de maquetador /desarrollador Web. La Extensión Web Developer de FF o AIS para IE son herramientas para controlarlo, pero dependen enteramente de uno, del nivel que se desee alcanzar de accesibilidad y de que no se te pase algunas de las correcciones (pasa en las mejores familias) :) Como ya adelantó Miguel Angel, tienes estas herramientas para descargar en Technosite http://www.technosite.es/software.asp Un saludo! Abel. ___ 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] Dudas con SIFR
Hola Reyner, Reynier Perez Mira escribió: > Hola lista: > En mensajes anteriores pregunte como poner la fuente de mi sitio de un > tipo diferente a los normales. Me recomendaron que usara SIFR que esta > bueno. El hecho es que he estado mirando aqui: > http://wiki.novemberborn.net/sifr/How+to+use pero no logro ver un > ejemplo en concreto. Alguien que lo haya usado me puede dar una mano? > Salu2 > Al pie de esta página [1] puedes descargar todos los documentos que te hacen falta para trabajar con sIFR. Incluye un ejemplo. Esto es de la versión 2.0 de sIFR. Alguién comentó algo acerca de la versión 3.0, pero no tengo la documentación. Para aprender el "How to use" lo suyo es destriparlo (porque suele ser más divertido :-P) [1] http://www.mikeindustries.com/sifr/ Suerte! Abel ___ 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] strong o b?
Hola, me uno a la afirmación Miguel Benítez escribió: > Por otro lado quería aclarar, cuando he dicho que "b" murió hace tiempo, que > hace mucho que no veo a gente usar la b para meter negritas, y que si que > veo el uso de strong. No he dicho en ningun momento que no valide. > Claro. Si por cualquier circunstancia en un proyecto debemos hacer uso de HTML es licito enfatizar con . Otra cosa es que se vaya quedando en desuso porque la mayoría maquetamos con xHTML y usamos por lo tanto > Yo personalmente sigo prefiriendo strong. Correcto semánticamente y más > sencillo que un span con una clase. > Span es un buen recurso para formatear, pero la *spanitis* es peligrosa. Si cuando hablamos gesticulamos/pronunciamos con más fuerza una palabra es porque, efectivamente, queremos hacer énfasis. Incluir la etiqueta para lo mismo, me parece lo más correcto. Un ejemplo: Hola mundo es igual que Hola mundo A lo mejor en un futuro rediseño los textos en "naranja" se pinta de azul, por ejemplo. Class=negrita, class="naranja" pertenece a la presentación y no al contenido. Yo entiendo que es un énfasis en mi discurso y por lo tanto pertenece al contenido, independientemente de cómo lo pinte. Por otro lado clasificar asi es hipotecar la nomenclatura de etiquetas de un proyecto (y trabajando en equipo esto no suele ser cómodo). Saludos, Abel ___ 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] Creando skin accesible para DotNetNuke
Hola amigos, acabo de iniciar una tarea que intuyo se presenta árdua y dolorosa... (a menos que algunos de los presentes arroje algo de luz como de costumbre :) Pues lo dicho: el cliente administra su portal con DotNetNuke (del cual me tengo que reservar mi opinión... venga no, diré que de momento lo odio). Y debo adaptar el "skin" diseñado para el cliente, en el susodicho CMS. He hecho pruebas. Maquetando a lo tableless, como Diox manda, no hay manera de que esto se trague bien el skin. Si migro dicha maquetación en un viaje en el tiempo (unos añitos atrás, por ejemplo) y la maqueto con tablas, sí funciona. ¿Alguien ha trabajado con este bicho sin tablas? Gracias por adelantado :) -- Abel ___ 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] Modificar el texto del
Hola Nacho, Nacho F. Carreño escribió: > Hola a [EMAIL PROTECTED], > > Estoy creando un menú con listas y me encuentro con un problemilla. El código > que tengo es el siguiente: > > > Menú > Opción 1 > Opción 2 > Opción 3 > Opción 4 > > > Normalmente yo (y creo que otros compañeros en esta misma lista), maquetamos estos mismo así: Menú Opción 1 Opción 2 Opción 3 Opción 4 Definir por la tanto #menu h3 no te va a costar nada de trabajo. Si no puedes poner un hx explicanos el motivo para ayudarte :) -- Abel ___ 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] Modificar el texto del
Hola Reyner, gusto en "verte" nuevamente :)
Te comento sobbre lo que has escrito a la duda de Nacho::
Reynier Perez Mira escribió:
> Pues creo que lo estás tratando de hacer mal. Prueba de esta forma y nos
> dices que tal:
>
>
> Menú
> Opción 1
>
>
>
> ul.cssmenu {
> text-indent:-9;
> color:#000;
> background: #FFF url(images/menu.gif);
> height:75px;
> Width:180px;
> }
>
Es incorrecto suponiendo que nuestra lista aparecerá sólo una vez en el
XHTML, por lo tanto se debe vincular a la CSS con un identificador (id)
y no una clase (class) :)
Por otro lado, creo que semánticamente no es correcto incluir el texto
"Menú" donde lo has colocado (si no es así que alguien me corrija, por
favor). La etiqueta define la propiedad de la lista -desordenada
(ul) u ordenada (ol)-. Lo más apropiado para encabezar una lista podría
ser un Hx (h2, h3, h4, etc..) justo antes de dicha etiqueta .
Saludos,
Abel.
___
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] saludos. primer mensaje.
jose lopez escribió: > que este primer mensaje sirva a modo de saludo y presentación. > Bienvenido a la lista :) > y depaso mi primera pregunta: > hace poco descubrí la posibilidad de incluir código php dentro de las hojas > de estilo, lo que para mi supuso una completa revolución, dadas las > posibilidades que ello entraña. > Tienes toda la razón. Aunque como comentaba Devta en una respuesta paralela, conforme añades tecnologías, restas profesionales que puedan llevarla a cabo. Estar en todos sitios es complicado (no imposible), pero va en detrimento de la especialización del propio profesional. En el trabajo en equipo, el concepto de poder trabajar junto a los compañeros que están del lado del servidor a través del documento CSS (además de los html generados) como punto en común me parece una gran idea. Asi conseguimos aunar conceptos: que los diseñadores/maquetadores tengamos presente la posterior labor (las cosas bonitas, vale; pero que funcionen); y que los programadores no "sacrifiquen" del todo la presentación del documento en favor de que algo funcione. Aún así, actualmente parece que lo que tiene más tirón para trabajar los documentos CSS con variables es sin duda Javascript, más cercano al maquetador/diseñador que PHP ó ASP[1] y sin sobrecarga del servidor (quizás el gran éxito de AJAX). Y con la cantidad de librerías con las que contamos a día de hoy[2], los maquetadores más torpes que apenas sabemos escribir una línea de JS tenemos muchas de las papeletas solucionadas :) [1] *CSS + ASP (Expressions) http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/recalc.asp [2] CSS + Javascript: * http://prototype.conio.net/ * http://script.aculo.us/ * http://jquery.com/ PD: Si creas una lista paralela sobre el tema, no dejes de avisar :) Saludos, -- Abel Sutilo ___ 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] Menú desplegable vertical
Nacho F. Carreño escribió: > Lo que quiero es que al pinchar en una opción se despliegue y aparezcan los > submenús de esa opción: > Aqui lo encontrarás seguramente: http://www.cssplay.co.uk/menus/index.html Saludos :) Abel ___ 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] Menú desplegable vertical
Hola Nacho, Nacho F. Carreño escribió: > Ya había visitado previamente esa Web pero no encontré ese menú que se > despliegue verticalmente. Lo más parecido que hay está en este enlace > http://www.cssplay.co.uk/menu/more.html que despliega verticalmente un texto > pero yo necesito que lo que se despliegue sean los submenús. > > Un saludo, > > Nacho > ¿Algo asi: http://tutorials.alsacreations.com/deroulant/menu-vertical.htm# ? La fluidez del despliegue la controlas en JS, claro está. Tienes más en: http://css.maxdesign.com.au/listamatic/ (Links to other lists) Saludos, Abel ___ 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 dentro de listas: Controlando el elemento LI padre
Saludos, Vuelvo con todo un clásico, pero con un tema muy concreto al respecto. La idea es controlar todos los ítems de la lista sin usar id o class. El problema: cómo "pintar" de manera diferente el item que precede a la sublista (en el ejemplo Item 2). Más detalles: EL BOCETO: http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif Tenemos 3 estados genéricos en los items, como podéis ver: 1. Enlace "normal" 2. Enlace "cabecera de submenú" ( que predece a la sublista) 3. Enlaces del submenú EL PROBLEMA: En el caso que me ocupa no puedo controlar el XHTML con clases o identificadores ya que el código del menú se genera dinámicamente. Hay que preveer incluso que el menú crezca en opciones y sublistas (pero eso lo hablamos en otro mensaje más adelante xD). Tenemos que enfrentarnos al código pelado...: Item 1 Item 2 Item 2.1 Item 2.2 Item 3 etc... ...y controlarlo desde CSS. TEORÍAS PERSONALES (inventiva al poder): Desde CSS se puede "pintar" perfectamente los ítems de la sublista. Por ello se me ocurrió pensar que quizás podía existir una pseudoclase como :first-child pero a la inversa. Es decir, en vez de controlar al primer hijo, controlas al padre desde dicho hijo... ¿Mi imaginación va más allá de CSS o existe algo así? No encontré nada en la especificación. ¿Qué solución le veis? Gracias por la ayuda. -- Abel ___ 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 dentro de listas: Controlando el elemento LI padre
Fe de erratas: Abel Sutilo escribió: > Saludos, > > Tenemos que enfrentarnos al código pelado...: > > Item 1 > Item 2 > > Item 2.1 > Item 2.2 > > Item 3 > etc... > > ...y controlarlo desde CSS. > > El codigo generado es más bien algo asi: Item 1 Item 2 Item 2.1 Item 2.2 Item 3 etc... Y esto se genera sólo y es inamovible :_( Gracias por la ayuda, Abel ___ 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 dentro de listas: Controlando el elemento LI padre
Jorge Rumoroso escribió:
>
> Pues si que debería poder ser revisardo, pues el hijo del elemento "ul" sólo
> puede ser el elemento "li".
>
> www.niquelao.net
>
Hola,
Por tu respuesta creo que ó no me has entendido ó no me expresado con
claridad. Si revisas mi post original (no al segundo que he escrito como
aclaración) quizás comprendas a lo que me refiero. De todas formas
vuelvo a insistir por si alguien tiene una idea.
Premisas:
Se trata de pintar con CSS una lista para un menú sin usar id o class
(sólo por herencias).
XHTML:
Item 1
Item 2
Item 2.1
Item 2.2
Item 3
etc...
CSS:
ul{}
ul li{}
ul li a{}
ul li ul{}
ul li ul li {}
ul li ul li a {}
Hasta ahi sin problemas.
Problema:
El prolema es que aquellos Items que preceden a la lista anidada llevan
un diseño diferente a aquellos que no preceden a una lista anidada [1]
(luego los valores de "ul li a{}" no nos valen para el Item 2 en este
ejemplo.
La pregunta:
Sin usar id o class, ¿cómo "recorcholis" puedo pintar dicho Item
que precede a la sublista de manera diferente?
¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré
nada en la especificación CSS2.
[1] Ejemplo gráfico para entenderlo mejor:
http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif
Gracias,
--
Abel
___
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 dentro de listas: Controlando el elemento LI padre
Saludos Martín,
mis comentarios abajo:
Martin Szyszlican escribió:
> [abajo mi respuesta]
>
> Abel Sutilo escribió:
>
>> Jorge Rumoroso escribió:
>>
>>
>>> Pues si que debería poder ser revisardo, pues el hijo del elemento "ul" sólo
>>> puede ser el elemento "li".
>>>
>>> www.niquelao.net
>>>
>>>
>>>
>> Hola,
>>
>> Por tu respuesta creo que ó no me has entendido ó no me expresado con
>> claridad. Si revisas mi post original (no al segundo que he escrito como
>> aclaración) quizás comprendas a lo que me refiero. De todas formas
>> vuelvo a insistir por si alguien tiene una idea.
>>
>> Premisas:
>> Se trata de pintar con CSS una lista para un menú sin usar id o class
>> (sólo por herencias).
>>
>> XHTML:
>>
>> Item 1
>> Item 2
>>
>> Item 2.1
>> Item 2.2
>>
>> Item 3
>> etc...
>>
>>
>>
> Lo que te dice Jorge es que tu código debería tener un alrededor de
> cada
>
>
> Item 1
> Item 2
>
>
> Item 2.1
> Item 2.2
>
>
> Item 3
> etc...
>
>
Si, bueno... Es XHTML Transitional y eso ha sido una ida de pinza por mi
parte. Está claro que la lista dentro de la lista debe estar contenida
entre ... Aunque debería revisar mañana el código, porque ese XHTML
lo genera por si solo el CMS y hablamos de DotNetNuke (miedo!)... Y creo
que el código XHTML de la lista es mas bien como lo escribí en el
mensaje anterior (no cai en el error de sintáxis).
>
>
>> CSS:
>> ul{}
>> ul li{}
>> ul li a{}
>> ul li ul{}
>> ul li ul li {}
>> ul li ul li a {}
>>
>> Hasta ahi sin problemas.
>>
>> Problema:
>> El prolema es que aquellos Items que preceden a la lista anidada llevan
>> un diseño diferente a aquellos que no preceden a una lista anidada [1]
>> (luego los valores de "ul li a{}" no nos valen para el Item 2 en este
>> ejemplo.
>>
>> La pregunta:
>> Sin usar id o class, ¿cómo "recorcholis" puedo pintar dicho Item
>> que precede a la sublista de manera diferente?
>> ¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré
>> nada en la especificación CSS2.
>>
>>
> Yo opto por algo que tal vez sea poco ortodoxo, pero siempre me ha
> funcionado de maravillas: contradecirme.
> Por ejemplo:
> li { color: black }
> li li { color: red }
>
Coincido con Carlos y el método no me desagrada, pero no lo veo... A ver
si es que me estoy haciendo mayor ya, pero ¿no sigues el mismo patrón
pero con diferentes elementos ("ul li ul li{}" = "li li{}")? Corrijeme
si me equivoco por favor :)
> Entonces el li padre queda en negro y el li hijo queja en rojo. Podés
> definir cualquier propiedad para el padre siempre y cuando la
> contradigas para el hijo.
>
> li { display: inline; }
> li li { display: block; }
>
Ya. Sin embargo mi problema es que tengo dos tipos de padres (padre
tipo1: Item1/Item3; padre tipo2: Item2) y un sólo tipo de hijo (se ve en
el enlace al gráfico [1])... y sin usar class veo que esto es imposible
U_U! Javascript se divisa como posible solución. A ver qué hay por la red...
>
> Creo que es una solución a tu problema. Si a alguien le parece una
> aberración, me encantaría conocer otras ideas.
>
Gracias por la idea :)
>> [1] Ejemplo gráfico para entenderlo mejor:
>> http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif
>>
>> Gracias,
>>
>> --
>> Abel
>>
>>
>
>
___
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 dentro de listas: Controlando el elemento LI padre
Saludos Carlos.
carlos campderrós escribió:
> On 7/20/06, Abel Sutilo <[EMAIL PROTECTED]> wrote:
>
>> XHTML:
>>
>> Item 1
>> Item 2
>>
>>Item 2.1
>>Item 2.2
>>
>> Item 3
>> etc...
>>
>>
>
> Un toque de advertencia: En Strict este código es inválido (en
> Transitional no lo sé, pero lo apunto por si las moscas), los LI
> deberían contener a la lista anidada:
>
> item 2
>
> item 2.1
> item 2.2
>
>
> item 3
>
>
>> Problema:
>> El prolema es que aquellos Items que preceden a la lista anidada llevan
>> un diseño diferente a aquellos que no preceden a una lista anidada [1]
>> (luego los valores de "ul li a{}" no nos valen para el Item 2 en este
>> ejemplo.
>>
>> La pregunta:
>> Sin usar id o class, ¿cómo "recorcholis" puedo pintar dicho Item
>> que precede a la sublista de manera diferente?
>> ¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré
>> nada en la especificación CSS2.
>>
>
> Creo que no. Muchas veces he querido hacerlo y al final siempre he
> tirado de id o class... Con lo "fácil" que sería hacer unos operadores
> de selectores como:
>
> < (en contraposición a >):
>
> li < ul { /* pondría en negrita los LI padres de un UL */
>font-weight: strong;
> }
>
> - (en contraposición a +):
>
> li - li { /* pintaría de verde todos los LI que tuvieran un hermano
> menor (algo así como todos menos el :last-child */
> color: green;
> }
>
Son operadores de selectores que creo que todos hemos echado en falta
alguna vez! :D Voy a revisar la especificación de todas formas y ya te
cuento... No sé si en CSS3 llegará algo así, pero ya están tardando!
> obviamente, si algún dia se añade a la especificación, IE no hará ni caso :D
>
Si IE hiciera caso de la especificación desaparecería la parte
"divertida" de nuestro trabajo xD
> saludos
>
>
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre
Saludos Carlos,
mi comentario abajo
carlos campderrós escribió:
> On 7/20/06, Abel Sutilo <[EMAIL PROTECTED]> wrote:
>
>> [...]
>>
>>
>>> Entonces el li padre queda en negro y el li hijo queja en rojo. Podés
>>> definir cualquier propiedad para el padre siempre y cuando la
>>> contradigas para el hijo.
>>>
>>> li { display: inline; }
>>> li li { display: block; }
>>>
>>>
>> Ya. Sin embargo mi problema es que tengo dos tipos de padres (padre
>> tipo1: Item1/Item3; padre tipo2: Item2) y un sólo tipo de hijo (se ve en
>> el enlace al gráfico [1])... y sin usar class veo que esto es imposible
>> U_U! Javascript se divisa como posible solución. A ver qué hay por la red...
>>
>
> Creo que no. Item1/ Item3 no son padres de nada, por lo tanto les
> afectaría el "li {display: inline;}", mientras que...
>
> ah no, olvídalo... el método que propuso Martín creo que falla, como
> bien dijiste... pinta diferente los LI anidados, pero no el padre de
> dichos LI...
>
>
Exacto, he ahi la cuestión. Llamar "padre" a Item1 y 3 era unicamente
por situarlos en el mismo nivel que Item2 (aunque no tuveran hijos).
Llamarlos "solteros" hubiera resultado confuso a la par que de un humor
deficiente xD. Asi que ya ves, no se puede como comentaba...
> Lástima
>
¡Dimelo a mi! A ver como lo hago :-S
Gracias de todos modos
Buen fin de semana,
Abel
___
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] el diseñador web nace o se hac e?
Hola Laura, laura escribió: > hola! > > si, me levanté filosofica hoy, jeje, perdonadme :$$ , pero es serio, > una persona cualquiera puede llegar a crear webs que sean aceptadas > por la malloria? , pensais que esa persona cualquiera con una serie de > cursos, estudios, dedicacion, algun dia puede obtar tener grandes > ideas en el diseño grafico de webs? O hay que nacer para tener buen > gusto en colores o en diseños? Te contesto desde mi experiencia. A mi modo de verlo, se trata de ambas cosas. De nada sirve tener buen gusto si no educas tu vista. Actualmente creo que diseñan/maquetan webs profesionales que vienen de muchos campos... Mi orígenes, por ejemplo, están en la ilustración y la animación. Por ello creo que hay niveles: 1. Está el *aficionado a la Web*, que con conocimientos básicos y programas de fácil acceso crea sus proyectos personales. 2. Los primerizos, que apuntan maneras y tienen en bruto ese *sexto sentido* y se preocupan de aprender la parte técnica. 3. Los profesionales del medio, por cuestiones de producción, dedicamos mucho tiempo a la parte técnica y a veces nos tenemos que parar y reflexionar para recuperar la frescura de nuestro *sexto sentido*. Por eso seguimos en casa con proyectos personales para no quemar nuestra linea de diseño y seguir creciendo. 4. Y finalmente están los gurús. Esos señores que hagan lo que hagan les sale bien, bonito y técnicamente perfecto. Tan idolatrados como odiados. Internet es un medio muy accesile. Llegar a trabajar en esto es relativamente sencillo. La cuestión es más bien, a mi modo de verlo, hasta dónde estás dispuesto a llegar ¿te quedas en aficionado? ¿darás el paso a primerizo? ¿deseas sobre todo ser un profesional? ¿o tu ambición te ve en el podium de los idolatrados? Según lo que desees para tu carrera profesional tendrás que estudiar más o menos, privarte de más o menos cosas en tu vida (ya que hipotecas, sobre todo, tu tiempo), y educar más o menos tu sexto sentido. > hasta que punto has de intentar esforzarte por aprender este oficio, > cuando se nota q no has nacido para ello? > Sólo te tienes que parar a preguntar una cosa: ¿quieres una jornada de 8 horas diarias y poder desconectar de tu trabajo más de dos días seguidos? Entonces no te recomiendo que te dediques a esto :-P > Si podeis opinar sobre el tema, genial, muchas gracias! > > > Un saludo :) Abel ___ 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] situacion de la foto y centrado de toda la web
Saludos Manel,
te respondo bajo tus comentarios:
Manel escribió:
> [...]
> 1º.- puse en mi web un programa que me hizo mi web automaticamente todo,
> aunque me gustaba el tema, no es tan flexible para mi, pues usaba css.
>
> Pues nada a ponerse a manos a la obra, y empiezo de cero mi web, pero
> itentado respetar al maximo la cabezera.
>
No me quedó claro.. ¿usaste o no algún gestor para crear tu sitio? Te lo
comento porque defines tu doctype como XHTML 1.0 Strict y no valida ya
que tiene errores de sintáxis para dicho tipo de documento. Te dejo un
enlace en el que se habla con claridad de todo ello[1] y otro que es el
de la especificación propiamente dicha [2]
[1]
http://www.webtaller.com/construccion/lenguajes/html/manuales/manual_de_introduccion_xhtml.php
[2] http://www.w3.org/TR/xhtml1/
> [...] y como puedo que quede centrado toda la
> web, en vez que a la izquierda como esta.
>
Entre las etiquetas crea una nueva capa que contenga todo
tu layout (o la parte que desees centrar):
XHTML
...
Abre tu archivo style.css y editalo incluyendo el siguiente codigo:
CSS:
#marco{
width:660px;
margin:auto;
padding:auto;}
Lo más parecido que tienes ahora está nombrado como #content. Puedes
editar este mismo :)
> Gracias de antemano a todos.
>
No le tengas miedo a la CSS, al igual que espinete lo era de los niños,
las CSS es la amiga de los maquetadores web, jeje. Además, te aseguro
que hay otros "bichos" que dan más miedo (como los programas que te
crean las webs solas :-S) :-P
> Recibir un fresquito abrazo para los españoles y un caluroso abrazo para
> los del otro lado del charco.
>
Gracias por lo del fresquito! Aquí al sur se echa de menos :-P
> Manel
> www.mgandreu.es
> www.susemania.org
> www.badopi.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
>
>
___
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] Diseño de 3 columnas
Saludos, Javier Prieto escribió: > Hola amigos: > > Tengo una duda a ver si hay alguna solución. No puedo enseñaros nada, > pero espero explicarme bien. > > Estoy diseñando un site de 3 columnas. > > La izquierda y central con float:left y la derecha con float:right. > El izquierdo y derecho miden 200px y el central 500px (el ancho total es > de 900px). > > El problema viene porque quiero a veces mostrar y ocultar la columna de > la derecha, pero claro y lógico, la columna central no se escala porque > tiene un tamaño fijo de 500px. > ¿Mostrar/ocultar cómo? Ideas (no he probado peeero): 1. Si muestras/ocultas el panel derecho haciendo clic en algún enlace o similar la idea es combinar javascript con un panel central cuyo ancho sea líquido. a través de javascript deerás cambiar la propiedad de disposición del panel derecho a "display:none;" para ocultar. 2. Si muestras/ocultas al cargar un nuevo archivo .html... ¿por qué no puedes usar dos layouts? > Queria saber si es posible maquetar esto de las 3 columnas, pero de > forma que al ocultar la columna de la derecha, el central se me estire y > pase a medir 700px. > Otra idea que no he cotejado pero podría ser buena: Expressions (javascript en tu CSS). Así, para indicarle al panel central qué ancho debe tomar (por ejemplo, según si está el objeto div con propiedad 'id="panel_derecho" o no)'. Es sólo una teoria, pero creo que puede valer. Ya me corregirán si me equivoco :-P > Espero haberme explicado claramente. > Perfectamente. Yo lamento no tener muestras exactas de lo que te digo... Por si no lo sabes, para que veas cómo funciona Expressions puedes ver el enlace más abajo [1]. Es de un ejemplo que enlazó Orange en esta misma lista. Espero que te sirva como base para el js correcto. [1] http://www.abelsutilo.com/documentos/ovillo/ancho_adaptable/ > Un saludo y gracias de antemano > Un saludo, Abel > ___ > 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] Columnas con alto variable
Saludos Victor, Victor Ariscain escribió: > Teniendo varias columnas con diferente cantidad de informacion cada una. > Como lograr que las columnas con menos texto tengan el mismo alto que la que > contiene mas texto? La cantidad de texto en cualquiera de las columnas, > podria variar de acuerdo a la información del dia. > > Aplicando esto[1] a tu ejemplo (el cual, disculpame, pero no me he parado a ver detenidamente por cuestiones de tiempo) quizás consigas solucionarlo :) [1] http://positioniseverything.net/easyclearing.html Saludos, Abel ___ 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] Pagina a valorar
Saludos Devta, devta singh escribió: > Hola, no tengo nada que ver con ella, pero al visitarla, me he sentido > "encorsetado" por el marco del flash. > http://www.despertarnatural.com/ > ¿que les parece? > Un horror. Aunque mandé esto para hacer un inciso. Sigan por favor el hilo marcando [OT]. Gracias :) Y denle caña a este analisis... sin compasión! Jejeje > Un saludo. > > > Devta > > Un saludo, Abel ___ 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] Warnings en validacion css
Saludos, Nika Vidal escribió: > On 8/4/06, Fernando Gutierrez <[EMAIL PROTECTED]> wrote: > >> Hola, >> Has de darle el valor "no" al atributo "warning". >> >> http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=no&uri=aqui_la_uri_de_tu_css >> > > > Antes de nada gracias por responder. > > Desconocía que se pudiese hacer lo que dices, pero no me refiero a eso, lo > que desearía es: en el elemento, dentro de la hoja de estilo, poner una > propiedad que diga que no quiero que me muestre los warnings del color, ya > que puede que los warnings de color de otro elemento u otros warnings si que > me preocupen, no se si queda claro. > Allí donde no desees un color de background usa el atributo "transparent", aunque creo que según con qué combinación esto te puede generar una advertencia igualmente. De todas formas... Ya que vas a dedicar un tiempo en meter un atributo + valor en el elemento que señala la advertencia, ¿qué menos que hacer lo que propiamente te pide? Pinta el color de la fuente y el del fondo del selector y comprueba que la combinación hace legible al texto y ya no verás la advertencia. Tardarás lo mismo que escribiendo ese supuesto "valor anulador de advertencias", ¿no? ;-P > Muchas gracias. > > Un saludo, Nika. > Un saludo, Abel > ___ > 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] Warnings en validacion css
Saludos, carlos campderrós escribió: > On 8/4/06, Abel Sutilo <[EMAIL PROTECTED]> wrote: > >> Allí donde no desees un color de background usa el atributo >> "transparent", aunque creo que según con qué combinación esto te puede >> generar una advertencia igualmente. >> > > también se puede usar "inherit", que creo (repito, creo) que da algún > problema menos. > Algo nuevo. Anotado :) > >> De todas formas... Ya que vas a dedicar un tiempo en meter un atributo + >> valor en el elemento que señala la advertencia, ¿qué menos que hacer lo >> que propiamente te pide? Pinta el color de la fuente y el del fondo del >> selector y comprueba que la combinación hace legible al texto y ya no >> verás la advertencia. Tardarás lo mismo que escribiendo ese supuesto >> "valor anulador de advertencias", ¿no? ;-P >> > > eso rompe la manejabilidad de la herencia. Imaginate que tengo el > fondo de color gris claro y varios div por ahí encima, sin color de > fondo puesto, y color de texto negro. Si en cada div repites que > quieres el fondo del div como gris claro, que pasará cuando el jefe te > diga "ahora quiero el fondo de la página en azul claro". Pues tendrás > que ir por todos los divs reescribiendo el color de fondo. Para eso, > pon los estilos en línea dentro del mismo html ;-) > > Gracias por el "warging", Carlos. Por si acaso no se entendió, aqui te dejo a cotinuación una nota con valor "inherit": Pues si. El (mi) método de trabajo es ese que comentas, Carlos. Como nota aclaratoria comentaré ya que no se entendió que mi respuesta no era más que una divagación -irónica- en voz alta ante la inevitable necesidad de Nika de hacer desaparecer del validador esas nuevas advertencias por estética :-P /En el post original: >La pregunta es básicamente por curiosidad y por comodidad a la hora de ver >los resultados, ya que un warning en la validación no queda muy estético ;D. / Hacer desaparecer esto no debe ser cuestión estética, sino una responsabilidad que tienes o no. Yo mismo, sin ir más lejos, paso de los Warnings -pero eso es porque a mi me da igual la etica profesional ya que yo estoy en esto por el dinero y la fama-). Bromas aparte, evidentemente el método que comenté es un dolor a la hora de mantener dicha CSS. Mu bien dao ese capón, Carlos U_U... ¡Niños, esto no lo hagáis en casa que era broma del tito Abel! :) ___ 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] CSS en mapas
Saludos Álvaro, mi comentario despues de tu mensaje: Alvaro Soldado Ruiz escribió: > Encontré en esta url > http://www.forocreativo.net/ipb/index.php?showtopic=11811 los pasos para > hacer un tooltip en css bastante interesante. > > Estoy intentando crear un mapa(mapa sensible creo que es el término > correcto) sobre una imagen y que en las áreas del mapa consiga ese mismo > efecto de un tooltip para que aparezca un texto explicativo en el span > > pero no consigo hacerlo. Es decir, imaginad que yo lo que quiero es que me > aparezca un tooltip para cada comunidad autónoma en un mapa de España. Ese > efecto es el > > que quiero conseguir pero el problema es que si aplico la técnica que viene > en el enlace que he puesto antes he llegado a conseguir que en cada área > activa del mapa se me > > muestren/oculten todos los span a la vez. El problema parece que es a la > hora de añadirle un estilo a la etiqueta “area” que parece que no los > acepta. > > > > Espero que alguien me pueda ayudar y gracias de antemano a todos (espero > haberme explicado bien). > > > > Un saludo, > Más sencillo que todo eso y más correcto de cara a la validación es trabajar la técnica de Frank Manno para mapeados [1] [1] http://www.frankmanno.com/ideas/css-imagemap/ Donde considera que semánticamente cada -en el caso que nos ocupa- comunidad autónoma es el elemento a definir de una lista de definición. Con enlaces, posicionamiento absoluto sobre un contenedor con posicionamiento relativo y diferentes atributos de "display" (none para ocultar), se consigue un efecto muy apañao y sencillo de usar. Échale un vistazo. Hacer vriantes es muy sencillo. Yo hice una recientemente en un proyecto[2]. te la dejo ver para que a groso modo te hagas de su versatilidad: [2] http://ibmweb.eppa.es/ELCENTRO/PlanodelCentro/tabid/63/Default.aspx (Nota: Este proyecto tiene su aquel y está en proceso de desarollo actualmente. Soy consciente de las carencias asi que por favor abstenganse de realizar valoraciones del sitio no relacionadas con el tema que nos ocupa porque paso de responderos, jeje). Saludos, Abel > Alvaro > > ___ > 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] CSS en mapas
Hola Álvaro, Alvaro Soldado Ruiz escribió: > Muy buenas, > > He utilizado la técnica que me comentaste y ya he conseguido hacer justo lo > que yo quería. Muchas gracias, es un placer aprender tanto con esta lista. > > Un saludo, > Álvaro > De nada, para eso estamos :) Si está disponible, me encantaría ver ese buen resultado! :D Saludos, Abel ___ 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] CSS en mapas
Saludos, Alvaro Soldado Ruiz escribió: > Hola, ya he colgado el resultado. Lo que he hecho es el rediseño de una > página que hice hace unos 5 o 6 años y que quería actualizar y de paso > aprender a usar las css. La url es http://www.hotelalbero.com y si quieres > ver la que había antes (para que veas que era feilla XD) puedes verla aún en > http://www.hotelalbero.com/antigua/ .La sección en la que he utilizado tu > ayuda es en "Situación" y al pasar el ratón sobre los números en el plano > verás que ha salido lo que quería. > > Un saludo, > Alvaro > Únicamente con ánimo de ayudarte a mejorar algunas cosas (y sin pretender decirte como haz de hacer tu trabajo, por supuesto), algunas ideas: -Aunque las definiciones sean siempre la misma para todos los términos a definir, ¿podrías utilizar frases diferentes? Lo digo porque al desactivar las CSS la lista de defiición se te queda pobre ya que todas las definiciones son la misma para los diferentes puntos. -La idea no es sólo hacer un mapeado que valide en XHTML, sino que además sea accesible. Con un navegador de sólo texto o voz, por ejemplo, la información en este sentido se te quedaría muy limitada como te comentaba arriba. Esto ya dependerá, claro, de si en tu proyecto precisas de un nivel mayor o menor de accesibilidad. Sólo es una sugerencia :) -Con respecto a hacerlo accesible, otro comentario. Piensa en clientes con problemas de visión o gente mayor con la vista algo más cansada: en la imagen que usas para el mapeado vigila los colores de algunos textos. "Continuar dirección Alhambra" en rojo reververa con respecto al azul de fondo. Aparte de esas sugerencias, felicidades por el trabajo. La mejora con respecto a la versión anterior es notable :) Saludos, Abel. > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > En nombre de Abel Sutilo > Enviado el: jueves, 07 de septiembre de 2006 22:11 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] CSS en mapas > > Hola Álvaro, > > Alvaro Soldado Ruiz escribió: > >> Muy buenas, >> >> He utilizado la técnica que me comentaste y ya he conseguido hacer justo >> > lo > >> que yo quería. Muchas gracias, es un placer aprender tanto con esta lista. >> >> Un saludo, >> Álvaro >> >> > > De nada, para eso estamos :) > Si está disponible, me encantaría ver ese buen resultado! :D > > Saludos, > Abel > ___ > 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 > > ___ 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] Diseño de layout accesible para Mambo/J oomla
Hola, pues eso, que el que escribe se han metido con Mambo/Joomla con la idea de solucionar eso de los contenidos dinámicos a los clientes :) Recuerdo que hace bastante se habló en la lista de Mambo (quizás en unos de esos OTs donde hacemos comparativas entre unos CMS y otros). Me interesa todo lo relacionado con el diseño y desarrollo de layouts "tableless" y accesibles para Mambo/Joomla. Todo enlace será bien recibido. Muchas gracias por adelantado :) Un saludo, Abel ___ 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] Diseño de layout accesible para Mambo/J oomla
Hola Pedro, Pedro Sanz escribió: > Abel: > ando metido en un proyecto con joomla y aunque la accesibilidad no era el > requerimiento fundamental, si he recopilado unos cuanto enlaces (en > castellano e inglés) > >- http://www.joomlaspanish.org/ .. el clásico básico en castellano >- http://www.joomlaya.com/ >- http://www.mambosolutions.com/ >- http://www.joomlaos.net/templates-de-joomla.php aquí tienes >bastante info para empezar en castellano >- http://www.compassdesigns.net/ tiene bastantes cosas, tb algo de >accesibilidad >- http://edu.jccm.es/joomla/ >- http://www.joomlashack.com/ >- http://www.55thinking.com/ .. una pag chula echa con joomla y para >ver que menos es más >- http://www.joomlaawards.com/ recoge pags echas con joomla.. está >bien para ver qué se puede hacer >- http://salyris.com/external/flash_tutorial_center.html algunos >tutoriales de joomla > > > espero que te sirvan. ya tienes para pasar un buen rato :) > Saludos. > Pedro > Gracias! Ya tenía anotado mucho de estos enlaces. Todos de mucha utilidad :) Un saludo, Abel. ___ 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] Diseño de layout accesible para Mambo/J oomla
Saludos, HV CG escribió: >> Abel, el Joomla Spanish trae una template denominada Spanish_red, en ella >> la accesibilidad está muy presente tiene inclusive el CSS Text Sizing >> (A+,A-,R). Salu2 >> > > Le pasé el test del TAW al template que comentas (ya publicado, claro). Antes de pasar el test ya sabía que no llegaría muy lejos. Entre otras cosas, en el index.php del template puedes ver atributos desaconsejados para el doctype correspondiente y maquetación con tablas entre otras cosas. Todos los que encuentro se basan en una maquetación con tablas. Lo que haré será crear un template desde 0 (por lo que vi a priori no es complicado). Gracias de todos modos :) ___ 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] Diseño de layout accesible para Mambo/J oomla
Saludos Kemie, kemie guaida escribió: > Joomla tiene un parche que convierte todas las tablas en div, y hace > todos los headers hxs, y en general limpia el codigo para hacerlo más > semántico y accesible. > > Accesible Joomla: > http://forge.joomla.org/sf/go/projects.accessible_joomla/frs.accessible_joomla > > espero te sirva! > > kemie > > ...:| kemie |:... > .:| www.monolinea.com <http://www.monolinea.com> |:. > > > Intuyo que se trata simplemente de sustituir las carpetas del parche por las existentes en el servidor, ¿no? Probaré mañana a ver que tal Viniendo de ti me fio, pero eso de parchear una tabla y convertirla en capa miedo me da... ¿Tienes algún ejemplo para ver el código generado tras el parche y la publicación? Gracias de nuevo :) > Abel Sutilo wrote: > >> Hola, >> >> pues eso, que el que escribe se han metido con Mambo/Joomla con la idea >> de solucionar eso de los contenidos dinámicos a los clientes :) >> >> Recuerdo que hace bastante se habló en la lista de Mambo (quizás en unos >> de esos OTs donde hacemos comparativas entre unos CMS y otros). >> >> Me interesa todo lo relacionado con el diseño y desarrollo de layouts >> "tableless" y accesibles para Mambo/Joomla. Todo enlace será bien >> recibido. Muchas gracias por adelantado :) >> >> Un saludo, >> Abel >> ___ >> 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] Problemas estructurando
Saludos Jonás,
Jonas Urbano escribió:
> Buenas,
>
> estoy maquetando y estructurando una web y me ocurre lo siguiente:
>
> a la etiqueta BODY le aplico text-align:center; con IE funciona pero
> en FF me sitúa los DIVS en la esquina superior.
>
Con respecto a esto, supongo que lo que pretendes es centrar el layout
en el navegador. Mejor no trabajes con el body (nada de
"text-align:center;") y coloca en tu div contenedor global:
#contenido{margin: 10px auto 10px auto;}
Arriba y abajo como desees(ej.: 10px), pero en los margenes laterales
"auto" y se centrará por si mismo tanto en IE como en FF.
Disculpa que no le dedique más tiempo al resto de tulayout. Un saludo,
Abel
___
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] buscando ideas
Hola, Webmaster webmaster escribió: > Pero siento que me hace falta aprender sobre cómo lograr belleza gráfica, sin > superar saturar la Web, de flash, de imágenes animadas, en eso me siento > bastante malo. > > Si alguien tiene ideas, referencias, o me puede apuntar, a un lugar en la Web > donde pueda encontrar info. sobre cómo diseñar mejor, lo agradecería mucho, > ya que me siento diseñando muy plano. > Personalmente me agrada mucho este tipo de comentarios en la lista ya que la temática de la mayoría de topics casi siempre se refiere a la parte "técnica" de las CSS (hacks, bugs, soluciones a layouts crossbrowser, maquetación tableless) y poco -quizás por el grado de subjetividad que a veces acarrea el analizar la estética de un sitio- acerca de la carga gráfica ó más bien el diseño de los mismos. Si ya controlas CSS, puedes cambiar el chip a la hora de trabajar el sitio para mejorar en tus diseños. Cuando diseñes una pantalla en photoshop[1] no te limites en un principio. En mi caso, me resulta más interesante como reto diseñar el sitio "gráficamente ideal para el proyecto en curso" sin pensar en cómo se soluciona eso a posteriori con CSS... Y a la hora de maquetar, pues nuevos retos :) Si aun no lo llevas bien, mejor diseñar acorde con tus conocimientos de CSS. Para tener buenas ideas, nada mejor que ver miles de sitios. Especialmente aumentará tu capacidad creativa sitios como portafolios, agencias y espacios más cercanos al diseño y al arte en general (otra cosa será cómo aplicar esos grafismos a proyectos comerciales, -que no siempre se puede-). Referencias sobre esto tienes miles. Por ejemplo: http://catalizado.com/ http://blog.silberbauer-keusch.de/ http://www.sxedio.gr/linkas/welcome.php?cmd=resetall http://www.creatiu.com/ http://www.cssmania.com Simplemente verlos y no hacer nada: muy deficiente. Simplemente copiar: deficiente. Analizar cómo se ha hecho un sitio que te gusta: no tiene precio. Esto es también importante. Aunque te bases en una estética ya existente, procura darle tu toque. Copiar es malo, caca!.[2] La colormetría es importante, como ya han comentado. Pero simplemente "saber de colores" no significa saber diseñar de cara al medio de Internet. Hay más. Como dice Andrés, saber de dibujo/ilustración, fotografía, etc... te va a ayudar. Esto enlaza con los principios del diseño. Un enlace interesante que es la punta del iceberg: CRAP, 4 principios del diseño Web http://www.shinkitune.com/blogonrails/2006/04/24/crap-traduccion-de-4-principios-del-diseno-web/ Espero que te sirva y disculpa lo extenso de la respuesta. Un saludo y suerte!, Abel. [1]Quien dice photoshop dice fireworks, freehand o lo que se lleve en cada casa para diseñar screenshots :) [2] Ejemplo histórico de lo malo que es copiar y no pensar: En la época flashera A.C. (Antes de las CSS 2.0), la estética 2Advanced hizo estragos en la percepción creativa de muchos diseñadores -quizás por el poco criterio que tiene más de uno diseñando o por la falta de perspectiva en el sector, o porque todos andabamos enfermos de flashvitis...- y nacieron millones de sites primos-hermanos de dicha agencia que, al día de hoy, agotan al usuario más paciente, jeje ___ 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] Gracias
Saludos Fidel, Fidel Castro escribió: > Abel yo vivo aqui en Miami y llevo tres meses estudiando autodidacta Html y > CSS.he aprendido bastante pero aun soy un niño pues no se nada de > javascript ni de flash pero vi los consejos que le diste al que te > escribio sobre las ideas y me parecio muy bueno.te quiero dar las gracias > por haber sido tan explicito y profesional..si conoces a alguien que viva > en Miami que este interesado en reurnise para estudiar o levantar > animos.te lo agradecere..aprovecho contigo porque parece que te > escribes con muchas personas relacionadas con el tema de todas formas > gracias por tu disposicion de ayudar > > fidel > Vaya, hoy me han sacado los colores :-P Con permiso y debido al caracter de tu mensaje lo catalogo de OT y paso a responderte en privado. Gracias :) Abel ___ 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: Sueldo medio de un webmaster
Hola, lamento ser el punto de inflección en el tópico y poner la primera piedra de esta pseudo-discordia que provoca señalar a, ya no sólo el iniciardor del tema, sino la cantidad sorprendente de participantes que no se han molestado en catalogar esto de OffTopic. Luciano de la Torre escribió: > Hola a todos, > > ¿Cuál es el sueldo medio de un webmaster? > Paralelismo: http://ovillo.org/pipermail/ovillo/2006-October/011037.html Respuesta (gracias, Leonel): http://www.sindominio.net/ayuda/preguntas-inteligentes.html Por cierto, yo el vino lo abro a bocaos con el corcho. > Cuando digo webmaster me refiero a aquel individuo que desempeña entre otras > las siguientes tareas: > > 1.- Toma de requisitos de un proyecto (desplazamiento incluido a > instalaciones de la empresa cliente). > 2.- Diseño de dos o más bocetos del interfaz principal (Photoshop, > fireworks, freehand, ilustrator, corel...). > 3.- Modificaciones del diseño del interfaz según directrices del cliente. > 4, 5, 6... 17: Jornada laboral de 25 horas /día. Ideas que mejorarán tu vida (y la mía y la de mi gestor de correo): 1. Google es nuestro amigo. a) En Ovillo se han tratado muchos temas desde que se inició la lista. b) Si es Offtopic, seguramente también. c) El archivador de la lista[1] y Gooogle están para algo. Busca. [1] http://ovillo.org/pipermail/ovillo/ Ejemplo de hilo OT similar: http://ovillo.org/pipermail/ovillo/2005-August/thread.html#4056 2. Moneda en común a) En Ovillo participan personas de varios paises de habla hispana. b) Por lo tanto hay varios tipos de monedas, legislaciones, convenios. c) No es que sea mala persona; es que es de lógica pensar por ello que tu pregunta, tan generalista, es un poco simplona, tontorrona y mañanera. 3. El sector. a) Si tu lista versa sobre las labores de un freelancer es un poco incoherente de hablar de "sueldo" entendiéndose como una cantidad fija mensual / anual. b) Si tu lista habla de las labores de un trabajador, Diox quiera que no montes nunca una empresa, porque eso, amigo, se llama explotación. Por aquí creemos más en la "especialización". c) Por ende, el sueldo de un "especialista" en algunas de las labores que nombras dependerá de los puntos 2a y 2b, entre otros. En fin... Un saludo, Abel. ___ 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] Maquetación/CSS para dispositivos móv iles
Saludos Jos, Josÿe9 Luis Garcÿeda Lÿf3pez escribió: > Buenas, > > necesito maquetar una aplicación para dispositivo móvil, y tengo mis dudas, > vamos, que no lo he hecho nunca y no sé que posibles problemas me puedo > encontrar. > > alguien me podría comentar o indicar algún camino/documento/tutorial para > empezar a formarme una idea. He oído, que para servir la presentación depende > del dispositivo móvil, y según sea este, se podría maquetar con HTML, CHTML, > WAP, iMode, etc. > Aqui va: http://ovillo.org/pipermail/ovillo/2005-July/003151.html Un saludo, Abel. ___ 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] Tiflotecnología
Saludos, aqui va un apunte[1] acerca de un término que he descubierto esta semana a raiz del comentario de una amiga. Lo que me sorprende es no haberlo leído antes por aqui (o quizás se me escapó; ser despistado es inherente a ser diseñador y al revés :) ). [1] Tiflotecnología http://www.wikilearning.com/tiflotecnologia-wkccp-3062-4.htm Saludos, Abel ___ 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] Documentación para empezar con Joomla (era: Re: saludos)
Saludos, Lic. Wilfredo Martínez Consuegra escribió: > deseo saber si existe algun tutorial para hacer plantillas para joomla > Existe mucha documentación dispersa para -perdonen la expresión- "labores menores", como pueda ser el coger una plantilla ya existente y menearla un poco. De esto tienes bastante ayuda (probablemente ya conozcas alguno de estos sitios): http://ayuda.joomlaspanish.org/ http://www.joomlaya.com/ http://www.joomlashack.com/ http://www.joomlaawards.com/ Respecto a lo verdaderamente divertido (empezar desde cero una plantilla sin tablas y llamar a tus padres y otros parientes para contarles que has conseguido que funcione bajo joomla), no hay apenas documentación. Si no te da miedo infiltrate en el código, cuando veas las plantillas existentes comprobarás que no dificil (aunque si complicado porque la CSS trabaja a la par con la administración de joomla y con la plantilla donde se encuentra). Mientras esperamos la versión 1.5 del gestor (en la prensa rosa de los CMS se dice/se comenta que será más accesible que nunca), es importante que obtengas este parche que nos pasó, desde esta misma lista, Kemie: http://forge.joomla.org/sf/go/projects.accessible_joomla/frs.accessible_joomla Espero que te sirvan los enlaces, -- Abel Sutilo * www.abelsutilo.com * [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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Accesibilidad en bankinter.com
Hola, Jaime Gómez Obregón escribió: > Buenos días a todos, > > Veo el nuevo rediseño de Bankinter.com. No he hecho un análisis > exhaustivo pero parece que se han preocupado de respetar los estándares > web y las pautas de accesibilidad: ¡buena noticia! > Me gusta el sitio. Y creo que la interfaz es bastante usable. He realizado las pruebas básicas -sin profundizar mucho- (varios navegadores Windows, con y sin CSS, y navegación con dispositivo movil) y parece que pasa las pruebas :) > Sin embargo, he probado a navegar sin estilo CSS y me he encontrado una > sorpresa curiosa: están usando los y para describir el > contenido (metacontenido) en vez de para escribir titulares. > > Es decir, parece que están usando para lo que debería de ir entre > . > > Eso es un despite, un error... Llamalo x, jeje. > No recuerdo ninguna pauta de accesibilidad que indique nada parecido... > creo quizás podría ser más una "ida de olla" del diseñador que una > medida para hacer el contenido más accesible. > > Además, esta manera de proceder provoca inconvenientes curiosos: > http://www.google.es/search?q=Primer+Nivel+del+Menu+Principal > Si. Y además, ya por aportar ideas, con respecto a la indexación googleliana, es una pena que no se aprovechen las "promociones" y los titulos de sección. Estos textos que se han solucionado con gráficos (del tipo "Depósito a 30 días. 8% TAE. Desde 3000 a 30.000 euros") son una delicia para solucionar con CSS -con un puñadito de hx, p y span :) - y son buenos términos de búsqueda. Si es por las tipos, incluso con sIFR si me apuras. -- Abel Sutilo * www.abelsutilo.com * [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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Accesibilidad en bankinter.com
Rectifico un dato aportado, Abel Sutilo escribió: > Hola, > Jaime Gómez Obregón escribió: > >> Buenos días a todos, >> >> Veo el nuevo rediseño de Bankinter.com. No he hecho un análisis >> exhaustivo pero parece que se han preocupado de respetar los estándares >> web y las pautas de accesibilidad: ¡buena noticia! >> >> > > Me gusta el sitio. Y creo que la interfaz es bastante usable. He > realizado las pruebas básicas -sin profundizar mucho- (varios > navegadores Windows, con y sin CSS, y navegación con dispositivo movil) > y parece que pasa las pruebas :) > La navegación con (mi) movil no doy buen resultado. No he podido acceder. No sé si es un apartado pendiente de este sitio u otros relacionados con la misma actividad. Si alguien aporta información al respecto, bien recibida será. El resto sin problemas como decía :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS y Joomla (Era: [OT] web con joomla)
Hola Laura. Llego un poco tarde, pero intento aportar algo, laura escribió: > hola amigos! > > :)) que tal os va el año? ... a mi ocupada tratando de crear una > plantilla para una web basada en Joomla. Pareciera facil, pero entre > los que estamos en el proyecto nos preguntamos ciertas cosas, así que > me gustaria preguntar varias cosas que no entiendo bien. > Es normal. Crear un portal o sitio corporativo con Joomla personalizando totalmente la capa de presentación (diseño), es relativamente fácil. Hacerlo respetando las prácticas que promovemos en la lista (sin tablas, css depuradas y un buen marcado), ya es más complicado. Aunque no imposible. Ahora te cuento. > Primero que nada, la idea de crear una plantilla ha venido tras ver > que no hay un diseño que cuadre 100% con el estilo de la web > anterior. > > No hemos encontrado un template que reuna estas condiciones: > > -Que se vea bien a todas las resoluciones(desde la minima hasta la > mayor) (algunos de los q estan involucrados en el proyecto tienen > monitores "gigantes"). > > -Que no contenga un diseño creado a base de tablas (personalmente me > horrorizan :S) > Hasta el día de hoy, por lo que he visto, la mayoría de equipos de trabajo / freelancers que hacen uso de joomla siguen maquetando con tablas. Esto es porque el equipo de desarrollo del CMS promueven con el mismo un/unos templates por defecto con tablas que le dan el apaño a todo aquel que desee que su sitio funcione sin complicarse mucho la vida con el diseño del mismo y pasando de los estandares. Yo, como me pongo muy nervioso con eso de las tablas y me gusta romperlo todo, te aconsejo que cojas el template por defecto y lo destroces. Lo mejor es pasar de las tablas y echarle valor a los archivos php de cualquier template. Si te fijas, en la gran mayoría encontrarás que todos los index.php de tus templates cuentan con identificadores y clases en común. Puedes tranformar esas tablas en capas y modificar los identificadores y clases en la correspondiente CSS. De esa manera obtendras, entre otras cosas, una Web que se adapte a la pantalla cambiando en las propiedades de tu CSS los tamaños fijos por relativos, por ejemplo. O como decía la japonesa aquella: "Asi me lo aprendi yo". Existe un parche que sustituye las tablas del núcleo principal de Joomla (noticia, blog, nosequemás) en accesible. Realmente es lo mismo que te digo, han sustituido las tablas por capas. El parche lo aportó Kemie hace un par de meses cuando empecé a investigar sobre este CMS: http://forge.joomla.org/sf/go/projects.accessible_joomla/frs.accessible_joomla En otro orden de cosas ten cuidado porque tu maqueta depende del CSS del template, y además dicho CSS se comunica con la administración del CMS (tomando las clases/identificadores para algunos módulos como, por ejemplo, los menús). Es importante saberlo porque sino acabas picando código en la CSS y no ves lo cambios, lo que se traduce en locura y desesperación (así me he quedao, ya ves) :) > Luego tengo varias preguntas acerca del funcionamiento de este cms: > > - Realmente se puede hacer una web accessible (sin tablas para la > creacion de contenidos o con tablas accesibles) con Joomla? > Como te he dicho, destroza el template que se te entregue por defecto en tablas, transformalas en capas y trabaja con tu CSS. Es una buena manera de hacer algo más accesible. Pero no te olvides de una cosa: cada vez que instales un módulo a través de tu CMS, vigila que eso que instalas está maquetado (o no) con tablas. En algunos casos puede llegar a ser legitimo el uso de las mismas, claro. Dependiendo de cuantos "cacharritos" uses, más complicado te será el trabajo. No siempre es posible (aún más si a posterior la administración del sitio depende de terceros, los cuales pueden o no tener cierto respeto a los estandares). Pasa en las mejores familias. > -Se puede enviar un mail a los redactores "jefes" de que alguien ha > publicado una noticia en la web? > Ya eso de administrar el CMS no sé decirte. Joomla es flexible, pero complicado. Yo solo me dedico a pintar cositas en la pantalla, asi que no puedo responderte a esto :) > > Muchisimas gracias por la ayuda > Espero que te sirva :) Lamento lo extenso del mensaje. -- Abel Sutilo * www.abelsutilo.com * [EMAIL PROTECTED] > Laura > ___ > 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] PNG en IE6
Saludos, Juan Jorge Muñoz Herrero escribió: > Ese tema lo hemos tratado mucho en cristalab, seguro que este link te > resuelve cualquier duda: > > http://www.cristalab.com/foros/viewtopic.php?t=21618 > > Leelo entero porque se plantea el problema desde diferentes perspectivas, en > concreto la tuya, y se le da solución a todas. > Saludos. > Con respecto a la solución para el uso de una imagen como background en formato png para IE6 que se detalla en el enlace (condicional para IE + filtro en css + javascript), me parece de lo mejor. Pero claro: sólo si tu background-imagen no precisa repetición.. Se ve que a IE6 no le gusta nada un repeat-x/repeat-y en dicho background por las pruebass que he hecho. Esto limita, por poner un ejemplo clásico, a la hora de crear un contenedor sombreado a ambos lados cuya altura será x (x = a la generada por mi contenido estático o dinámico). Como mo hace falta cobrar este mes (bueno, lo confieso: todos), de momento para estos laterales sombrados ando sustituyendo en la css para IE6 los pngs por gif "atransparentados" . Por mi el momento de la pregunta: ¿Alguien conoce alguna solución "mas mejor" ó mejor: la forma en que IE y su filtro se lleven bien con las repeticiones de mis backgroundcitos, ya sea tirando para x o tirando para y? :) Un saludo y gracias, -- Abel Sutilo * www.abelsutilo.com * [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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] ¿Posible Bug de IE6?
Saludos familia,
vengo con una pregunta. Lo primero, deciros que no puedo aportar el
código exacto ahora mismo porque lo tengo en la oficina. Pero más o
menos va así la cosa:
XHTML
Hola Ovillo!
Item 1
Item 1
Item 1
Item 1
Item 1
Item 1
Item 1
CSS (de manera genérica, son):
#content{width, margin, padding;}
ul {list-style-type, margin., padding}
li{float:left;}
ul a {display:block; width, height, margin, padding}
EL PROBLEMA
A) Si maqueto tantos enlaces, suficientes como para crear un salto de
línea en la presentación de la lista[1], el titulo h2 desaparece en IE6
al cargar la página o al hacer :hover (como si se aplicara por arte de
magia algo del tipo "visibility: hidden;").
[1] Ejemplo:
Titulo
[] [] [] []
[] [] []
B) Si maqueto tantos enlaces como para no provocar dicho salto[2], el
titulo se muestra correctamente en IE6.
[2] Ejemplo:
Titulo
[] [] [] []
En todos los demás, sin problemas en cualquier caso (FF, IE7, Opera) ¿Es
la edad (cosa muy probable) que me juega malas pasadas, o es un bug de IE6?
Gracias y un saludo a todos,
--
Abel Sutilo
* www.abelsutilo.com
* [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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] OT: Busco colaborador freelancer
Saludos otra vez, bueno, voy a despedir este dia ovillero con un post-it que dejo en el tablón de anuncios. Dice así: /* Busco compañero freelancer de batallas por sobredosis de trabajo (se dice asi, ¿no?). Los requisitos no son especialmente reestrictivos. Básicamente, lo de siempre: * Buen nivel de maquetación (CSS, XHTML) * Amigo de los estandares * Si se defiende algo con el diseño, pues mejor * Si tiene conocimientos básico/medio de Flash u otras tecnologías, pues mejor mejor :) * Si no le tiene miedito a los CMS y bichos del tipo PHP y similares (básico/medio), pues mejor mejor mejor * Que circule por la zona oeste de Andalucía (Huelva, Sevilla, Cádiz, Córdoba) es muy !important; */ Si estais interesados, podeis escribidme a la dirección que adjunto al pie de mensaje. Gracias por vuestro tiempo :) -- Abel Sutilo * www.abelsutilo.com * [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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Posible Bug de IE6?
Me respondo a mi mismo:
se soluciona aplicando display:inline-block al h2
:)
Abel Sutilo escribió:
> Saludos familia,
>
> vengo con una pregunta. Lo primero, deciros que no puedo aportar el
> código exacto ahora mismo porque lo tengo en la oficina. Pero más o
> menos va así la cosa:
>
> XHTML
>
> Hola Ovillo!
>
> Item 1
> Item 1
> Item 1
> Item 1
> Item 1
> Item 1
> Item 1
>
>
>
> CSS (de manera genérica, son):
> #content{width, margin, padding;}
> ul {list-style-type, margin., padding}
> li{float:left;}
> ul a {display:block; width, height, margin, padding}
>
> EL PROBLEMA
> A) Si maqueto tantos enlaces, suficientes como para crear un salto de
> línea en la presentación de la lista[1], el titulo h2 desaparece en IE6
> al cargar la página o al hacer :hover (como si se aplicara por arte de
> magia algo del tipo "visibility: hidden;").
> [1] Ejemplo:
> Titulo
> [] [] [] []
> [] [] []
>
> B) Si maqueto tantos enlaces como para no provocar dicho salto[2], el
> titulo se muestra correctamente en IE6.
> [2] Ejemplo:
> Titulo
> [] [] [] []
>
> En todos los demás, sin problemas en cualquier caso (FF, IE7, Opera) ¿Es
> la edad (cosa muy probable) que me juega malas pasadas, o es un bug de IE6?
>
> Gracias y un saludo a todos,
>
>
___
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] PNG en IE6
Saludos Nadia, Nadia Rodríguez escribió: > Hola Abel! > > Para ser sincera no le entendí nada a tu mensaje ;) hasta que me ocurrió lo > mismo: > > Lamento mi retórica :-P > el truquito de "iepngfix" no funciona con la propiedad "repeat" ni tampoco > cuando la imagen transparente es un enlace :'( > > lástima, por un momento creí que habíamos dado con la panacea... habrá que > seguir buscando algún método que funcione y valide. > > Lamento que también sufras de "reapetitis" con PNG. > Saludos! > > Si descubres algo, no dejes de comentarlo! > > El día 1/02/07, Abel Sutilo escribió: > >> Saludos, >> >> Juan Jorge Muñoz Herrero escribió: >> >>> Ese tema lo hemos tratado mucho en cristalab, seguro que este link te >>> resuelve cualquier duda: >>> >>> http://www.cristalab.com/foros/viewtopic.php?t=21618 >>> >>> Leelo entero porque se plantea el problema desde diferentes >>> >> perspectivas, en >> >>> concreto la tuya, y se le da solución a todas. >>> Saludos. >>> >>> >> Con respecto a la solución para el uso de una imagen como background en >> formato png para IE6 que se detalla en el enlace (condicional para IE + >> filtro en css + javascript), me parece de lo mejor. Pero claro: sólo si >> tu background-imagen no precisa repetición.. Se ve que a IE6 no le gusta >> nada un repeat-x/repeat-y en dicho background por las pruebass que he >> hecho. >> >> Esto limita, por poner un ejemplo clásico, a la hora de crear un >> contenedor sombreado a ambos lados cuya altura será x (x = a la generada >> por mi contenido estático o dinámico). Como mo hace falta cobrar este >> mes (bueno, lo confieso: todos), de momento para estos laterales >> sombrados ando sustituyendo en la css para IE6 los pngs por gif >> "atransparentados" . >> >> Por mi el momento de la pregunta: ¿Alguien conoce alguna solución "mas >> mejor" ó mejor: la forma en que IE y su filtro se lleven bien con las >> repeticiones de mis backgroundcitos, ya sea tirando para x o tirando >> para y? :) >> >> Un saludo y gracias, >> -- >> Abel Sutilo >> * www.abelsutilo.com >> * [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://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
