RE: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
No he visto tu web por lo que tal vez lo que yo te diga esté fuera de lugar.
Yo valoraría que si esa capa es la cabecera, tal vez si que transmita
información, con lo que tal vez si se debería usar la imagen con la etiqueta
img introduciéndola en el código y usarla con enlace. Quizás fuese así una
forma de transmitir información adicional en la web, al incluir el alt de
la imagen. Además, así no tendrías que molestarte en introducir etiquetas
extra que tal vez afeen el código.
Vuelvo a insistir en que al no conocer tu caso, tal vez mi enfoque no sea el
correcto.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Choan C. Gálvez
Enviado el: jueves, 01 de diciembre de 2005 16:25
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma
¿cómo?
Carlos wrote:
Tengo en mi web un div con una imagende fondo (la cabecera de la
página) y quiero que actue como un enlace a la página de inicio.
Puedo hacerlo si javascript? Hay algún método o truco para hacerlo?
Seguro que será muy simple hacerlo pero no tengo ni idea.
P.D.: La capa sólo tiene la imagen de fondo y no quiero poner, en la
medida de lo posible, un tag img.
Sí, la hay, pero alguna etiqueta sí que tendrás que usar.
Si mal no recuerdo, en tu web hay un enlace a la página de inicio...
Puedes utilizar este marcado (que incluye un `span` tonto pero muy útil):
a href=/ id=lnkHomeIniciospan/span/a
Y este estilo
#lnkHome span {
position: absolute;
top: lo-que-sea;
left: lo-que-sea;
width: lo-que-sea;
height: lo-que-sea;
}
para situar el `span` **sobre** la cabecera. Como ya forma parte del
enlace, actuará como enlace.
Salud,
Choan
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Juntar dos columnas
Supongo que existirán varias formas de conseguirlo. Una opción podría ser
introducir dentro de una capa ambas listas de la siguiente manera:
div id=contenedor
ul id=navegacionA
lia href=# Enlace 1/a/li
lia href=#Enlace 2/a/li
lia href=#Enlace 3/a/li
/ul
ul id=navegacionB
lia href=#Enlace 4/a/li
lia href=#Enlace 5/a/li
lia href=#Enlace 6/a/li
/ul
/div
Luego darle un ancho a dicha capa y centrarla con el margin : auto para
los buenos y text-align : center (en el body) para el otro.
Luego flotas cada una de las listas una a la derecha y la otra a la
izquierda
body{
text-align : center;
}
#contenedor{
Margin : auto;
Width : 20em;
}
ul#navegacionA,
ul#navegacionB{
width : 10em;
list-style : none;
margin : 0;
padding : 0;
}
ul#navegacionA{
flota : left
}
ul#navegacionB{
flota : right
}
Supongo que también se debería valorar si ambos menús tienen relación y
deberían ir en una sola lista. En ese caso, lo que yo he hecho en alguna
ocasión para conseguir el efecto deseado es una cosa que quizás sea
demasiado burda, pero me funcionó, y es aplicar una clase determinada a los
items de la lista que vayan a un lado y otra a los restantes. Luego apliqué
una clase determinada en función de la posición de cada item en las columnas
(segundo, tercero...). Finalmente posicioné a modo absoluto todos los ítems
y filtre por clases para conseguir el efecto deseado. Con todo esto me
parece que se enguarró mucho toda la css, pero el código html pienso que
quedó más limpio:
div id=contenedormenu
ul id=navegacion
li class=mitadAa href=# Enlace 1/a/li
li class=mitadA segundoa href=#Enlace 2/a/li
li class=mitadA terceroa href=#Enlace 3/a/li
li class=mitadBa href=#Enlace 4/a/li
li class=mitadB segundoa href=#Enlace 5/a/li
li class=mitadB terceroa href=#Enlace 6/a/li
/ul
/div
Y la css:
body{
text-align : center;
}
#contenedormenu{
position:relative;
top: 5em;
margin:auto;
width:50%;
}
ul#navegacion{
margin: 0;
padding: 0;
list-style: none;
}
ul#navegacion li{
border: 1px solid #000;
width: 40%;
line-height:3em;
position: absolute;
}
ul#navegacion li.mitadA{
left: 0;
}
ul#navegacion li.mitadB{
right: 0;
}
.segundo{
top: 3em;
}
.tercero{
top: 6em;
}
Pdta: Supongo que habrá una manera más sencilla de hacerlo.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Patagonia
Enviado el: miércoles, 07 de diciembre de 2005 14:46
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Juntar dos columnas
Buen dia gente:
Tengo dos listas de enlaces en columnas de tablas, como estoy maquetando
mi sitio con
CSS queria ver como podria hacer para eliminar las tablas.
Hasta ahora esto es lo que tengo
Primera columna:
ul dir=menu
lia href=#Enlace 1/a/li
lia href=#Enlace 2/a/li
lia href=#Enlace 3/a/li
/ul
Segunda columna:
ul dir=menu
lia href=#Enlace 4/a/li
lia href=#Enlace 5/a/li
lia href=#Enlace 6/a/li
/ul
lo que no e podido hacer hasta ahora es que ambas columnas se pongan una
al lado de la
otra (pegadas) y que queden centradas en la pagina.
Alguna sugerencia
--
Saludos,
Fernando
___
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
___
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] Cambio cursor
Hola cHiMeNo. Para cambiar el cursor tienes que aplicar en tu css el atributo cursor con uno de los posibles siguientes valores: auto; crosshair; default; pointer; move; e-resize; ne-resize; nw-resize; n-resize; se-resize; sw-resize; s-resize; w-resize; text; wait; help; Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de cHiMeNo Enviado el: jueves, 08 de diciembre de 2005 15:27 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Cambio cursor Hola os escribo para preguntaros como se puede cambiar el cursor en una página He buscado y no encuentro nada de css para poder cambiarlo, en internet explorer lo consigo con un javascript que tampoco me convence, pero quiero que se pueda ver en mozilla firefox. Gracias. Siento si es una pregunta de novato. ___ 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] diferencia hay entre usar ems y small,x-small
Si no me equivoco, la diferencia radica en que con esta serie de palabras clave sólo se puede determinar el tamaño del texto, mientras que con las ems se pueden aplicar a casi todo. El supuesto beneficio de su uso para determinar el tamaño del texto es que se evitan los problemas de herencia, de plataformas y de opciones del usuario relacionados con ems. Al usar ems y anidar elementos, se corre el peligro de que sus valores se multipliquen, lo que podría generar texto demasiado pequeño o demasiado grande. Al igual que las ems, las palabras clave basan su tamaño en el de la fuente predeterminada por el usuario, pero a diferencia de estas, nunca se disminuirá por debajo de un umbral. El problema de las palabras clave creo que radica en cómo las toman cada uno de los navegadores. Un saludo Jorge Rumoroso www.hrmultimedia.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Antonio Urraca Enviado el: viernes, 30 de diciembre de 2005 16:52 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] diferencia hay entre usar ems y small,x-small Hola tengo una duda. ¿Qué diferencia hay entre usar ems y small,x-small, etc... en los tamaños de las fuentes? Gracias de antemano Antonio Urraca F3 nuevas tecnologías Teléfono 945 254 545 [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ 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] Correcto uso de H1
Para hacer totalmente semántico el código y para seguir una estructura lógica, no debería haber más de un encabezado de primer nivel por página. De esta manera se comporta como el supuesto título que engloba al resto del contenido de su correspondiente página. El poner más de un h1 es posible pero semánticamente no lo considero aceptable ni correcto. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Yurkevich Contreras Enviado el: viernes, 13 de enero de 2006 20:54 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Correcto uso de H1 Saludos amigos listeros, tengo la siguiente duda y es sobre el uso correcto de h1, se DEBE tener mas de un h1 en una pagina?? De colocar mas de un h1 es posible, pero esta es aceptable? Saludos y espero sus comentarios. ___ 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] DIV Rebelde en IE y presentacion en la lista.
El elemento contenido, en IE, se sitúa en el centro horizontal del elemento
contenedor al haber heredado este la propiedad text-align:center del body.
Luego, al aplicarle los márgenes, se desplaza desde ese punto.
Lo único que tienes que hacer para solucionarlo es aplicarle al contenedor
la propiedad text-align:left.
Un saludo
Jorge Rumoroso
www.hrmultimedia.com
-
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gonzalo Cabrera
Enviado el: sábado, 14 de enero de 2006 20:34
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] DIV Rebelde en IE y presentacion en la lista.
Hola a toda la lista.
Soy Gonzalo Cabrera de Argentina y soy nuevo en esto del Diseño Web con
Estandares.
Me suscribi a la lista hace unas semanas y por ahora solo he leido los
mail que circulan.
Espero poder aportar algo a medida que vaya aprendiendo.
Vamos a la consulta:
Tengo el siguiente codigo...
---
style type=text/css media=screen
!--
* {margin:0px; padding:0px;}
body {
text-align:center;
background-color:#555;
}
#contenedor {
width:781px;
height:900px;
background-color:#ddd;
position: relative;
margin:auto;
}
#contenido {
width:265px;
height:338px;
position:absolute;
margin-left:270px;
margin-top:155px;
background-color:#f00;
font: 8pt Verdana, sans-serif;
color : #fff;
text-align: justify;
}
#menu {
position: fixed;
bottom: 50px;
left: 320px;
background: transparent url(menu.jpg) no-repeat;
width:118px;
height:344px;
}
/style
/HEAD
BODY
div id=contenedor
div id=contenido
- Esta capa no aparece donde deberia en Internet Explorer./br
- Pero si en Firefox y Opera.
/div
/div
/BODY
/HTML
---
la capa contenido aparece desplazada en IE. Es un error conocido? Es una
especificacion de CSS2 que IE no entiende??
Donde puedo aprender del uso correcto de Absolute y Relative?.
Gracias de antemano.
Saludos!
-tXaLo-
___
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] Correcto uso de H1
Respecto al ejemplo que pones de que fuese un item remarcado por considerar que la página está dentro de una categoría. Utilizas el término tamaño y el término estéticamente. Yo creo que al hablar de encabezados y de su uso correcto, no se debe tener en cuenta el aspecto visual, pues eso pertenece a otro ámbito, al de presentación. Pienso que el debate versa en torno al enfoque semántico. Respecto al otro caso, al de partir de varios niveles de igual jerarquía, yo plantearía el que si tienen igual jerarquía, tienen precisamente algo en común, y en ese caso partirían a su vez de un mismo punto ¿por qué no ponerlo para situarse? Un saludo Jorge Rumoroso www.hrmultimedia.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de José Montes Cuadrado Enviado el: miércoles, 18 de enero de 2006 17:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Correcto uso de H1 Muchas gracias por tu respuesta, Pablo. Dije una imagen por poner un ejemplo, pero podría darse el caso de una página que no necesitara un título. Se me ocurre otro ejemplo: en el caso de seleccionar, en una página sin imagen de cabecera, un ítem en un menú superior y que éste quede marcado de alguna forma, resaltando sobre el resto de ítem, e indicando que esa categoría está seleccionada. En ese caso, poner un H1 podría resultar redundante (si el tamaño del ítem resaltado es muy grande, por ejemplo) y hasta estéticamente mal, pues de alguna manera ya lo estamos indicando con ese ítem resaltado. Lo que trato con este hilo es buscarle tres pies al gato con casos en los que un encabezado H1 podría omitirse, porque no sea necesario, y ver qué pasa entonces. ¿Aún así estoy obligado a poner un encabezado H1 con un contenido repetido? ¿Siempre tiene que haber un único elemento raíz que englobe a todo? ¿La página sería menos accesible si no se pone? Yo considero que no, pues en lugar de establecer una jerarquía que parta de un único elemento raíz, partiría de n-elementos raíces (los elementos H2 que hacía referencia), y por ello no estaría ni mejor ni peor jerarquizada, ¿no? Vale, supongamos que se acepta que hay que tener un encabezado H1 obligatoriamente, entonces ¿cabe la posibilidad de tener ese encabezado oculto, y que se muestre sólo cuando se ve la página sin estilos? ¿Qué pensáis al respecto? Un saludo P.S.: quizá me esté obcecando con una idea absurda que no lleva a ninguna parte, pero lo que intento es ver las cosas desde otro punto de vista. Corregidme si me equivoco. Pablo Viojo escribió: José: No deberías tener un h2 si no tienes un h1. Si la imagen de cabecera funciona como título de la página, entonces dicha imagen debería estar dentro de un h1 con un texto alternativo que sea el título de la página. h1imgalt=Titulo/h1 Saludos -- Pablo Viojo [EMAIL PROTECTED] http://pviojo.net -- ==#== José Montes Cuadrado ___ 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] Png semitransparente como fondo
Respecto al problema de los enlaces inhabilitados, a mi me ocurrió una vez. Me estuve pegando con ello y creo que se me solucionó posicionando en modo relativo el contenido (que a su vez contenía los enlaces) de la capa que usaba como fondo el png. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Inma Bermejo Salar Enviado el: jueves, 19 de enero de 2006 10:32 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Png semitransparente como fondo Marcos Vidal wrote: He visto que podemos usar png semitransparentes dentro de etiquetas img normales mediante behaviour o mediante javascripts de reemplazo, pero no consigo encontrar algo para usar png semitransparentes como fondos de un div y que se vea bien en el $%?!\¡¿ explorer. Sabeis algo? Muchas gracias. Saludos. Yo uso esta técnica[1], necesita algunos requisitos, como poner una anchura determinada al div, pero a mi me ha funcionado muy bien hasta ahora. Además, otro inconveniente es que a veces me parece que la opacidad no es la misma en IE y el resto. Además, si la imagen de fondo no es pequeña, puede dar problemas (inhabilitar los enlaces de esa capa). [1] http://www.chavalina.net/comentar.php?idpost=343q=png -- ...el mundo es una tontería si vas dejando que se escape lo que más querías... [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ 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] El porque del demonio PARTE 2
Tal vez no sea un uso habitual del flash, pero te diré que recientemente me encontré con la necesidad de marcar y mejorar la accesibilidad de una web. El caso es que no se podía tocar el diseño y había un par de imágenes en la cabecera que dependiendo de la resolución quedaban pisadas por el menú. Esto era inaceptable. La opción temporal que se utilizó fue insertar el típico script que detectaba la resolución y en función de ello cargaba una css u otra. Evidentemente no era la mejor opción, con lo que se nos ocurrió una alternativa: usar flash. Si se ponen las dimensiones del object que lo contiene en unidades relativas, al modificar la resolución o la dimensión de la ventana del navegador, o incluso el tamaño del texto, este se redimensiona perfectamente y sin pixelar (cosa que ocurre si se usan imágenes). La accesibilidad se mejoró introduciendo las imágenes originales en el interior del object y poniéndoles sus respectivos alt. Esta imagen funciona como enlace para volver a la página de inicio. Además, el archivo flash también incluye un botón para regresar al inicio y se introdujo el atributo title correspondiente en el propio object. Si se tiene el plugin para visualizarlo, bien. Si no se tiene el plugin para verlo... bien. Si se tiene un navegador de texto... también bien. No pretendo defender el uso de flash, sólo su uso correcto, con un conocimiento adecuado del mismo y de las maneras de hacer que su contenido sea accesible. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Martin Bavio Enviado el: miércoles, 15 de febrero de 2006 5:10 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] El porque del demonio PARTE 2 Agradezco todas las respuestas que han dado a mi planteamiento, aunque algunos se han ido un poco por las ramas :) Lo que busco con este nuevo post es dejar atras todas las teorias sobre flash y que cada uno de un ejemplo practico (que haya hecho en algun sitio) del buen uso del flash, y que tambien pueda explicarme el porque de usar flash en ese caso. Se animan a ayudarme? 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] Como considerar un logotipo
Yo también considero que el logotipo de una empresa forma parte del contenido. Seguramente incluso su propio diseño ha sido realizado (teóricamente) para transmitir una información, al igual que el resto de la identidad corporativa (si la tiene) y no por el mero hecho de decorar. Considero que se debe introducir en el código de la página, con su texto alternativo correcto (incluso si fuera necesario con un title), e incluso en muchos casos dentro de un encabezado. Un saludo Jorge Rumoroso www.hrmultimedia.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de DeltaIdeas :: David Lombardia Enviado el: jueves, 16 de febrero de 2006 20:27 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Como considerar un logotipo Me gustaría conocer cual es vuestra opinión sobre considerar el logotipo de una empresa como contenido e incluir la imagen por lanto en el html o bien considerarlo como algo decorativo e incluirlo desde css. ¿Cómo lo debo de hacer? Un saludo, David Lombardía Gutiérrez :-) ___ 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] Dos clases??
class=claseA claseB claseC -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: martes, 07 de marzo de 2006 13:26 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] Dos clases?? Hola amigos: Creo recordar haber leido en algún sitio cómo poder usar dos clases en una misma etiqueta pero no recuerdo cómo era. ¿Me podeis echar una mano? Gracias mil ___ 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] Lista que no se muestra en IE
EL identificador de la lista no es el mismo que el de la css ¿es un error en
el mensaje o es lo que has puesto en el código?
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Ana Moya
Enviado el: lunes, 27 de marzo de 2006 15:36
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Lista que no se muestra en IE
Hola,
Tengo un problema con una lista que no se muestra en Internet Explorer, pero
si lo hace en Firefox.
div id=pie_int_abajo_izq
ul
liNuestra calle/li
liNuestra calle/li
liNuestra calle/li
/ul
/div
El css:
#pie_int_abajo_dcha {
float: right;
width: 284px;
text-align: center;
}
li {
text-align: left;
line-height: 20px;
position: relative;
}
Tal vez alguien haya tenido un problema parecido.
Se agradece la ayuda ;-)
--
Julián Contreras
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - -
| Soydigital.com | Internet Telecomunicaciones
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - -
___
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] Link activo
También habría que plantear si realmente hace falta que exista el enlace a la sección actual. Si ya estas en ella, no haría falta que el item fuese un enlace, con lo que podrías dar un estilo a los ítems y otro para los enlaces y no tener que diferenciar. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Enrique Rodriguez Enviado el: jueves, 30 de marzo de 2006 14:10 Para: Ovillo Asunto: [Ovillo] Link activo Buenas amigos. Os parecerá una perogrullada, pero la verdad es que nunca me he encontrado con este problemilla. El cliente me ha pedido que en la lista de links que tengo a la izquierda, el que se esté viendo o en el que se esté actuando en el momento, quede señalado de otra forma, no se si me entendeis. Imaginad que tenemos un menú con 4 links: ul lia href=1.html title=numero 1enlace 1/a/li lia href=2.html title=numero 2enlace 2/a/li lia href=3.html title=numero 3enlace 3/a/li lia href=4.html title=numero 4enlace 4/a/li /ul ¿qué debo hacer para que al picar en Enlace 1 se quede por ejemplo de otro color? ¿hay algo como enlace activo, a:active? 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] Error con propiedad en fuente
En nombre de Reynier Perez Mira Enviado el: miércoles, 12 de abril de 2006 19:17 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Error con propiedad en fuente Y que significa que le ponga las a ese elemento, ¿puede ser que este tenga preferencia de ser usado sobre los otros? Las comillas no aumentan la preferencia. Son necesarias cuando el nombre de la fuente incluye algún espacio, como por ejemplo Trebuchet MS (y son una buena práctica cuando incluye algún signo del tipo #). En el caso de no ponerlas, el agente de usuario podría ignorar dicha fuente. También son necesarias en el caso de que el nombre de la fuente coincida con una de las palabras clave que se pueden utilizar en las propiedades declaradas en la css (pj, cursive). Los otros días leí en Internet que cuando le aplico la propiedad font-family: Tahoma,Trebuchet MS, Helvetica, Arial, sans-serif; en ese orden es que va tomando las fuentes en dependencia de si estas instaladas o no de lo contrario usa Times que es la que usan casi todos los navegadores por defecto. Estoy en lo correcto o ... Tienes razón en lo de que el orden en el que se declaran las fuentes es el que sigue el cliente en función de que las tenga instaladas o no. No obstante, con respecto a lo de que utilicen la Times por defecto, no ocurre como dices. Tu declaras la fuente que quieres usar y para el caso de que no esté disponible, declaras alternativas para, finalmente, rematar la declaración con una familia genérica de fuentes, con puede ser la sans-seirf. La idea es que si declaras tipografías sin serifa y no están disponibles, el sistema utilice una fuente también sin serifa para conseguir (teóricamente) aproximar el resultado a lo deseado. Jorge Rumoroso ___ 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, Firefox, y color de fondo en capas
Añade un div mediante css al final de la capa contenedora y aplícale un
clear: both.
#content:after {
content: div/div;
clear: both;
}
El blog en cuestión tiene una imagen de fondo, y una capa contenedora
para el contenido, con color de fondo blanco. En IE el blanco
...
___
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] problemas con Firefox
- tengo un div id=contenedor que contiene toda la información de la pag y que tiene unos bordes. En explorer funciona correctamente. - En Firefox sólo se extiende hasta coger el div id=cabecera. He probado a darle un alto al div id=contenedor, digamos 600 px, y funciona; pero claro, si el contenido es mayor no me soluciona el problema; si le pongo auto... no me funciona. ¿que es lo que no está bien? Lo que ocurre es que tienes todo flotado. Te ocurre lo mismo que ayer comentaba Nidia: http://bidwell.textdrive.com/pipermail/ovillo/2006-April/009648.html Echale un vistazo a las respuestas ___ 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 aplicar estilo en este caso
Revisa la especificidad de los selectores. Lo más probable es que tenga más peso relativo las declaraciones que has hecho genéricas para esos items que para ellos. De ser así, antes de aplicar una clase para cada li, comprueba si puedes aumentar la especificidad (tal vez tengas esa lista dentro de un contenedor con una id, por ejemplo). ___ 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] Formulario accesible
Supongo que Alejandro se habrá despistado al poner un único label para dos campos de formulario con la misma id. En principio si que se podría poner en la misma línea, pero debería incluir un label para cada uno de ellos y debería estar asociado correctamente. Yo lo haría de la siguiente manera (por ejemplo): dl dtDirección/es de correo electrónico/dt dd label for=email1Primer correoinput type=text id=email1 name=email1 tabindex=1 //label label for=email2Segundo correoinput type=text id=email2 name=email2 tabindex=2 //label /dd /dl Y si no te gusta ver el texto del label, lo ocultas, y listo. 2006/4/27, Alejandro Lillo [EMAIL PROTECTED]: Estoy haciendo un formulario con la siguiente estructura ddinput type=text size=20 name=nombre value= //dd dtlabel for=emailEmail/label/dt La cuestión es que en algunos casos me gustaría que se incluyeran varios inputs en una misma línea, ¿cómo me recomiendan hacerlo? Yo haría: dl dtlabel for=emailEmail/label/dt dd input type=text id=email tabindex=1 name=nombre / input type=text id=email tabindex=2 name=segundomail / /dd /dl -- Alejandro Lillo www.nordic-design.net ___ 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] impresión
Aplicando al contenido generado una clase o id (metiendolo en una capa, por ejemplo) y al contenido alternativo otra. El día 27/04/06, Carlos Revillo [EMAIL PROTECTED] escribió: Hola. Estoy con unas páginas en las que uso javascript para ciertas cosas y en las que ofrezco alternativas mediante noscript. El problema lo tengo a la hora de imprimir. Estoy trabajando con un css para la impresión pero me gustaría saber si es posible forzar a la impresora a que lea el contenido del noscript y pase de lo que hace el javascript. Obviamente sin tener que deshabilitar el javascript del navegador. 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] Alinear bottom unos li
El día 7/05/06, Javier Prieto [EMAIL PROTECTED] escribió: Hola amigos de nuevo: Tengo en un DIV 3 elementos de una lista, formados por texto. El problema viene porque el tamaño de texto es diferente y queria alinearlos los 3 en la parte inferior. He probado a meterle padding-top diferentes para desplazarlos verticalmente pero en Explorer parece que sale algo diferente. ¿Hay alguna forma de hacerlo más sencillo? Muchas gracias por vuestra ayuda Para empezar, el li no es un elemento de línea, con lo que vertical-align no le afecta. Por ese motivo tampoco afectará al div. Una posible solución sería posicionar en relativo el ul y los li en absoluto. Luego, a cada li le das un bottom:0. EL problema es que a cada li le vas a tener que aplicar un left diferente para que no se pisen unos a otros. Otro problemilla es que deberás tener en cuenta que al sacarlos del flujo por medio de ese posicionamiento, lo más seguro es que lo que haya por encima de la ul quede detrás del contenido de los li, con lo que tendrás que colocarla o darle un margin top adecuado para que esto no ocurra... vamos, un rollo por el exceso de marcado y por el uso del posicionamiento absoluto. ___ 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] Decoracion en la presentacion
Pienso que no son decorativas pues tratan de transmitir una información acerca de los posibles servicios que se ofrecen o de los que se puede obtener información en el interior de sitio. Respecto a lo de que no se pueda transmitir con palabras, también sería discutible. Si miras las fotografías a ti te estan transmitiendo algo. En principio si transmiten información. Lo que hay que hacer es deducir qué están transmitiendo realmente y emplear las alternativas accesibles para ello. Un saludo On 5/19/06, Hermann Kaser [EMAIL PROTECTED] wrote: On 5/19/06, Trent Chandra [EMAIL PROTECTED] wrote: Saludos lista. Estamos desarrollando una web para una empresa de salud que ofrece cirugías plásticas, tratamientos de belleza, odontológicos, implantes, La primer pagina que aparece cuando se carga el sitio contiene un resumen de los servicios y que si el potencial cliente quiere leer mas puede entrar y encontraría (todavía no esta terminado) un portal con información. El tema es esta primer pagina tiene texto y muchas fotografías, no usamos una presentación en flash, pero algunas de estas fotos, si el cliente tiene activado el Javascript van apareciendo en un orden secuencial. Lo que no terminamos de decidir es si estas deberían ir en la CSS o en el XHML, son fotos decorativas, algunas de tratamientos de belleza que la empresa ofrece, algunas cambiaran regularmente. Yo creo que deberían ir XHTML y mi idea además es que en cms se puedan elegir las fotografías a mostrar, pero alguien del equipo (el hijo del dueño que parece que es aficionado al diseño web) dice que como son decorativas deberían ir en la css y una usar css diferente solo para la presentación. Me gustaría escuchar sus opiniones. Desde ya muchas gracias. Diego. ___ 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 En este caso tenes que pensar que pasaria si vieses la pagina sin hoja de estilos, querrias que esas imagenes se siguiesen viendo verdad? Son decorativas pero son parte del contenido que no se puede describir con palabras, para mi deberian ir en el XHTML. -- Hermann Kaser http://www.theragingche.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] como pasar parameros css????
Podrías hacerlo del lado del servidor con php. Creas un archivo php, por
ejemplo, estilo.php, le metes la cabecera correspondiente para enviarlo
como text/css y lo enlazas en el código de la página normalmente.
En estilo.php:
? header(Content-Type: text/css);?
body {
font-size: ?php echo $size;?
}
Y enlazas el archivo normalmente como una hoja de estilo:
link href=estilo.php?size=3em type=text/css rel=stylesheet /
On 5/27/06, Yoandy del Toro [EMAIL PROTECTED] wrote:
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] Centrado de elementos en IE antes [Posicionamiento CSS, IE vs Firefos]
No Internet Explorer no soporta el margin auto, ... Las ultimas versiones IE si soportan el margin auto, así como el modelo de cajas. La cuestión es que sólo lo hace cuando utiliza un DTD correcto haciendole entrar en modo conforme a estandares (standard compliant). Puedes ver los DTD posibles en: http://www.webstandards.org/learn/reference/charts/doctype-switch También lo mencionan en castellano en: http://www.disenorama.com/articulos/modelo-de-cajas-en-CSS y en http://www.niquelao.net/xhtml/2006/06/14/ocultar-la-declaracion-xml-a-internet-explorer/ Un saludo www.niquelao.net ___ 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: El codigo generado es más bien algo asi: ul lia href=#Item 1/a/li lia href=#Item 2/li ul lia href=#Item 2.1/a/li lia href=#Item 2.2/a/li /ul lia href=#Item 3/a/li etc... /ul Pues si que debería poder ser revisardo, pues el hijo del elemento ul sólo puede ser el elemento li. www.niquelao.net ___ 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] redimensionar imagen en css
Un apunte que quizás no has considerado o tal vez no sabías (en especial se lo digo a Miguel). Las dimensiones de las imágenes de fondo no se pueden definir ni cambiar con CSS. Miguel, cuando escribes width:300px estás declarando una propiedad a un objeto, y no a la imagen de fondo del mismo. ___ 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] Puedo hacer de un div entero un enlace?
El elemento a/a no puede incluir elementos de bloque... y por norma general, los enlaces deben ser claros, descriptivos y breves... www.niquelao.net - Niquelando la Web On 8/28/06, Fernando Serrano [EMAIL PROTECTED] wrote: claro ... si englobas todo el contenido del div en un a href por supuesto !!! ___ 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] se puede redimensionar un object con css?
Lo que te está ocurriendo es que siempre estás viendo el elemento embed, pues no has declarado el tipo de control ActiveX a cargar con el object. Puedes comprobarlo simplemente eliminando el embed y observando el resultado. Entonces, lo que tienes que hacer es cargar el control adecuado para lo que quieres mostrar, y adicionalmente darle estilo al elemento embed además de dárselo al object (recuerda, por lo de las herencias, que el embed va dentro del object). www.niquelao.net - Niquelando la Web ___ 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] Duda sobre el código a utilizar ¿hx o listas?
Lo de la lista de definición pienso que estaría bien, pero quizás el marcado que Richi incluye es un poco retorcido. ¿Por qué no poner directamente la lista de definición como base para la lista de noticias? La lista de noticias podría responder a una estructura tal como la de las listas de definición. Todo depende del peso que se le quiera dar en el contenido, pudiendo llegar a un nivel muy Freak el debate... dl dtTitular I/dt ddBreve texto de la noticia I.../dd dtTitular II/dt ddBreve texto de la noticia II.../dd ... /dl www.niquelao.net - Niquelando la Web Y no sería mejor esto: ul li dl dtTitular/dt ddBlablablabla/dd /dl /li ... carlos campderrós escribió: On 9/4/06, Marta Martínez | ARGUS.net [EMAIL PROTECTED] wrote: para mi, son válidas las dos opciones, como lista o como heading párrafo. Por gustarme, me gusta más la segunda opción. vale... y que tal una lista de noticias, donde cada noticia es un heading + párrafo? ul lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li /ul y si quieres, aún lo puedes englobar cada noticia en un div para estilarlo (cada noticia en una cajita o con diferentes colores de fondo o cualquiero cosa así). ___ 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] divs dentro de parrafos?
Si le echas un vistazo a la especificación... verás que pone cláramente: It cannot contain block-level elementshttp://www.w3.org/TR/REC-html40/struct/global.html#block-inline(including P http://www.w3.org/TR/REC-html40/struct/text.html#edef-P itself). http://www.w3.org/TR/REC-html40/struct/text.html#edef-P ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Se busca... Agenda
Échale un vistazo al calendario que aparece en la sección correspondiente al BOPA en www.asturias.eshttp://www.asturias.es/portal/site/Asturias/menuitem.1003733838db7342ebc4e19110f7/?vgnextoid=d7d79d16b61ee010VgnVCM10017fRCRDvgnextchannel=c0c756a575acd010VgnVCM10bb030a0aRCRDi18n.http.lang=escalendarioBopa=true : Calendariohttp://www.asturias.es/portal/site/Asturias/menuitem.1003733838db7342ebc4e19110f7/?vgnextoid=d7d79d16b61ee010VgnVCM10017fRCRDvgnextchannel=c0c756a575acd010VgnVCM10bb030a0aRCRDi18n.http.lang=escalendarioBopa=true www.niquelao.net - Niquelando la web On 2/22/07, Oscar martinez novoa [EMAIL PROTECTED] wrote: Hola buenos dias gente, Este es mi primer mensaje que envio a la lista. Antes de nada saludos a todos y todas. Os cuento que tengo que hacer un agenda, seria un calendario con dos botones para saltar de mes a mes y que pinchando sobre los dias te llevara al dia con su texto y demas... la cosa es que no encuentro una agenda-calendario asi. Y otra cosa que me pasa por la cabeza es que si meto esto... ¿pasara la doble A? Muchas gracias gente. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- www.niquelao.net - Niquelando la web ___ 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] Atributo alt vacío
Me gustaría preguntar una duda: ¿Es una buena práctica incluir una imágen decorativa en el contenido de una página Web con el atributo alt en blanco? Muchas gracias, Silvia G. Estudiante de informática. Coincido con Juan en que la CSS es para la decoración/presentación, con lo que si una imagen tiene esta finalidad, su lugar es ese. A la hora de construir el sitio web, esta debe ser una de las múltiples premisas. No obstante, hay que ser realistas: no siempre se puede recurrir a esto. Por ejemplo, despues de construir el sitio, viene la gestión de contenidos, y todos sabemos más o menos hasta donde puede llegar esta. Si la imagen es decorativa su contenido es nulo, con lo que el valor del atributo alt debe ser el mismo, ninguno (alt vacío). Siempre deberá llevar dicho atributo, pero en este casó hay que dejarlo en blanco. Siento discrepar con Raúl, pero añadirle un sustituto o aclarador únicamente añadiría ruido, especialmente a los usuarios para los que la imagen no significa nada, los que acceden con lectores de pantalla. El lector de pantalla, cuando encuentra una imagen con el atributo vacío, símplemente no hace nada y continua... ¿qué sentido tendría decirle a dicho usuario que aquí hay una imagen decorativa? El lector esta para leer el contenido. Un saludo Niquelando la web en www.niquelao.net ___ 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 pseudo-enlaces javascript
On 9/25/07, Tei [EMAIL PROTECTED] wrote: bueno, desde hace un tiempo esto se practico añadiendo un pequeño icono al final del enlace, que es pista suficiente de que son enlaces especiales. Y desde CSS podemos añadir este icono. ¿y si no puedes ver ese icono porque no cargas imágenes, CSS, o simplemente porque no accedes visualmente al contenido?... El icono es contenido, pues aporta información acerca del propio enlace, con lo que debería ir en el código del documento, formando parte del enlace al que complementa, y con el correspondiente atributo alt. ___ 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? Marcado semántico vs. marcado e structural
Desde mi humilde punto de vista, entiendo que lo primero sería definir lo que significa semántico y lo que significa estructural. Semántico sería todo lo referente al significado de las palabras. El significado de las palabras no se basa únicamente en su definición del diccionario, sino que también incluye las aportaciones hechas por parte de la persona que las utiliza cuando las transmite. Entiendo que cuando hablamos de marcado semántico, nos estamos refiriendo al marcado que es capaz de transmitir un poco más que el propio contenido de las palabras. Por ejemplo, el énfasis que el creador del contenido quiere dar a un grupo de palabras dentro de una frase. Para ello, tenemos los elementos em y strong, elementos que permitirán tanto a los lectores (vale, y lectoras), como a la máquina, diferenciar los contenidos incluidos en ellos frente a los que no lo estén. Estructural hace referencia al orden de las partes dentro de un todo. Ahí es donde aparencen los elementos tales como por ejemplo los encabezados o las listas. Gracias a los encabezados, los lectores (y lectoras) tendrán, por ejemplo, un mecanismo para hacerse una primera idea de los contenidos, así como un mecanismo para acceder directamente a los que le interesen (especialmente interesante para las personas que utilicen ayudas técnicas para el acceso a contenidos). Estoy de acuerdo contigo en que los encabezados no son tanto marcado semántico como estructural. No obstanet, yo no utilizaría los conceptos de semántica y estructura únicamente como acepciones interpretables por la máquina. Un saludo El marcado estruc 2008/6/13 Victoria Gracia [EMAIL PROTECTED]: Apreciados/as compañeros/as de lista (lo de miembros/as parece que no es correcto) , Este mensaje es fruto de un cierto tiempo de reflexión y debate sobre el uso (incorrecto) que actualmente se hace de la denominación Marcado semántico, especialmente en los entornos de diseño web. Me atrevo a enviárosla puesto que a ello me ha animado algún compañero de lista. comentarioPara el que no interese el tema, puede abandonar aquí la lectura del mensaje/comentario Utilizamos la denominación Marcado semántico para indicar, simplemente, el tipo de elemento que estamos utilizando dentro de una estructura. Así solemos encontrar que marcar como h1 el elemento que contiene el título de un artículo se denomina marcado semántico cuando no añade ningún dato sobre el SIGNIFICADO del artículo. La Web Semántica (RDF, Tripletas RDFa, Turtle, GRDDL, etc...) se refiere a que las máquinas procesen la información por el significado, y no por la estructura. Precisamente RDF intenta dar respuesta a eso en lo que falla XML, dar coherencia y posibilidades de relación. La máquina no distingue la diferencia semántica entre: h1Objetivos de CSS/h1 h1Compre Viagra/h1 puesto que lo único que nos dice h1 es que es el elemento de mayor relevancia, el titular, pero no nos indica el significado de ese titular. En cambio body typeof=foaf:Document about= sí indica que estamos frente a un recurso que es un Documento (tipeof=foaf:Document) y que lo que vamos a incluir a continuación es descripción de este mismo elemento (about=). No quiero entrar en profundidad en el *Marcado semántico* real, en el que añade significado, pero me gustaría con este ejemplo ilustraros porqué denomino *Marcado estructural* a aquel que sólo indica la estructura y *Semántico* este otro que sí indica significado. Otro ejemplo sería en el uso de los elementos title de la cabecera: meta name=DC.title content=Ovillo, la lista de CSS en castellano / meta name=DC.description content=Ovillo agrupa en su lista interesados, de cualquier nacionalidad y habla hispana, en CSS / Aquí estamos indicando, mediante los elementos de Dublin Core, lo mismo que hemos hecho toda la vida, pero en este caso los motores semánticos son capaces de procesar la información y establecer enlaces a partir de ella. En la medida de lo posible os pediría que antes de volver a utilizar el término hiciérais esta reflexión ahora que aún estamos a tiempo de llamarlo Marcado estructural en lugar de confundirlo con Marcado semántico. Espero que no me tildéis de Troll por la explicación. Un saludo Victoria ___ -- www.niquelao.net - Niquelando la web ___ 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? Marcado semántico vs. marcado e structural
2008/6/13 Rodrigo Álvarez Virgós [EMAIL PROTECTED]: Hola, Victoria Estoy 100% de acuerdo contigo, siempre hablamos de web semántica sin pararnos a pensar que es un término que no es del todo correcto. Una cosa es web semántica y otra marcado semántico... No confundamos conceptos porque al final lo que tal vez no sea del todo correcto sea no diferenciarlo. Un saludo Un saludo a todos Rodrigo Victoria Gracia escribió: Apreciados/as compañeros/as de lista (lo de miembros/as parece que no es correcto) , Este mensaje es fruto de un cierto tiempo de reflexión y debate sobre el uso (incorrecto) que actualmente se hace de la denominación Marcado semántico, especialmente en los entornos de diseño web. Me atrevo a enviárosla puesto que a ello me ha animado algún compañero de lista. comentarioPara el que no interese el tema, puede abandonar aquí la lectura del mensaje/comentario Utilizamos la denominación Marcado semántico para indicar, simplemente, el tipo de elemento que estamos utilizando dentro de una estructura. Así solemos encontrar que marcar como h1 el elemento que contiene el título de un artículo se denomina marcado semántico cuando no añade ningún dato sobre el SIGNIFICADO del artículo. La Web Semántica (RDF, Tripletas RDFa, Turtle, GRDDL, etc...) se refiere a que las máquinas procesen la información por el significado, y no por la estructura. Precisamente RDF intenta dar respuesta a eso en lo que falla XML, dar coherencia y posibilidades de relación. La máquina no distingue la diferencia semántica entre: h1Objetivos de CSS/h1 h1Compre Viagra/h1 puesto que lo único que nos dice h1 es que es el elemento de mayor relevancia, el titular, pero no nos indica el significado de ese titular. En cambio body typeof=foaf:Document about= sí indica que estamos frente a un recurso que es un Documento (tipeof=foaf:Document) y que lo que vamos a incluir a continuación es descripción de este mismo elemento (about=). No quiero entrar en profundidad en el *Marcado semántico* real, en el que añade significado, pero me gustaría con este ejemplo ilustraros porqué denomino *Marcado estructural* a aquel que sólo indica la estructura y *Semántico* este otro que sí indica significado. Otro ejemplo sería en el uso de los elementos title de la cabecera: meta name=DC.title content=Ovillo, la lista de CSS en castellano / meta name=DC.description content=Ovillo agrupa en su lista interesados, de cualquier nacionalidad y habla hispana, en CSS / Aquí estamos indicando, mediante los elementos de Dublin Core, lo mismo que hemos hecho toda la vida, pero en este caso los motores semánticos son capaces de procesar la información y establecer enlaces a partir de ella. En la medida de lo posible os pediría que antes de volver a utilizar el término hiciérais esta reflexión ahora que aún estamos a tiempo de llamarlo Marcado estructural en lugar de confundirlo con Marcado semántico. Espero que no me tildéis de Troll por la explicación. Un saludo Victoria ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] Pauta 10.5 - Duda con Caracteres imprimibles
En principio, el punto 10.5 hace referencia a los vínculos que estén contiguos en el código. El problema era que supuestamente (de ahí lo de hasta que), algunas ayudas técnicas podrían interpretarlos erróneamente y ofrecerlos como si de un único vínculo se tratase. Al introducir caracteres imprimibles, estas tectnologías hacen pausas y leen el estos contenidos, permitiendo separar claramente los enlaces entre si. Cuando se incluyen como items de lista, no hay problema, pues por ejemplo, se hace la pausa correspondiente al comienzo de item e incluso se avisa de su presencia. El que presentacionalmente los enlaces estén contiguos, por ejemplo, si haces un *float* o *display:inline* (sin más) sobre los items de la lista, puede presentar (y presenta) por ejemplo el problema de que las personas que acceden visualmente al contenido no los identifiquen por separado. En este caso, la forma sencilla de separarlos es añadiendo algún tipo de propiedad visual adicional entre ellos, como por ejemplo un borde, márgen, etc... Respecto a lo de añadir esos caracteres después de los enlaces (lo que mencionas del , , etc...), considero que si que añaden ruido al contenido (por ejemplo, un lector de pantalla lo leerá). Si la idea es separarlos visualmente, no creo que sea apropiado añadir ruido en el código para ello. A pesar de que los usuarios pudieran estar ya acostumbrados a estes situaciones, personalmente pienso que es preferible añadir algún tipo de imagen (incluso una imagen con estos caracteres), incluyéndola como fondo del elemento en cuestión. Un saludo 2008/6/19 Queli Coto [EMAIL PROTECTED]: Hola listeros, Me surge una duda con esta pauta y es justamente a lo que llama caracteres imprimibles, La pauta dice lo siguiente 10.5 Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) interpreten claramente los vínculos contiguos, incluya caracteres imprimibles (rodeados de espacios), que no sirvan como vínculo, entre los vínculos contiguos. [Prioridad 3] Los menus los suelo hacer siempre dentro de un elemento de lista, por ejemplo ul li a /li li a /li /ul Al colocarlo así esta pauta ya digamos que la pasa, tanto el taw como el hera me lo muestra correctamente. Pero me hace dudar, lo de caracteres imprimibles, tal vez sea la traducción de las pautas al español, pero claro si nosotros imprimimos la página esos no se verán. Otra opción, que suelo incorporar muchas veces es, añadir un elemento span con los caracteres que necesite ( | , , ), justo detrás del elemento a , pero igual estoy ensuciando el código, para algo que ya tengo solucionado, al marcar esos enlaces como una lista. Es una tontería de duda, pero me ha pasado esta semana en el trabajo, y aunque hemos optado por la primera opción, ya que válida, no estoy seguro de que sea la opción correcta. Un saludo a todos -- Noth (Queli Coto) -- sitio personal: www.quelicoto.es blog personal: www.noth.es -- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- www.niquelao.net - Niquelando la web ___ 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] Calendario JS - Ayuda!
Hace tiempo hice uno que tal vez te sirva: http://www.niquelao.net/acc_calendar-calendario-accesible-en-javascript-innecesario-pero-util/ Un saludo El mar, 21-07-2009 a las 22:12 -0300, Aluminé Castillo escribió: Hola gente! Soy nueva en la lista, es la primera vez que mando mail! Les comento mi inquietud a ver si me pueden ayudar Necesito un calendario copado en Javascript para un trabajo que tengo que entregar esta semana y no encuentro nada! Donde puedo buscar? Desde ya muchas gracias!! Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] Márgenes en tds y visualización de ta bla en Safari
¿Probaste con border-collapse y border-spacing sobre la tabla?
Ej:
table {
border-collapse: separate;
border-spacing: 20px;
}
Recuerda que border-spacing permite definir diferentes dimensiones al
espaciado vertical y al horizontal.
Un saludo
www.niquelao.net (niquelando la web)
El dom, 06-09-2009 a las 17:22 +, Andres escribió:
Me estoy volviendo loco con estas tablas.
No puedo utilizar divs ni lis, porque trabajo con un CMS y me tengo que
ajustar a este código.
Quiero separar los tds con un margen para que haya una distancia de 20px
entre un producto y el siguiente.
Además, en Safari se me juntan las columnas de la tabla unas encima de otras.
http://billaressolimar.goodbarry.com/CatalogueRetrieve.aspx?CatalogueID=56449
¿Alguna idea?. Gracias.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Workshop sobre WCAG 2.0 el 21 de octubre de 2009
Hola a todos y todas. Como puede ser de vuestro interés, os paso la información acerca del próximo Workshop sobre WCAG 2.0: La Oficina Española de W3C y la Fundación CTIC organizan en Madrid el primer Workshop WCAG 2.0, cuyo objetivo es ayudar a comprender la importancia de la Accesibilidad en la Web, la forma en que ésta encaja dentro de la visión global del W3C y tener un acercamiento inicial a la versión 2.0 de las Pautas de Accesibilidad. Además de realizar un recorrido por la evolución de las Pautas, se analizarán los puntos más relevantes, novedosos y conflictivos que posee esta nueva versión. El Workshop será impartido por personal del W3C y expertos en accesibilidad de la Fundación CTIC, y su carácter será teórico-práctico. Entre los destinatarios están desarrolladores, diseñadores y gestores de portales, con conocimientos básicos de desarrollo web (HTML, CSS y javascript). El lugar en el que se realizará es el Hotel Tryp Atocha (Calle Atocha, nº 83, 28012, Madrid) Agenda: * 09:00-09:30 - Registro y Bienvenida * 09:30-10:15 - La visión del W3C * 10:15-11:00 - Accesibilidad: de las WCAG 1.0 a las 2.0 * 11:00-11:30 - Café * 11:30-12:45 - Contenido Perceptible * 12:45-13:00 - Pausa * 13:00-14:00 - Contenido Operable * 14:00-15:30 - Comida * 15:30-16:30 - Contenido Comprensible y Robusto * 16:30-17:30 - Fallos frecuentes * 17:30-17:45 - Pausa * 17:45-19:00 - Ejercicios prácticos El precio es de 200 euros e incluye el café de media mañana y la comida (en el propio Hotel), así como el material adicional (documentación del W3C, contenidos del Workshop y prácticas, etc.). La página en la que se habla sobre el workshop WCAG 2.0 es http://tawdis.net/servicios/formacion/index.html?lang=es#workshop Además, podéis solicitar más información por medio del formulario que hay en http://tawdis.net/servicios/formacion/workshop.html ...y realizar las inscripciones en http://tawdis.net/workshop2009/inscripcion.html?lang=es No vemos allí, un saludo Jorge Rumoroso (Niquelando la web) ___ 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] logotipos: h1img /.......
Igual hay alguna mejor, pero de esas dos, clarísimamente la A ¿Por qué? Afirmar que clarísimamente la opción de hacer un remplazo de imagen me parece un poco rotundo. Cada opción tiene sus pros y sus contras y en función de la situación tal vez convenga más una que la otra. Por ejemplo, pienso que la opción de utilizar la imagen es preferible en aquellos casos en los que dicha imagen es una imagen de marca, e incluso, en aquellos en los que es necesario que aparezca la imagen cuando se accede desde determinados dispositivos móviles. Dani, en el caso de que utilices el remplazo de imagen (no lo estoy recomendando), ten en cuenta debes comprobar que no se pierda contenido en diferentes situaciones tales como que haya soporte para CSS y no se carguen las imágenes. Un saludo El 14 de septiembre de 2009 18:48, Dani F. Serch daniou...@gmail.comescribió: Hola, buenas una duda: Que es preferible al colocar una imagen con el título de la web? Opción A: h1 id=logoHeraldo de Aragón/h1 y sustituir mediante CSS el texto por una imagen. Opción B: h1 id=logoimg src=... alt=Heraldo de Aragón//h1 O ninguna de estas opciones?? 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 ___ 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] logotipos: h1img /.......
Y sin embargo si alguien carga la página con CSS pero sin imágenes con
la A no verá nada... ¿no?
Depende de la técnica empleada. Existen muchas técnicas, el problema es
que muchas de ellas ocultan el texto para la situación que comentas
(carga de CSS y ausencia de imágenes). No obstante, esto se puede
solventar con alguna de ellas. Por ejemplo:
h1Texto del encabezadospan/span/h1
h1 {position:relative;}
span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(imagen.png) 0 0 no-repeat;
z-index: 100;
}
De esta manera, el span oculta el texto porque se pone encima y al tener
una imagen de fondo, el remplazo está hecho. Al no cargar imágenes, se
mostraría el texto que hay debajo. El inconveniente es que puede no
servir en el caso de que se utilice una imagen con transparencias.
Bueno, la cuestión es que el problema se puede solventar. En cualquier
caso, insisto en que depende de la situación el que se pueda recomendar
hacer un remplazo de imagen o utilizar imágenes en código. Personalmente
suelo preferir y recomendar esta última opción.
Un saludo
Jorge Rumoroso (niquelando la web)
Workshop sobre WCAG 2.0 el 21 de octubre
http://tawdis.net/servicios/formacion/index.html?lang=es#workshop
(se que esto es una opción un poco descabellada).
lo dicho nunca lo he tenido claro por eso digo tanto ¿no?
saludos
El 14 de septiembre de 2009 18:48, Dani F. Serch
daniou...@gmail.comescribió:
Hola, buenas una duda:
Que es preferible al colocar una imagen con el título de la web?
Opción A:
h1 id=logoHeraldo de Aragón/h1
y sustituir mediante CSS el texto por una imagen.
Opción B:
h1 id=logoimg src=... alt=Heraldo de Aragón//h1
O ninguna de estas opciones??
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
--
Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
-
Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas.
Edward V. Berard, ingeniero informático.
___
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] logotipos: h1img /.......
El lun, 14-09-2009 a las 15:30 -0300, Ignacio Ricci escribió:
Siempre es más flexible todo CSS, que reemplazar una imagen...
...siempre que la imagen sea decorativa ;)
2009/9/14 Jorge Rumoroso rumor...@gmail.com
Esa es la idea, imagina que debes cambiar el logo por X o Y razón... Que
hay?
Si una imagen es contenido, ha de estar en el código. En el remoto caso
de que hiciese falta cambiar el logo:
* si es un cambio de contenido, sí tiene sentido cambiar lo que hay
en el html (incluso tal vez también cambiaría su atributo alt)
* si es un cambio únicamente de la imagen, no le veo mayor problema
a nombrarla como la anterior... así tampoco habría que tocar el marcado.
...
De otro modo, no le encuentro sentido a tener una imagen dentro de h1,
sin
no hay nada de texto...
Supongo que te refieres al caso concreto del logo y no estás
generalizando a cualquier imagen (por ejemplo, una fotografía).
Un logotipo que funciona como imagen de marca no necesariamente lleva
texto pero, a mi modo de ver, sí es contenido, con lo que debería ir en
el código.
Un saludo
Jorge Rumoroso (niquelando la web)
Workshop sobre WCAG 2.0 el 21 de octubre
http://tawdis.net/servicios/formacion/index.html?lang=es#workshop
El 14 de septiembre de 2009 12:04, Ignacio Ricci
ignacio.ri...@gmail.comescribió:
Prefiero el A, porque da más flexibilidad a la hora de cambiar el
diseño
del
sitio, sin tocar el código HTML.
2009/9/14 Andrés gutiérrez andresgut...@gmail.com
Pues yo he sido el que he dicho que clarísimamente la A. Y debo de
confesar que me arrepiento, despues de haber leido todas vuestras
opiniones
creo que si, que depende de la situación y del medio (navegadores,
moviles,
emails,...) al que vaya destinado. En definitiva...he sido demasiado
rotundo
en mi respuesta anterior.
Un saludo,
El 14 de septiembre de 2009 19:55, Ignacio Ricci
ignacio.ri...@gmail.comescribió:
La A, y aparte sería h1a href=/El logo/a/h1 para poder
volver
al
home.
2009/9/14 Dani F. Serch daniou...@gmail.com
Muchas gracias a todos por las recomendaciones.
Creo que, para este caso, usaré la opción B. Pensaba que este
sería
un
tema con más consenso, ya que prácticamente en todas las webs
surge
esa
situación.
Un saludo!
Jorge Rumoroso escribió:
Y sin embargo si alguien carga la página con CSS pero sin
imágenes
con
la A no verá nada... ¿no?
Depende de la técnica empleada. Existen muchas técnicas, el
problema
es
que muchas de ellas ocultan el texto para la situación que
comentas
(carga de CSS y ausencia de imágenes). No obstante, esto se
puede
solventar con alguna de ellas. Por ejemplo:
h1Texto del encabezadospan/span/h1
h1 {position:relative;}
span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(imagen.png) 0 0 no-repeat;
z-index: 100;
}
De esta manera, el span oculta el texto porque se pone encima y
al
tener
una imagen de fondo, el remplazo está hecho. Al no cargar
imágenes,
se
mostraría el texto que hay debajo. El inconveniente es que
puede no
servir en el caso de que se utilice una imagen con
transparencias.
Bueno, la cuestión es que el problema se puede solventar. En
cualquier
caso, insisto en que depende de la situación el que se pueda
recomendar
hacer un remplazo de imagen o utilizar imágenes en código.
Personalmente
suelo preferir y recomendar esta última opción.
Un saludo
Jorge Rumoroso (niquelando la web)
Workshop sobre WCAG 2.0 el 21 de octubre
http://tawdis.net/servicios/formacion/index.html?lang=es#workshop
(se que esto es una opción un poco descabellada).
lo dicho nunca lo he tenido claro por eso digo tanto ¿no?
saludos
El 14 de septiembre de 2009 18:48, Dani F. Serch
daniou...@gmail.comescribió:
Hola, buenas una duda:
Que es preferible al colocar una imagen con el título de la
web?
Opción A:
h1 id=logoHeraldo de Aragón/h1
y sustituir mediante CSS el texto por una imagen.
Opción B:
h1 id=logoimg src=... alt=Heraldo de Aragón//h1
O ninguna de estas opciones??
un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a
Ovillo@lists.ovillo.org
Re: [Ovillo] Margen
2009/11/9 Marina Gallardo marinagalla...@gmail.com Buenas. Tengo un pequeño problema con la web que estoy trabajando, me sale como un margen arriba cuando no está especificado en el css. El theme en el que trabajo está basado en Crafty Cart, ¿alguna sugerencia? La idea es que la columna vaya pegada arriba y abajo, sin márgenes. ¡Gracias! http://foehnrecords.x10hosting.com/foehn/ El problema es sencillo. Fíjate que el espacio que se desplaza es el alto del menú. El problema es que dicho menú está posicionado en relativo. Cuando se posiciona en relativo, el espacio que inicialmente ocupaba seguirá sin estar disponible para el resto de elementos, pues es como si se mantuviese en el flujo del documento. La solución podría pasar por modificar las declaraciones que se emplean para colocar el menú en esa posición. Por ejemplo, podrías sacarlo del flujo mediante posicionamiento absoluto (eso sí, con cuidado). También podrías jugar con márgenes negativos sobre el propio menú. Si le das un margen inferior negativo igual a su propio alto conseguirás subir todo lo que esté a continuación en el flujo. Un saludo. www.niquelao.net - niquelando la web ___ 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] fijar capa
¿Quieres que se desplace o precisamente quieres lo contrario, es decir, que
se quede fija en la ventana al hacer scroll? De ser esto último: position:
fixed
Un saludo
2009/11/19 Joseba Rodríguez jos...@visionasolutions.es
Hola!
Estoy intentado que al mostrar esta capa en una pag con scroll esta capa se
desplace pero casi he desistido.
Alguien con un poco de luz?
Gracias.
#capaFondo1 {
BACKGROUND: url('/intranet/images/trans_medio_opaco.png') repeat
scroll;
overflow: visible;
visibility:hidden;
position: absolute;
padding:0px;
left:0px;
top:0px;
right:0px;
bottom:0px;
width:100%;
height:100%;
z-index:2;
}
___
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
--
www.niquelao.net - Niquelando la web
___
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] Texto preformateado
Para incluir texto preformateado dentro de un párrafo, se utiliza la etiqueta code. La etiqueta code es un elemento inline y es perfectamente válida para incluirse dentro de una p El elemento code es un elemento de línea que se utiliza específicamente para incluir fragmentos de código. Su uso no está planteado para incluir texto preformateado, más que nada porque precisamente no respeta el formateo previo. Si lo que quieres es incluir texto preformateado dentro de un párrafo, lo más probable es que realmente, desde un punto de vista semántico, se trate en realidad de dos párrafos (romper el párrafo único en dos) y entre medias el elemento pre. Un saludo Un saludo. Jesús -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de jaume op Enviado el: miércoles, 20 de enero de 2010 12:34 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Texto preformateado Me a surgido un dilema, se puede poner un pre dentro de un párrafo? Y que repercusiones puede tener. Gracias -- Saludos Jaume ___ 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 No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.432 / Virus Database: 270.14.124/2598 - Release Date: 01/19/10 17:49:00 ___ 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 -- www.niquelao.net - Niquelando la web ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema de novato con html+css (formulario)
Ferran, lo que ocurre es que el alto del label y el alto del input no tienen la misma altura. Para ver lo que realmente está pasando te aconsejo que le pongas un outline al span (outline para que no afecte a las dimensiones del elemento). Verás que los elementos span, se colocan por debajo del input anterior pero se apoyan también contra el span precedente. De ahí que si le das un padding al input, este cambia su alto, el span se desliza por debajo de de lo que le precede hasta apoyarse a la izquerda. Podrás comprobar que, al ser el alto lo que afecta, podría valerte con haber aplicado ese padding en vertical (arriba o abajo). Esa es la explicación de lo que está pasando. Respecto a cómo solucionarlo, lo que te comenta Ignacio. Aun así, también querría hacer un par de apuntes al respecto: 2010/1/25 Ignacio Ricci ignacio.ri...@gmail.com El label no debe rodear el campo, va aparte. La sintaxis correcta es esta: p label for=nomNombre/label input type=text name=nom id=nom / /p El extraer el campo de texto del label es una opción para conseguir lo que Ferran pretende, pero el incluir dicho input dentro de él también es sintácticamente correcto (e. Después, cuando un elemento está flotado, transforma su propiedad display a block, por lo tanto usar display:inline; en el elemento flotado no hace nada. Eso es, pero tal vez habría que puntualizar que en determinados casos si hace algo, arregla un bug de IE 6 cuando el elemento flotado también tiene un margen (doble margen de IE). Los elementos input también deberian estár flotados. No creo que sea necesario flotarlos, aunque tal vez se me esté escapando algo. Y los parrafos (actualmente son labels), deberían aplicar un clear para detener los flotados. Eso es, aunque a simple vista podría llegar a parecer que no hace falta el clear, si es necesario como bien dice Ignacio. Y digo lo de que podría parecer porque el margen de los párrafos crea el espaciado suficiente como para que no se repita el problema (puedes comprobarlo quitando los márgenes de los párrafos sin añadir el clear) Un saludo -- www.niquelao.net - Niquelando la web ___ 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 : after : before
No, no vas a poder utilizar la propiedad content para lo que creo que pretendes. Si no he entendido mal, quieres algo así como colocar visualmente un contenido en otro lugar. Para ello deberás recurrir a otra técnica (tal vez jugando con cuidado con posicionamientos). Por otro lado, también es posible que debas revisar si ese traslado visual pretende rectificar lo que tal vez en código debiera estar en otro lugar (es sencillo, bastará ver la web sin CSS y deducir si el orden de los contenidos es el correcto). En este último caso, precisamente debería adaptarse el código al orden correcto y estilarse después. Un saludo y suerte -- www.niquelao.net - Niquelando la web 2010/1/26 Alexander Gonzales gonzal...@gmail.com Buen día: Tengo una consulta, yo tengo un div creado muy abajo de la web : div id=tomo1 .. . . /div Entonces yo quiero que esta capa salga arriba debajo de otro div llamado div id=titulo. Es decir quisiera que aparesca después de esta última capa mencionada. Estaba tratando de usar :after pero no se como usarl el content puedo llamar a otro div usando este atributo? Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema de novato con html+css (formulario)
2010/1/26 Ferran Fontcuberta fer...@fompi.net Eso es, aunque a simple vista podría llegar a parecer que no hace falta el clear, si es necesario como bien dice Ignacio. Y digo lo de que podría parecer porque el margen de los párrafos crea el espaciado suficiente como para que no se repita el problema (puedes comprobarlo quitando los márgenes de los párrafos sin añadir el clear) Si lo he entendido bien, al poner el clear en los label este actúa de contenedor-reseteador, de manera que los valores de desplazamiento que ha creado el posicionamiento mediante el float se ignoran; de otro modo, se posiciona siguiendo el orden establecido por el float (que aún no entiendo muy bien cómo funciona); cierto? En realidad, la propiedad *clear* aplicada sobre un elemento (flotado o no) no hace exactamente lo de resetear, sino que hace que este no pueda colocarse junto a otros elementos que estén flotados antes que él en el código (flotados a la izquierda, a la derecha o a ambos lados con *clear: left, right* y *both* respectivamente). Por otro lado, al flotar un elemento, pasa a dejar de estar en el flujo normal del documento, con lo que para el resto de elementos es como si no existiese, pasando a ocupar su espacio. No obstante, el texto de estos últimos si que reconoce el espacio ocupado por el elemento flotado, motivo por el cual lo tratan de rodear. Un saludo -- www.niquelao.net - Niquelando la web ___ 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] Dos columnas, el contenido de una se modifica al utilizar clearfix
Hola Ana. El enlace para el código no parece funcionar. Respecto al problema, como no he podido ver el código (ni el resultado visual) no te podría decir una respuesta definitiva. No obstante, me voy a arriesgar basándome en suposiciones: Entre lo que estas haciendo tal vez podrías comprobar el tipo de aclarado que hace falta, es decir, resulta evidente que el problema es el clear que afecta al lado izquierdo del elemento (supongo que estarás con un clear: both o clear: left). Si no fuese necesario el aclarado por la izquierda pero sí el de la derecha, podrías hacerlo únicamente a ese lado. Si lo que te acabo de comentar no te sirve, tal vez podrías flotar ambos contenedores en lugar de hacerlo únicamente sobre el primero, y si quieres que ocupe todo el ancho, si el primer contenedor tiene dimensiones en %, con que le des el resto al otro sería suficiente (si hay márgenes laterales, tendrás que tenerlos en cuenta). Otra opción es recurrir a otro tipo de maquetación, como por ejemplo, posicionar el primer bloque mediante posicionamiento absoluto y darle al otro un margen izquierdo tan ancho como aquel para que el resultado sea el mismo que lo que quieres conseguir (con cuidado lo de los posicionamientos). Si esto tampoco sirve, quizás jugando con el margen superior del elemento que quieres que se coloque por debajo del que está flotado. Ya ves que son varias las opciones, y hay más. Quien sabe, tal vez alguna te sirva, aunque si lo prefieres, vuelve a enviar el enlace y lo revisamos para ver estas u otras posibles soluciones... o al menos, para ver si podemos echarte una mano. Un saludo 2010/1/26 Ana Moya abm...@gmail.com Hola, tengo un problema que no logro resolver, a ve si alguien ve el fallo. Tengo un contenedor con dos columnas. La columna de la izquierda flotada y con tamaño fijo. La columna de la derecha sin flotar y sin tamaño para que ocupe el resto de la página. Utilizo el http://meyerweb.com/eric/tools/css/reset/ El problema es que si utilizo .clearfix dentro de un div en el contenido de la derecha, el cuadro bajo las pestañas, coge el tamaño del final del menú de la columna izquierda. Mejor en imágenes: Bien: http://www.encisonet.com/tmp/bien.png Mal: http://www.encisonet.com/tmp/mal.png El código lo pueden ver en http://www.encisonet.com/test/index.html Gracias. Ana ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] Dos columnas, el contenido de una se modifica al utilizar clearfix
Hola de nuevo. Por lo que he visto, tal vez con que pruebes con lo que te dije de cambiar el *clear: both* por *clear: right* sea suficiente. Está claro que el aclarado por la izquierda (aunque estás usando *clear: both*) es el que origina el problema, y probando a hacerlo únicamente por la derecha parece que podría servirte. Un saludo 2010/1/26 Ana Moya abm...@gmail.com Perdón, es http://www.encisonet.com/tmp/index.html http://www.encisonet.com/test/index.html El 26 de enero de 2010 16:50, Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com escribió: hola, posiblemente falte un margin-left del contenedor que no está flotando. si el contenedor que flota tiene un width de 200px, el que no flota debe tener un margin-left de al menos 200 px El 26 de enero de 2010 17:45, Jorge Rumoroso rumor...@gmail.com escribió: Hola Ana. El enlace para el código no parece funcionar. Respecto al problema, como no he podido ver el código (ni el resultado visual) no te podría decir una respuesta definitiva. No obstante, me voy a arriesgar basándome en suposiciones: Entre lo que estas haciendo tal vez podrías comprobar el tipo de aclarado que hace falta, es decir, resulta evidente que el problema es el clear que afecta al lado izquierdo del elemento (supongo que estarás con un clear: both o clear: left). Si no fuese necesario el aclarado por la izquierda pero sí el de la derecha, podrías hacerlo únicamente a ese lado. Si lo que te acabo de comentar no te sirve, tal vez podrías flotar ambos contenedores en lugar de hacerlo únicamente sobre el primero, y si quieres que ocupe todo el ancho, si el primer contenedor tiene dimensiones en %, con que le des el resto al otro sería suficiente (si hay márgenes laterales, tendrás que tenerlos en cuenta). Otra opción es recurrir a otro tipo de maquetación, como por ejemplo, posicionar el primer bloque mediante posicionamiento absoluto y darle al otro un margen izquierdo tan ancho como aquel para que el resultado sea el mismo que lo que quieres conseguir (con cuidado lo de los posicionamientos). Si esto tampoco sirve, quizás jugando con el margen superior del elemento que quieres que se coloque por debajo del que está flotado. Ya ves que son varias las opciones, y hay más. Quien sabe, tal vez alguna te sirva, aunque si lo prefieres, vuelve a enviar el enlace y lo revisamos para ver estas u otras posibles soluciones... o al menos, para ver si podemos echarte una mano. Un saludo 2010/1/26 Ana Moya abm...@gmail.com Hola, tengo un problema que no logro resolver, a ve si alguien ve el fallo. Tengo un contenedor con dos columnas. La columna de la izquierda flotada y con tamaño fijo. La columna de la derecha sin flotar y sin tamaño para que ocupe el resto de la página. Utilizo el http://meyerweb.com/eric/tools/css/reset/ El problema es que si utilizo .clearfix dentro de un div en el contenido de la derecha, el cuadro bajo las pestañas, coge el tamaño del final del menú de la columna izquierda. Mejor en imágenes: Bien: http://www.encisonet.com/tmp/bien.png Mal: http://www.encisonet.com/tmp/mal.png El código lo pueden ver en http://www.encisonet.com/test/index.html Gracias. Ana ___ 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 -- www.niquelao.net - Niquelando la web ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] anclas
Personalmente considero más apropiado aprovechar el id de un elemento como sistema de ancla, puesto que no añades elementos adicionales al contenido. Por otro lado, el caso del elemento a (lo llamo así por evitar el término enlace que puede malinterpretarse en este contexto) también puede ser válido, pero con el atributo name en lugar del id. Este sistema de crear anclas, el del uso del elemento a se utilizaba con más frecuencia un tiempo atrás, poro cada vez está más en desuso. Carlos, un apunte. Si un enlace no tiene href no recibirá el foco, con lo que no interfiere en la navegación de las personas que navegan tabulando. No es un elemento de navegación con el que el usuario pueda interactuar. Un saludo 2010/1/27 Carlos García-Olalla Olivera carlos.garciaola...@gmail.com Buenas tardes Jaume, Sería más correcto el uso de la segunda opción directamente, sin emplear enlaces vacíos. Ten en cuenta que hay gente que navega a través de los enlaces y que un enlace vacío es completamente inútil en este sentido. Espero serte de ayuda. Saludos, Carlos García-Olalla 2010/1/27 jaume op jaum...@gmail.com Cual seria el uso correcto de las anclas? 1. a id=ancla / 2. p id=anclabla bla/p Y por supuesto su correspondiente link: a href=#ancla title=/a... -- Saludos Jaume ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] anclas
Cierto que el *id* también es válido para los enlaces (ambos atributos asignan un nombre al elemento que lo porte). Únicamente cité *name* porque tradicionalmente se utilizó con ese fin en los anclas, pero no pretendía excluir el otro. Respecto a lo de añadir etiqueta de cierre, al tratarse de un elemento vacío, la necesidad y forma de añadir el cierre depende de la gramática empleada. Si se trata de xhml, *a name= /* o *a id= / *es lo correcto. En el caso de ser html la otra opción sería la válida (e incluso también sin cierre). Un saludo 2010/1/27 mikel blonfu jan...@gmail.com Cierto que tradicionalmente cuando se usan enlaces vacíos como ancla se utiliza el atributo name pero id es también válido. En cualquier caso yo creo que la sintaxis sería a id=ancla/a y no a id=ancla /, esta última creo que no es correcta, no estoy totalmente seguro. Corregidme si no es así. ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] anclas
Hola de nuevo. Espero que no parezca una respuesta brusca, pero es que un enlace que apunta a si mismo no tiene mucho sentido (por no decir ninguno), pudiendo llegar a ser perjudicial desde puntos de vista tales como la accesibilidad o la usabilidad. El texto de un enlace debe ser lo más explícito en su destino, pero no tanto como para que si su contenido es un título, se apunte a si mismo. Lo que se espera cuando utilizas un enlace es que te lleve a otro sitio. Si se hace esto que sugieres, será mucho más negativo para la página que positivo para nadie. Un saludo 2010/1/27 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com A mí personalmente me gusta que esté el enlace apuntandose a sí mismo de la siguiente forma: a id=marcador href=http://www.loquesea.com/pagina.html#marcador Titulo/a De esta forma es más fácil que nos enlacen directamente al título haciendo botón derecho-copiar enlace. El 27 de enero de 2010 16:32, Jorge Rumoroso rumor...@gmail.com escribió: Cierto que el *id* también es válido para los enlaces (ambos atributos asignan un nombre al elemento que lo porte). Únicamente cité *name* porque tradicionalmente se utilizó con ese fin en los anclas, pero no pretendía excluir el otro. Respecto a lo de añadir etiqueta de cierre, al tratarse de un elemento vacío, la necesidad y forma de añadir el cierre depende de la gramática empleada. Si se trata de xhml, *a name= /* o *a id= / *es lo correcto. En el caso de ser html la otra opción sería la válida (e incluso también sin cierre). Un saludo 2010/1/27 mikel blonfu jan...@gmail.com Cierto que tradicionalmente cuando se usan enlaces vacíos como ancla se utiliza el atributo name pero id es también válido. En cualquier caso yo creo que la sintaxis sería a id=ancla/a y no a id=ancla /, esta última creo que no es correcta, no estoy totalmente seguro. Corregidme si no es así. ___ 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 -- www.niquelao.net - Niquelando la web ___ 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 -- www.niquelao.net - Niquelando la web ___ 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] anclas
Sigo sin entender la necesidad de vincular un enlace a si mismo (funciona como origen y destino). Respecto a la accesibilidad puede afectar a las personas que utilizan lectores de pantalla, además de a personas con posibles limitaciones cognitivas. En una auditoría de accesibilidad pueden identificar como problema la existencia de enlaces sin funcionalidad (tal y como ocurre con los enlaces para volver atrás o imprimir cuando funcionan con javascript y se mantienen presentes en ausencia de soporte para este, es decir, pasan a ser enlaces no funcionales en ausencia de javascript). Y en cuanto a usabilidad, entiendo que puede afectar negativamente el que el usuario se encuentre enlaces que no sirven para nada, es decir, se utilizan y no llevan a ningún sitio ni inician un comportamiento. Simplemente no veo justificado su uso en ningún caso frente a los perjuicios que puede provocar. Un saludo 2010/1/27 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Desconozco si influye en posicionamiento o si entorpece la lectura de las personas con discapacidad visual pero yo lo echo en falta en muchas ocasiones, cuando quiero vincular un epígrafe concreto de un documento. ¿Alguien sabe qué repercusiones puede tener en posicionamiento o accesibilidad? a id=marcador href=http://www.loquesea.com/pagina.html#marcador Titulo/a 2010/1/27 carlos campderrós gilipollas.desconcerta...@gmail.com Buenas, 2010/1/27 Jorge Rumoroso rumor...@gmail.com Espero que no parezca una respuesta brusca, pero es que un enlace que apunta a si mismo no tiene mucho sentido (por no decir ninguno), pudiendo llegar a ser perjudicial desde puntos de vista tales como la accesibilidad o la usabilidad. El texto de un enlace debe ser lo más explícito en su destino, pero no tanto como para que si su contenido es un título, se apunte a si mismo. Lo que se espera cuando utilizas un enlace es que te lleve a otro sitio. Si se hace esto que sugieres, será mucho más negativo para la página que positivo para nadie. Yo no opino lo mismo. Va muy bien para actualizar la página en páginas con contenido cambiante (digamos el seguimiento de las acciones en la bolsa), y también es muy usado para permalinks en blogs o en la propia wikipedia. No sé si entraña algun problema de accesibilidad, pero en cuanto a usabilidad, a veces es una gran mejora (otras veces te doy la razón, no sirve para nada... como todo, depende del momento). saludos, carlos. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- www.niquelao.net - Niquelando la web ___ 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] anclas
En respuesta a Gerardo: Discrepo en lo de que el enlace redundante tenga funcionalidad. La funcionalidad de un enlace viene determinada porque conduzca a un destino o no. Si estás en un sitio que únicamente sirve para llevarte a ese mismo sitio, carece de funcionalidad. Y precisamente, el caso de los enlaces del menú que apuntan a la misma página no es el mismo que apunten a si mismos. Apuntan a la misma página y estando en el menú ya sabes qué van a hacer o qué no van a hacer. Además, desde el punto de vista de la accesibilidad (nuevamente) se suele recomendar que dejen de ser enlaces. Por otro lado, el que te coloque lo que estás leyendo al comienzo de la página tampoco le veo mucha utilidad (me refiero a este caso), pues si quieres subir lo que estás leyendo utilizas el scroll o las flechas del teclado. Sin embargo, precisamente ese comportamiento puede desorientar, en el caso de que te pille el enlace a mitad de pantalla o algo más abajo y le des, al subirte y dejar de ver lo que estabas viendo. El lector de pantalla no va a diferenciar (creo que es este el caso) que el enlace haga referencia a la propia página con un ancla y además que apunta a si mismo. Indica que es un enlace y lee su contenido. Si además, en posicionamiento tampoco influye, un motivo menos para utilizarlo (que tampoco justificaría su uso si así fuese). Y en respuesta a Carlos: Si para actualizar la página ya tiene una funcionalidad el navegador que resulta ampliamente conocida, ¿por qué añadirla de esta manera y afectar negativamente a la accesibilidad y usabilidad?. Un saludo 2010/1/27 carlos campderrós gilipollas.desconcerta...@gmail.com Hm... 2010/1/27 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Por otro lado obsérvese que el navegador coloca el elemento referenciado mediante # en la parte superior de la pantalla. No me había fijado que el enlace venía con el # incorporado. En este caso, clicar el enlace no provoca la recarga de la página, con lo que lo veía útil para actualizar, sinó que el navegador únicamente desplaza la página actual para colocar el enlace en la parte superior. Ahí entonces no le veo mucho sentido. Ahora, a usar un enlace hacia la misma página (sin el #) sí que le veo bastante sentido. saludos, carlos. -- 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 -- www.niquelao.net - Niquelando la web ___ 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
