Re: [Ovillo] h2 dentro de listado-menú

2008-07-25 Por tema Rodrigo Álvarez Virgós
Hola, Carlos

carlos campderrós escribió:
> Hola,
>
> 2008/7/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>
>
>   
>>> Y pq no se puede ocultar? A lo mejor el diseño visual ya deja bien claro
>>>   
>> que
>> 
>>> es la sección actual, pero si lo ves sin css la cosa cambia. Y por
>>> usabilidad, nunca está de más remarcar la sección en la que nos
>>>   
>> encontramos
>> 
>>> (no olvidemos que los usuarios son estúpidos y no
>>>   
>> nos
>> 
>>> entienden ;-) )
>>>
>>>
>>>   
>> En todo documento (página web, panfleto, artículo de periódico o lo que
>> sea), si lees un texto necesitas saber qué es lo que estás leyendo. Por
>> tanto el h2 es necesario (asumo que el h1 indica otra cosa de nivel
>> superior, por ejemplo el nombre de la empresa). Cierto es que el diseño
>> visual deja claro cuál es la sección activa, pero ¿qué pasa con lo que
>> no tienen diseño visual? Incluso aunque se marque la sección en el menú
>> con em o strong, ¿dónde está el h2? El documento pierde su estructura.
>>
>> 
>
> El h2 está ahí. Sin diseño visual, se muestra y el documento conserva
> estructura. Con diseño visual, la estructura *puede* venir dada con el
> diseño y se podría ocultar. Otra cosa es que uses un display: none; o el
> 'offleft' que mencionas más adelante.
>
> Estámos diciendo lo mismo, o me estoy confundiendo?
>   


Estamos diciendo lo mismo, pero ¿y lo que mola discutir? xD. No en 
serio, Carlos: estamos de acuerdo, y en lo de marcar el menú com em o 
strong (además de con css por motivos visuales) tienes toda la razón, y 
lo aplicaré en mis sitios de ahora en adelante.

Un saludo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] h2 dentro de listado-menú

2008-07-25 Por tema Julia Martínez
Hola de nuevo,

ante todo muchas gracias por vuestras contestaciones.
Lo del h2 dentro del listado como dices queda claro. No me gustaba la idea
pero ahora ya por supuesto que no lo usaré.

El problema surgía porque el cliente aceptó el diseño y no quería que
apareciera de nuevo el título de la sección, por eso pensé lo del display
none, pero por tu última respuesta Rodrigo, recuerdo haber visto más veces
esa solución. Así que no me lo pienso y es lo que vamos a utilizar.

Muchas gracias de nuevo.


Un saludo,

Julia
___
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] h2 dentro de listado-menú

2008-07-25 Por tema carlos campderrós
Hola,

2008/7/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>

> > Y pq no se puede ocultar? A lo mejor el diseño visual ya deja bien claro
> que
> > es la sección actual, pero si lo ves sin css la cosa cambia. Y por
> > usabilidad, nunca está de más remarcar la sección en la que nos
> encontramos
> > (no olvidemos que los usuarios son estúpidos y no
> nos
> > entienden ;-) )
> >
> >
>
> En todo documento (página web, panfleto, artículo de periódico o lo que
> sea), si lees un texto necesitas saber qué es lo que estás leyendo. Por
> tanto el h2 es necesario (asumo que el h1 indica otra cosa de nivel
> superior, por ejemplo el nombre de la empresa). Cierto es que el diseño
> visual deja claro cuál es la sección activa, pero ¿qué pasa con lo que
> no tienen diseño visual? Incluso aunque se marque la sección en el menú
> con em o strong, ¿dónde está el h2? El documento pierde su estructura.
>

El h2 está ahí. Sin diseño visual, se muestra y el documento conserva
estructura. Con diseño visual, la estructura *puede* venir dada con el
diseño y se podría ocultar. Otra cosa es que uses un display: none; o el
'offleft' que mencionas más adelante.

Estámos diciendo lo mismo, o me estoy confundiendo?


-- 
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] h2 dentro de listado-menú

2008-07-25 Por tema Rodrigo Álvarez Virgós
Hola, Carlos y todos

Como creo que queda claro que meter un h2 dentro de una lista de 
navegación no es estructuralmente correcto, me centro en la técnica de 
ocultar información con display:none.

carlos campderrós escribió:
> Hola, aprovecho para comentar a Rodrigo y Julia a la vez...
>
> 2008/7/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>
>
>
> Julia Martínez escribió:
>   
>>> tenemos que hacer un menú horizontal tipo:
>>>
>>> Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
>>>
>>> donde se destaca la opción del menú de la sección donde hemos entrado(por
>>> ejemplo Sección 2).
>>> La duda es cómo indicar el título de la sección.
>>>
>>> - poner el menú normal, y luego un h2 display none, es decir:
>>>
>>> Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
>>>
>>> Sección 2  display: block
>>>
>>> Texto de la sección
>>>   
>
>   
>> Lo más correcto sería marcar con css la sección activa en el menú, y
>> poner el h2 dentro de los contenidos, pero sin oculltarlo (¿acaso
>> ocultas también el h1? Porque para tener un h2 necesitas antes un h1...)
>>
>> 
>
> Y pq no se puede ocultar? A lo mejor el diseño visual ya deja bien claro que
> es la sección actual, pero si lo ves sin css la cosa cambia. Y por
> usabilidad, nunca está de más remarcar la sección en la que nos encontramos
> (no olvidemos que los usuarios son estúpidos y no nos
> entienden ;-) )
>
>   

En todo documento (página web, panfleto, artículo de periódico o lo que 
sea), si lees un texto necesitas saber qué es lo que estás leyendo. Por 
tanto el h2 es necesario (asumo que el h1 indica otra cosa de nivel 
superior, por ejemplo el nombre de la empresa). Cierto es que el diseño 
visual deja claro cuál es la sección activa, pero ¿qué pasa con lo que 
no tienen diseño visual? Incluso aunque se marque la sección en el menú 
con em o strong, ¿dónde está el h2? El documento pierde su estructura.

Además, y tal como remarcas, hay que saber llevar a los usuarios por el 
sitio web (de lo contrario los "estúpidos" somos los diseñadores). 
Mostrar la sección actual en tres sitios (menú, migas de pan y título) 
no está de más, independientemente de la estructuración del documento. 
Así lo dice Steve Krug, que para mí es algo así como Dios xDDD.

Julia: si aun así quieres ocultar el h2, la mejor técnica para ello no 
es usar display:none sino la llamada técnica de "offleft". La cito de un 
hilo que se abrió en su día en AccesoWeb [1]

.oculto{
postion:absolute;
overflow:hidden;
left:-px;
}

Empleando esta técnica en la hoja de estilos, el contenido no se muestra en
pantalla pero es accesible por medio de todo tipo de navegadores y ayudas
técnicas.

[1] http://es.groups.yahoo.com/group/accesoweb/
___
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] h2 dentro de listado-menú

2008-07-25 Por tema carlos campderrós
Hola, aprovecho para comentar a Rodrigo y Julia a la vez...

2008/7/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>

> Hola, Julia
>
> Julia Martínez escribió:
> > tenemos que hacer un menú horizontal tipo:
> >
> > Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
> >
> > donde se destaca la opción del menú de la sección donde hemos entrado
> (por
> > ejemplo Sección 2).
> > La duda es cómo indicar el título de la sección.
> >
> > Yo creo que lo suyo sería poner el título dentro de un h2 (en este caso),
> > pero el diseño que nos han pasado no lo pone, es decir, solo se sabe que
> > está en una sección determinada porque se destaca en el menú.
> >
> > Se me ocurren dos opciones:
> >
> > - poner  dentro del elemento del listado: Sección 2
> > ¿Se puede?
>

El validador no se quejará, pero, tal como dice Rodrigo, no lo veo correcto
desde el punto de vista semántico. Un  o  mejor, como comento
más abajo.


> > - poner el menú normal, y luego un h2 display none, es decir:
> >
> > Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
> >
> > Sección 2  display: block
> >
> > Texto de la sección
>

A mi esta manera me parece correcta (expando un poco más la explicación más
abajo).

>
> >
> > ¿Cuál creeis que es la mejor opción? O cualquier otra que sea mejor.
> >
>
> Yo creo que lo correcto es remarcar la opción "actual" de otra manera,
> por ejemplo de otro color, o en negrita... pero no rodeándolo con una
> etiqueta de título.
>

Con un  o  sin duda sería lo mejor, puesto que enfatizas la
opción actual. Luego por css darle los efectos necesarios. Pero añadirle al
 una classe () no aporta nada para aquellos que no
dispongan de css.


> Lo más correcto sería marcar con css la sección activa en el menú, y
> poner el h2 dentro de los contenidos, pero sin oculltarlo (¿acaso
> ocultas también el h1? Porque para tener un h2 necesitas antes un h1...)
>

Y pq no se puede ocultar? A lo mejor el diseño visual ya deja bien claro que
es la sección actual, pero si lo ves sin css la cosa cambia. Y por
usabilidad, nunca está de más remarcar la sección en la que nos encontramos
(no olvidemos que los usuarios son estúpidos y no nos
entienden ;-) )

-- 
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] h2 dentro de listado-menú

2008-07-25 Por tema Rodrigo Álvarez Virgós
Hola, Julia

Julia Martínez escribió:
> tenemos que hacer un menú horizontal tipo:
>
> Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
>
> donde se destaca la opción del menú de la sección donde hemos entrado (por
> ejemplo Sección 2).
> La duda es cómo indicar el título de la sección.
>
> Yo creo que lo suyo sería poner el título dentro de un h2 (en este caso),
> pero el diseño que nos han pasado no lo pone, es decir, solo se sabe que
> está en una sección determinada porque se destaca en el menú.
>
> Se me ocurren dos opciones:
>
> - poner  dentro del elemento del listado: Sección 2
> ¿Se puede?
> - poner el menú normal, y luego un h2 display none, es decir:
>
> Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |
>
> Sección 2  display: block
>
> Texto de la sección
>
>
> ¿Cuál creeis que es la mejor opción? O cualquier otra que sea mejor.
>   

Yo creo que lo correcto es remarcar la opción "actual" de otra manera, 
por ejemplo de otro color, o en negrita... pero no rodeándolo con una 
etiqueta de título.

No veo correcto meter un título dentro de un elemento que pertenece a un 
grupo, sea éste un menú, una lista de navegación, unas migas de pan, 
etc. (y de hecho he leído en alguna parte que es una mala práctica, ¿en 
el "No me hagas pensar", quizá?). Por otra parte, poner un h2 como parte 
del "contenido" y ocultarlo tampoco es correcto, y es algo que ya se ha 
debatido alguna que otra vez en esta lista.

Lo más correcto sería marcar con css la sección activa en el menú, y 
poner el h2 dentro de los contenidos, pero sin oculltarlo (¿acaso 
ocultas también el h1? Porque para tener un h2 necesitas antes un h1...)

Un saludo


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] h2 dentro de listado-menú

2008-07-24 Por tema Julia Martínez
Buenos días a todos,


tenemos que hacer un menú horizontal tipo:

Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |

donde se destaca la opción del menú de la sección donde hemos entrado (por
ejemplo Sección 2).
La duda es cómo indicar el título de la sección.

Yo creo que lo suyo sería poner el título dentro de un h2 (en este caso),
pero el diseño que nos han pasado no lo pone, es decir, solo se sabe que
está en una sección determinada porque se destaca en el menú.

Se me ocurren dos opciones:

- poner  dentro del elemento del listado: Sección 2
¿Se puede?
- poner el menú normal, y luego un h2 display none, es decir:

Sección 1 | - - - -Sección 2- - - - -  | Sección 3 | Sección 4 |

Sección 2  display: block

Texto de la sección


¿Cuál creeis que es la mejor opción? O cualquier otra que sea mejor.

Perdón por lo mal que me explico.

Muchas gracias.



Julia
___
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