Re: [Ovillo] Centrar contenido

2006-11-24 Por tema Salugral Adriana Pazos García-Camino
Hola Jesús, yo veo la página centrada.
En cuanto a la accesibilidad de la página mejoraría tres cosas:
1. El tamaño de las fuentes está en px, por lo que no permite aumentar el 
tamaño del texto en IE.
2. El texto de los párrafos no tiene suficiente contraste de color con el 
fondo, debería ser blanco, y algún fondo habría que oscurecerlo. Puedes usar 
esta herramienta para analizar el contraste:
http://www.visionaustralia.org.au/info.aspx?page=959
3. Pondría algunos atajos de teclado en los enlaces de menú y un ancla para 
saltar la navegación, los atajos más comunes son: Inicio (tecla 1), saltar 
navegación (tecla 2), contacto (tecla 4).

saludos


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Hermann Kaser
Enviado el: jueves, 23 de noviembre de 2006 22:08
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar contenido


On 11/23/06, Jesus Torralba Izuel [EMAIL PROTECTED] wrote:
 Hola,
 estamos preparando esta web: http://www.galliguera.com/ y no consigo
 ver todas las secciones centradas en la página (al menos eso creo).
 También me gustaría que la vieseis por si veis algún fallo, es una
 web que debe ser adaptada para personas con discapacidad

Centradas? Yo lo veo todo bastante centrado... pinta bien.

-- 
Hermann Käser
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://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] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Ignacio Fortea
 -Mensaje original-
 De: [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED]
 En nombre de Jose Manuel Segovia Guisado Enviado el: jueves, 
 23 de noviembre de 2006 01:35
 Para: Ovillo la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
  
 Pues la verdad que no se que hago mal, he copiado justo lo 
 que tu has puesto
   he validado y esto me dice:
  
 Errores
 URI : file://localhost/stylesheet.css
 Lnea: 4 Contexto : ???
 Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
  
 Puede que me de el eroor por hacerlo en local?


Para validar hojas de estilo en local, utiliza la extension webdeveloper de
Firefox.
Yo creo que ahí esta tu error.

Un saludo

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


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Jose Manuel Segovia Guisado
Muchas gracias,
 
Así lo haré.
 
Saludos,
 
Jose. 
 
---Original Message---
 
From: Ignacio Fortea
Date: 24/11/2006 10:12:54
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED]
 En nombre de Jose Manuel Segovia Guisado Enviado el: jueves,
 23 de noviembre de 2006 01:35
 Para: Ovillo la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

 Pues la verdad que no se que hago mal, he copiado justo lo
 que tu has puesto
   he validado y esto me dice:

 Errores
 URI : file://localhost/stylesheet.css
 Lnea: 4 Contexto : ???
 Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }

 Puede que me de el eroor por hacerlo en local?
 
 
Para validar hojas de estilo en local, utiliza la extension webdeveloper de
Firefox.
Yo creo que ahí esta tu error.
 
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] Lista de definiciones como en un diccionario

2006-11-24 Por tema Gael
Muchísimas gracias inti! Es perfecto.


inti castro escribió:
 On 11/23/06, Gael [EMAIL PROTECTED] wrote:
   
 Me estoy peleando con una lista de definición. Quiero que los elementos
 aparezcan como en un diccionario: cada definición en un bloque, una encima
 de la otra y, en cada elemento el término (en negrita, por ejemplo) y, a
 continuación, la definición sin indentar ni nada.

 

 a ver con esto:

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
 title/title
 style type=text/css
 dl, dl * { margin: 0; padding: 0; }
 dt {
 float: left;
 width: auto;
 padding-right: .25em;
 font-weight: bold;
 font-variant: small-caps;
 }
 dd {
 display: block;
 }
 /style
 /head
 body
 dl
 dtItem 1:/dt
  ddDefinición 1./dd
 dtItem 2:/dt
 ddDefinición 2, muy larga para que ocupe más de una línea y las
 siguientes líneas, sin sangría, empiecen alineadas a la izquierda con el
 término y tal y cual./dd
 dtItem 3:/dt
  ddDefinición 3 bla bla bla./dd
 /dl
 /body
 /html

   

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


[Ovillo] Menu usando listas

2006-11-24 Por tema Víctor Berga
Hola,

He hecho el siguiente menú haciendo uso de listas desordenadas y css:

ul id=navBar

  li
div class=navBarIcono
  a href=#img src=
  icono.png alt=
  Inicio //abr /
  a href=#Inicio/a
/div
  /li
  li
div class=navBarIcono

  a href=#img src=
  icono1.png alt=
  Boton1 //abr /
  a href=#Boton1/a
/div
  /li

/ul

y el css:

#navBar {
list-style-type: none;
}

#navBar li {
margin: 2px;
padding: 2px;
float: left;
}
div.navBarIcono {
text-align: center;
font-size: 10px;
}


La idea es hacer una barra horizontal con el icono arriba, el texto abajo y
todo centradito. Los resultados con este código son lo que necesito pero
gustaría saber si es la mejor forma y la más adecuada para hacerlo usando
XHTML1.0 Strict y sobre todo que tal he usado el CSS o:-)

Gracias,
Víctor

--
Víctor Berga [vbergae.listas (at) gmail.com]
Sin música la vida sería un error
___
Lista de distribución Ovillo
Para 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] mantener enlace activo en el mismo html

2006-11-24 Por tema Alex Esteve | malagacentro.com
Estimados compañeros,

al 'rediseñar' un css para una aplicación web me encuentro con el siguiente 
problema...


Tengo un html con enlaces, estos enlaces tienen el mismo estilo en hover y 
active. De forma que al pulsar uno se queda igual que al pasar el raton por 
encima. El problema es cuando pulsas el cualquier otro sitio de la web, el 
estado active del enlace seleccionado se desactiva y vuelve a su estado 
original. No tengo opcion de recargar la web para definir un estilo distinto al 
elemento seleccionado, tiene que ser todo en el mismo html y sin recargarlo.

Cabe la posibilidad de cambiar el estilo del estilo del enlace sin recargar el 
html?


muchas gracias!

alex esteve


os copio el css:

a:link {
 color: #003366;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #003366;
}
a:hover {
 text-decoration: underline;
 color: #009900;
 font-weight:bold;
}
a:active {
 text-decoration: underline;
 color: #009900;
 font-weight:bold;
}


y el html

body
pa href=#enlace 1/a/p
pa href=#enlace 2/a/p
pa href=#enlace 3  /a/p
/body
___
Lista de distribución Ovillo
Para 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] mantener enlace activo en el mismo html

2006-11-24 Por tema jaume op
Prueba a utilizar el a:visited para que quede como a a:hover; o dar un
class a cada p; aunque por que no utilizar una ul ;)?

El día 24/11/06, Alex Esteve | malagacentro.com [EMAIL PROTECTED]
escribió:

 Estimados compañeros,

 al 'rediseñar' un css para una aplicación web me encuentro con el
 siguiente problema...


 Tengo un html con enlaces, estos enlaces tienen el mismo estilo en hover
 y active. De forma que al pulsar uno se queda igual que al pasar el raton
 por encima. El problema es cuando pulsas el cualquier otro sitio de la web,
 el estado active del enlace seleccionado se desactiva y vuelve a su estado
 original. No tengo opcion de recargar la web para definir un estilo distinto
 al elemento seleccionado, tiene que ser todo en el mismo html y sin
 recargarlo.

 Cabe la posibilidad de cambiar el estilo del estilo del enlace sin
 recargar el html?


 muchas gracias!

 alex esteve


 os copio el css:

 a:link {
 color: #003366;
 text-decoration: none;
 }
 a:visited {
 text-decoration: none;
 color: #003366;
 }
 a:hover {
 text-decoration: underline;
 color: #009900;
 font-weight:bold;
 }
 a:active {
 text-decoration: underline;
 color: #009900;
 font-weight:bold;
 }

 
 y el html

 body
 pa href=#enlace 1/a/p
 pa href=#enlace 2/a/p
 pa href=#enlace 3  /a/p
 /body
 ___
 Lista de distribución Ovillo
 Para 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] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Guillermo Movia
Hola, puede que esté totalmente errado, pero si este es el código que
estás intentando validar:

*{margin:0, padding:0;}

(copiado de los mensajes de arriba) Creo que después de margin:0
debiera ir punto y coma y no coma solamente.

Guillermo

2006/11/24, Jose Manuel Segovia Guisado [EMAIL PROTECTED]:
 Muchas gracias,

 Así lo haré.

 Saludos,

 Jose.

 ---Original Message---

 From: Ignacio Fortea
 Date: 24/11/2006 10:12:54
 To: 'Ovillo, la lista de CSS en castellano'
 Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

  -Mensaje original-
  De: [EMAIL PROTECTED]
  [mailto:[EMAIL PROTECTED]
  En nombre de Jose Manuel Segovia Guisado Enviado el: jueves,
  23 de noviembre de 2006 01:35
  Para: Ovillo la lista de CSS en castellano
  Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
  Pues la verdad que no se que hago mal, he copiado justo lo
  que tu has puesto
he validado y esto me dice:
 
  Errores
  URI : file://localhost/stylesheet.css
  Lnea: 4 Contexto : ???
  Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
 
  Puede que me de el eroor por hacerlo en local?


 Para validar hojas de estilo en local, utiliza la extension webdeveloper de
 Firefox.
 Yo creo que ahí esta tu error.

 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

___
Lista de distribución Ovillo
Para 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] js e iexplorer

2006-11-24 Por tema laura
hola

Cual puede ser la causa que haga que una pagina que valida y cuyo
funcionamento es el esperado en Firefox y en Safari, en Internet
explorer falle a la hora de la ejecución de un Javascript??

Esta es la pagina y su css:
http://laupri.no-ip.org/photon/foto.html
http://laupri.no-ip.org/photon/photon.css

el boton de ayuda (el interrogante) al ser pulsado debe dejar ver una
capa hidden que muestra la ayuda para las accesskeys.  Me podeis decir
que puede ser?

gracias!


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


[Ovillo] Plantilla con condiciones, como hacerlo ...

2006-11-24 Por tema Reynier Perez Mira
Hola listeros:
Estoy creando una plantilla para Drupal pero ahora he llegado a un punto donde 
me ha surgido un problema y a la vez una duda. El caso es que en la sintaxis de 
la plantilla viene algo como esto:
Código:
**
{if $sidebar_left}div id=sidebar_left{$sidebar_left}/div{/if}
{if $sidebar_right}div id=sidebar_right{$sidebar_right}/div{/if}

¿Qué significa eso? Si la columna sidebar_left o sidebar_right contienen 
algo se muestran de lo contrario se ocultan. El problema es que lo estoy 
tratando de hacer todo con CSS pero entonces no se como hacer para cuando esten 
activas las dos columnas o cuando solo este una de las dos o no este ninguna 
manipular el contenido central ya que son tres DIV flotantes. ¿Se entiende lo 
que pregunto?
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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] Plantilla con condiciones, como hacerlo ...

2006-11-24 Por tema Reynier Perez Mira
Bueno me auto respondo. Lo que hice fue crear tres clases diferentes:

#main_one_col  { with: 80%; }
#main_two_col  { with: 60%; }
#main_none_col  { with: 100%; }

Porque las laterales cada una tiene 20%.
Salu2 y gracias por todo

--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: viernes, 24 de noviembre de 2006 7:02 pm
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Plantilla con condiciones, como hacerlo ...

Hola listeros:
Estoy creando una plantilla para Drupal pero ahora he llegado a un punto donde 
me ha surgido un problema y a la vez una duda. El caso es que en la sintaxis de 
la plantilla viene algo como esto:
Código:
**
{if $sidebar_left}div id=sidebar_left{$sidebar_left}/div{/if}
{if $sidebar_right}div id=sidebar_right{$sidebar_right}/div{/if}

¿Qué significa eso? Si la columna sidebar_left o sidebar_right contienen 
algo se muestran de lo contrario se ocultan. El problema es que lo estoy 
tratando de hacer todo con CSS pero entonces no se como hacer para cuando esten 
activas las dos columnas o cuando solo este una de las dos o no este ninguna 
manipular el contenido central ya que son tres DIV flotantes. ¿Se entiende lo 
que pregunto?
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes 
modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Elementos de lista con imágenes como ti po de lista

2006-11-24 Por tema Reynier Perez Mira
Hola listeros:
Estoy teniendo problemas con los elementos de una lista. El caso es que cuando 
le aplico un list-style-image no me centra el texto con la imagen por lo que 
si la imagen es por ejemplo de 16px x 16px entonces el texto me queda pegado al 
bottom y se ve feo. Miren el código CSS:

.menu li.expanded { list-style-image: url(shrink.png); }
.menu li.leaf, .menu li.collapsed { list-style-image: url(extend.png); }

¿Existe alguna forma de evitar esto? Probe de esta otra forma pero no me 
funciona:
.menu li.expanded { padding:0 0 0 10px;  background: transparent 
url(shrink.png) no-repeat left center; }

Salu2, gracias por adelantando y esperando respuestas
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
Lista de distribución Ovillo
Para 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