Re: [Ovillo] Por qué no acepta la validación esta CSS??

2006-06-13 Por tema jEsuSdA 8)
Alexandro Huerta wrote:
 Saludos:

 Estoy terminando de desarrollar un sitio y no he podido hacer que la 
 validación de la CSS pase. Al parecer es por un parámetro en el background, 
 ya le moví todo pero nada.

 El error que marca es este:
 Línea: 67 Contexto : #menu ul li a  Propiedad no válida : background Faltan 
 valores o no se reconocen los valores  : url(../img/vineta.gif) no-repeat 1em 
 center


 No sé si sea que estoy especificando una medida en ems para la posicion del 
 fondo, lo cual hasta donde sé es válido. Aunque no se ve bien esa imagen de 
 fondo en el Opera. Si es eso ¿cómo especifico la posición en alguna medida 
 que no sea center, bottom etc.?
  

   
Te falta añadirle un color.

Pero el fallo lo da porque al indicarle medidas 1em el parseador no 
sabe si te refieres al eje x o al eje y.

En ese caso es mejor que separes la declaración y pongas:

background-image: url();
background-position: 1em 50%;
background-repeat: no-repeat;
background-color; color;

Suerte!

 Esta es la liga de la validacion:
 http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fsedil.com.mx%2Fcss%2Fgeneral.css


 Esta es la página:
 http://sedil.com.mx

 Y esta la de la hoja de estilos:
 http://sedil.com.mx/css/general.css

 Gracias.
  __
 Do You Yahoo!?
 Tired of spam?  Yahoo! Mail has the best spam protection around 
 http://mail.yahoo.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] opiniones

2006-06-13 Por tema Carlos Rincon Sanchez
El lun, 12-06-2006 a las 18:09 +0200, Albert Garcia escribió: 
 Hola Carlos!
 
 Felicidades por el rediseño, la primera impresión es muy buena. 

Hola y gracias :)

 
 Un par de apuntes, sin embargo:
 
 Respecto a la parte visual, un solo comentario: 
 Se me hace extraño que el entorno de navegación cambie tanto de la home al
 interior. De los carteles con los nombres de las secciones y un entorno de
 lo más limpio, pasamos a una mesa llena de papeles y carpetas...

Tiene su explicación, la página principal es la entrada al manicomio y
luego las secciones son los expedientes del manicomio. Sí, tal vez sea
algo rebuscado.

 
 Respecto a la parte técnica/funcional:
 Tened cuidado con el uso de Javascript para añadir efectos dinámicos a la
 web: La implementación de nuevas funcionalidades o efectos a través de
 Javascript debería realizarse desde una perspectiva no obtrusiva. Es decir,
 como mínimo, aunque un usuario no tenga javascript activado debería poder
 acceder al contenido básico: texto, links, formularios... Si pruebas a
 acceder a la web sin javascript, no podrás ver absolutamente nada, ya que la
 animación de entrada en la home del cuadro de contenidos y del menú lateral
 no llega a lanzarse. Lo más correcto, pienso, sería dejar el marcado intacto
 y modificar los elementos a posteriori de la carga del documento, por
 ejemplo, con un window.onload o un $(document).ready() (nomenclatura Jquery)
 sólo para aquellos que disponen de JS. De esta manera, unos y otros podrán
 acceder al contenido.

Pues tienes toda la razón. Es más, mi intención era hacerlo con
javascript no intrusivo (obtrusiva?) y así era hasta casi el final y
dejó de serlo por un despiste.

Lo que ocurrió fue que el javascript al ejecutarse una vez la página
esta cargada los elementos que han de aparecer ya salían. Es decir, que
salían, desaparecían y luego aparecían con su transición. Para
solucionar esto les puse un visibility: hidden, pero claro, me olvidé
que esto me jodia el javascript no intrusivo. De momento quitaré el
visibility: hidden pero a alguien se le ocurre una solución para esto?


 
 Por el peso, alguna recomentación:
 Echad un vistazo a la librería Jquery[1]. Aglutina las mismas
 funcionalidades que Prototype + Scrit.aculo.us pero en sólo unos 10k. El
 ahorro es importante. Respecto a la carga de imágenes a consecuencia de usar
 sliding doors, varias imágenes de fondo, etc, echad un vis también a la
 técnica de CSS Sprites[2][3][4], creo que os puede ayudar bastante a
 solucionar este problema y reducir drásticamente la carga. Si haceis un test
 de velocidad de carga y cantidad de elementos a la página[5], veréis que el
 total de elementos necesarios para mostrar la página se acerca a 1Mb, con
 unas 130 peticiones HTTP.
 
 [1] http://www.jquery.com/
 [2] http://www.alistapart.com/articles/sprites
 [3]
 http://www.fiftyfoureleven.com/sandbox/weblog/2004/jun/doors-meet-sprites
 [4]
 http://www.fiftyfoureleven.com/sandbox/weblog/2004/may/css-sprites-images-op
 timization
 [5]
 http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.n
 euroticweb.com/
 
 

Pues sí, es demasiado, me miraré todo lo que me has pasado a ver si se puede 
solucionar. Muchas gracias por tu mensaje :)


 
 Un saludo,
  
 Albert Garcia
 OboLog » Tus pensamientos en red
 www.obolog.com
 __
 Mi blog personal en http://obokaman.obolog.com
 
-- 
Carlos Rincón Sanchez [EMAIL PROTECTED]
Neurotic, SCP - www.neuroticweb.com
Tel: 938 492 028 | Fax: 938 403 568
C\Can Cabatx s/n 08520
Les Franqueses del Valles

___
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] Por qué no acepta la validación esta CSS??

2006-06-13 Por tema Eduard Diaz
Hola,

En relación con el background y en concreto a la posición, la
especificación dice:

Si solamente se da un valor de porcentaje o de medida, éste determina
sólo la posición horizontal, la posición vertical será 50%. 

Si se dan dos valores, la posición horizontal viene primero. 

La combinación de valores de medida y de porcentajes está permitida
(ej., '50% 2cm'). 

Las posiciones negativas están permitidas. 

Las palabras clave no pueden ser combinadas con valores de porcentaje
o de medida

Es decir no se recomienda utilizar 1em center, ni top 50%, etc..

Para ello es mejor utilizar 1em 50%, teniendo en cuenta que el primer
valor es horizontal y el segundo vertical.

Pruebalo y veras como pasas la validación.

los equivalentes de las palabras clave son:

right top = 100%   0% 
top center =  50%   0%
center  = 50%  50%
bottom  =  50% 100%


Espero haberte ayudado!!

Un saludo


pd: hay que leer la especificación del W3C cuando aparece una duda de
este tipo

-- 
Eduard Díaz
///
Consultoria i desenvolupament d'aplicacions a Internet
eduard en edudiaz.net , projectes en edudiaz.net 

www.edudiaz.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] duda con centrados en CSS

2006-06-13 Por tema studio creativo bynet
Hola de nuevo a todos, me funciona perfectamente con respecto al centrado 
horizontal, pero el problema me surge cuando quiero tener todo el contenido 
del estilo centrado verticalmente, existe algún parametro para centrarlo 
verticalmente sea cual sea su resolución??

Por más que esto mirando no consigo encontrar con que parametro jugar, a lo 
mejor no existe esta propiedad.

Gracias a todos igualmente
Juan


- Original Message - 
From: David Castelló [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 12, 2006 4:19 PM
Subject: Re: [Ovillo] duda con centrados en CSS


Hola!
Si lo que se quiere es centrar una caja (div), ¿quien dice que el I.E. no
soporata el margin auto?, o ¿porque hacer text-align: center en el body?
¿No es mas facil de lo que parece?, resumiendo:

#content {
width: 80%; /* y le damos la anchura que queremos para la caja */
margin: 0 auto; /* para que la centre */
}

o bien, jugamos con el margin:

#content {
margin: 0 10%; /* y utilizamos el margin como forma para centrarla */
}

Para muestra un boton [1]. Y perdon por la autopromoción.
Saludos !!

[1] http://www.estandaresweb.es/pruebas/centrada.html

On 6/12/06, Enrique Rodriguez [EMAIL PROTECTED] wrote:

 Buenas.
 De momento te recomendaría que usaras minúsculas siempre, y que no
 maquetaras el contenido en una tabla, sino que usaras CSS para ello, es
 fácil, te lo aseguro.
 Siguiento tu petición (supongo que declaras el tipo de documento, y que
 incluyes cabecera y tal...):
 body
div id=content
table--
  todo el contenido de la página
   /table
   /div
 /body

 CSS:
 body {
 text-align: center; /* para centrar en IE, ya que se salta el
 estandar CSS */
 }

 #content {
 width: 760px; /* el ancho que quieras */
 margin: 0 auto; /* es esto lo que hace el centrado */
 text-align: left; /* restaurando la alineación */
 }

 Espero que te sirva ;-)


 studio creativo bynet escribió:
  Buenos dias, imagino que mi pregunta tendra facil solución pero
 reconozco que me encuentro algo atascado con ello.
 
  Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente
 como verticalmente en la pantalla, un div que contiene todo el contenido 
 de
 dicha pagina: tablas, etc... sea cual sea la resolución del monitor.
 
  BODY
 DIV id=Content
 TABLE--
   todo el contenido de la página
/TABLE
/DIV
  BODY
 
 
  tengo este codigo pero no consigo que me lo centre verticalmente:
 
  #Content {
   position:absolute;
   left:50%;
   width:746px;
   margin-top:55px;
   margin-left:-371px;
   text-align:left;
   }
 
  Muchisimas gracias por la ayuda
 
  Juanjo
  ___
  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




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


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


Re: [Ovillo] duda con centrados en CSS

2006-06-13 Por tema studio creativo bynet
Creo haber enconttrado la solución os la pego por si le resulta a alguien de 
utilidad, el unico handicap es que te crea un scroll en la barra de 
desplazamiento.

Gracias a todos
Juanjo

body{text-align: center;} 

#total{ 
display:table; 
height:100%; 
text-align: left; 
margin: 0 20%;
} 
#conteni{ 
_position: absolute; 
_top: 50%; 
display: table-cell; 
vertical-align: middle; 
text-align:center; 
width:400px; 
} 
#centrar{ 
_position: relative; 
_top: -50%; 
} 

y en el código html:

div id=total 
div id=conteni 
   div id=centrar 

---todo el contenido

  /div
/div
/div

- Original Message - 
From: studio creativo bynet [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, June 13, 2006 10:15 AM
Subject: Re: [Ovillo] duda con centrados en CSS


Hola de nuevo a todos, me funciona perfectamente con respecto al centrado 
horizontal, pero el problema me surge cuando quiero tener todo el contenido 
del estilo centrado verticalmente, existe algún parametro para centrarlo 
verticalmente sea cual sea su resolución??

Por más que esto mirando no consigo encontrar con que parametro jugar, a lo 
mejor no existe esta propiedad.

Gracias a todos igualmente
Juan


- Original Message - 
From: David Castelló [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 12, 2006 4:19 PM
Subject: Re: [Ovillo] duda con centrados en CSS


Hola!
Si lo que se quiere es centrar una caja (div), ¿quien dice que el I.E. no
soporata el margin auto?, o ¿porque hacer text-align: center en el body?
¿No es mas facil de lo que parece?, resumiendo:

#content {
width: 80%; /* y le damos la anchura que queremos para la caja */
margin: 0 auto; /* para que la centre */
}

o bien, jugamos con el margin:

#content {
margin: 0 10%; /* y utilizamos el margin como forma para centrarla */
}

Para muestra un boton [1]. Y perdon por la autopromoción.
Saludos !!

[1] http://www.estandaresweb.es/pruebas/centrada.html

On 6/12/06, Enrique Rodriguez [EMAIL PROTECTED] wrote:

 Buenas.
 De momento te recomendaría que usaras minúsculas siempre, y que no
 maquetaras el contenido en una tabla, sino que usaras CSS para ello, es
 fácil, te lo aseguro.
 Siguiento tu petición (supongo que declaras el tipo de documento, y que
 incluyes cabecera y tal...):
 body
div id=content
table--
  todo el contenido de la página
   /table
   /div
 /body

 CSS:
 body {
 text-align: center; /* para centrar en IE, ya que se salta el
 estandar CSS */
 }

 #content {
 width: 760px; /* el ancho que quieras */
 margin: 0 auto; /* es esto lo que hace el centrado */
 text-align: left; /* restaurando la alineación */
 }

 Espero que te sirva ;-)


 studio creativo bynet escribió:
  Buenos dias, imagino que mi pregunta tendra facil solución pero
 reconozco que me encuentro algo atascado con ello.
 
  Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente
 como verticalmente en la pantalla, un div que contiene todo el contenido 
 de
 dicha pagina: tablas, etc... sea cual sea la resolución del monitor.
 
  BODY
 DIV id=Content
 TABLE--
   todo el contenido de la página
/TABLE
/DIV
  BODY
 
 
  tengo este codigo pero no consigo que me lo centre verticalmente:
 
  #Content {
   position:absolute;
   left:50%;
   width:746px;
   margin-top:55px;
   margin-left:-371px;
   text-align:left;
   }
 
  Muchisimas gracias por la ayuda
 
  Juanjo
  ___
  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




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


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo
___
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 con centrados en CSS

2006-06-13 Por tema Rafael García Lepper
Juan escribió:

 Hola de nuevo a todos, me funciona perfectamente con respecto al centrado
 horizontal, pero el problema me surge cuando quiero tener todo el contenido
 del estilo centrado verticalmente, existe algún parametro para centrarlo
 verticalmente sea cual sea su resolución??
 
 Por más que esto mirando no consigo encontrar con que parametro jugar, a lo
 mejor no existe esta propiedad.
 
 Gracias a todos igualmente
 Juan
 
 
 
Hola,
Para centrar el contenido verticalmente, tienes que meterlo todo en un div
con una altura fija, la que sea ( en el ejemplo voy a suponer 500px)
Le das una distancia de top del 50% y pones un margen negativo de la mitad
del tamaño del div, porque css alineará el bloque partiendo de la esquina
superior izda, mas o menos así:

#contenedor {
margin-top: -250px;
position: absolute;
height: 500px;
top: 50%;
}

Saludos

Rafa


biosfera  4
desarrollo web | asesoramiento musical | open source
http://www.biosfera4.com
[EMAIL PROTECTED]


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


Re: [Ovillo] layout semiliquido, duda inicial

2006-06-13 Por tema Pedro Moreno
muy bueno tio. me viene al pelo :)

2006/6/13, Orange at GMail [EMAIL PROTECTED]:

 Solucionado, aqui va una prueba de concepto, luego ya es cuetión de
 adaptarla a cada situación y metodología para discriminar navegadores

 http://domestika.org/foros/viewtopic.php?p=368536#368536

 2006/6/5, Orange at GMail [EMAIL PROTECTED]:
 
  En estos momentos lo que estoy utilizando va por esa línea:
 
  - CSS limpia para navegadores que lo soportan
  - CSS con comentarios condicionales para Explorer 6 e inferiores
  - Cálculo del width a través de expressions en la CSS para Explorer.
 
  Si consigo que funcione para mi será una solución aceptable, si no
 tendré
  que recurrir a un fichero JS, linkado también con comentarios, como bien
  dices.
 
  El día 5/06/06, Marco Giacomuzzi [EMAIL PROTECTED] escribió:
 
   Quoting Orange at GMail [EMAIL PROTECTED]:
  
Pues les voy a echar un ojo, muchas gracias
   
De todas formas yo siempre trataría de que la solución fuera
 puramente
   CSS
para los que lo soporten (que para eso está y funciona
 perfectamente)
   y
enchufar el javascript para aquellos que no lo hacen (basicamente
   Explorer).
  
   Yo también adoptaría la misma solución, tal vez utilizando
   los comentarios condicionales (no valen solo para las CSS [1])
   para el uso del JavaScript.
  
   1.
 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
  
  
   
   This message was sent using IMP, the Internet Messaging Program.
  
   ___
   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
  
 
 
 
  --
  Orange at GMail
 



 --
 Orange at GMail
 ___
 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] opiniones

2006-06-13 Por tema kemie guaida

 Lo que ocurrió fue que el javascript al ejecutarse una vez la página
 esta cargada los elementos que han de aparecer ya salían. Es decir, que
 salían, desaparecían y luego aparecían con su transición. Para
 solucionar esto les puse un visibility: hidden, pero claro, me olvidé
 que esto me jodia el javascript no intrusivo. De momento quitaré el
 visibility: hidden pero a alguien se le ocurre una solución para esto?
   
Llama a tu javascript, en vez de onload, en el cuerpo de tu documento, 
antes de cerrar body. asi se ejecutará antes de que termine de cargar 
la pagina.
tambien está ondomload (http://www.zelph.com/releases/ondomload/) que 
corre tu javascript cuando algun elemento se ha cargado. Este ultimo no 
lo he probado...


saludos!

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


[Ovillo] problema con márgenes negativos en IE

2006-06-13 Por tema Núria Ramoneda
Estoy tratando de hacer una versión vertical de un menú horizontal que
aparece en listamatic [1].
El caso es que el menu en Firefox se ve perfectamente, pero en IE sólo se ve
la mitad, debido a que no muestra lo que hay más allà del margen negativo
que utilizo para crear la línia (borde) entre los elementos de la lista. He
estado mirando sobre el tema y probando pero no encuentro la solución y
quizás sea porqué no acabo de entender cómo manejar el problema (cierto) o
porque no hay solución.
Un ejemplo en: http://www.filsalvent.net/provamenuvertical.htm
En fin, si alguien tiene una idea o una referencia en dónde pueda encontrar
ideas... se agradece de antemano.

Núria

Aqui va la css:
*{margin:0;padding:0;}

#navcontenidor{
margin-left: 50px;
}

#navlist
{
width:60px;
margin-left: 60px;
padding:10px 0 10px 0;
border-left: 3px solid #00A0D8;
z-index: 1;
}
#navlist ul
{
margin-left:-60px;
position: relative;
z-index: 2;
}

#navlist li
{
list-style-type: none;
text-align: center;
margin-bottom:20px;
overflow: visible;}

#navlist li a
{
padding: 1px 7px;
color: #00A0D8;
background-color: #fff;
border: 2px solid #ccc;
text-decoration: none;
font-weight:bold;
display:block;

}

#navlist li a:hover
{
color: #000;
border: 2px solid #00A0D8;
border-top: 2px solid #00A0D8;
border-bottom: 2px solid #00A0D8;
}

I aquí el código xhtml:

div id=navcontenidor
div id=navlist
div class=sizer
ul id=nav
li id=activea href=# id=current22/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
li/li
/ul
/div
/div
/div

[1] http://css.maxdesign.com.au/listamatic/horizontal19.htm
___
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] problema con márgenes negativos en IE

2006-06-13 Por tema nicolas carrera
Hola Nuria mira a ver si añadiendo esto sale lo que tu quieres
   
  #navlist ul
{
margin-left:-60px!important;
margin-left:0px;
position: relative;
z-index: 2;
}


Núria Ramoneda [EMAIL PROTECTED] escribió:
  Estoy tratando de hacer una versión vertical de un menú horizontal que
aparece en listamatic [1].
El caso es que el menu en Firefox se ve perfectamente, pero en IE sólo se ve
la mitad, debido a que no muestra lo que hay más allà del margen negativo
que utilizo para crear la línia (borde) entre los elementos de la lista. He
estado mirando sobre el tema y probando pero no encuentro la solución y
quizás sea porqué no acabo de entender cómo manejar el problema (cierto) o
porque no hay solución.
Un ejemplo en: http://www.filsalvent.net/provamenuvertical.htm
En fin, si alguien tiene una idea o una referencia en dónde pueda encontrar
ideas... se agradece de antemano.

Núria

Aqui va la css:
*{margin:0;padding:0;}

#navcontenidor{
margin-left: 50px;
}

#navlist
{
width:60px;
margin-left: 60px;
padding:10px 0 10px 0;
border-left: 3px solid #00A0D8;
z-index: 1;
}
#navlist ul
{
margin-left:-60px;
position: relative;
z-index: 2;
}

#navlist li
{
list-style-type: none;
text-align: center;
margin-bottom:20px;
overflow: visible;}

#navlist li a
{
padding: 1px 7px;
color: #00A0D8;
background-color: #fff;
border: 2px solid #ccc;
text-decoration: none;
font-weight:bold;
display:block;

}

#navlist li a:hover
{
color: #000;
border: 2px solid #00A0D8;
border-top: 2px solid #00A0D8;
border-bottom: 2px solid #00A0D8;
}

I aquí el código xhtml:

  
  
  
  
  
   22
  
   Item two
  
   Item three
  
   Item four
  
   Item five
  
   









[1] http://css.maxdesign.com.au/listamatic/horizontal19.htm
___
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


 __
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.es 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] opiniones

2006-06-13 Por tema Carlos Rincon Sanchez
El mar, 13-06-2006 a las 12:23 +0200, kemie guaida escribió:
  Lo que ocurrió fue que el javascript al ejecutarse una vez la página
  esta cargada los elementos que han de aparecer ya salían. Es decir, que
  salían, desaparecían y luego aparecían con su transición. Para
  solucionar esto les puse un visibility: hidden, pero claro, me olvidé
  que esto me jodia el javascript no intrusivo. De momento quitaré el
  visibility: hidden pero a alguien se le ocurre una solución para esto?

 Llama a tu javascript, en vez de onload, en el cuerpo de tu documento, 
 antes de cerrar body. asi se ejecutará antes de que termine de cargar 
 la pagina.
 tambien está ondomload (http://www.zelph.com/releases/ondomload/) que 
 corre tu javascript cuando algun elemento se ha cargado. Este ultimo no 
 lo he probado...
 

He puesto al final de todo tal como dices un visibility: hidden y
funciona perfectamente.

Ahora sólo me falta probar lo de los CSS Sprites y que los botones de
apmpliar y reducir texto funcionen también sin javascript (aunque
siempre se puede usar el navegador para aumentar el texto)

muchas gracias a todos!
 
 saludos!
 
 kemie
  

-- 
Carlos Rincón Sanchez [EMAIL PROTECTED]
Neurotic, SCP - www.neuroticweb.com
Tel: 938 492 028 | Fax: 938 403 568
C\Can Cabatx s/n 08520
Les Franqueses del Valles

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


[Ovillo] centrar div

2006-06-13 Por tema Paradix
Hola lista, estoy haciendo una página simple con un formulario para la cosa
típica de presentar una pantalla para login, este formulario esta dentro de
un div. la pregunta es ¿como puedo centrar este div en medio de la pantalla,
tanto vertical como horizontalmente?

Esperando respuesta

Paradix ;)

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


Re: [Ovillo] centrar div

2006-06-13 Por tema Diego Martin
Esto ya fue resuelto en centenar de mensajes anteriores.

On 6/13/06, Paradix [EMAIL PROTECTED] wrote:
 Hola lista, estoy haciendo una página simple con un formulario para la cosa
 típica de presentar una pantalla para login, este formulario esta dentro de
 un div. la pregunta es ¿como puedo centrar este div en medio de la pantalla,
 tanto vertical como horizontalmente?

 Esperando respuesta

 Paradix ;)

 ___
 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] centrar div

2006-06-13 Por tema Abel Sutilo
Hola,

Paradix escribió:
 ¿como puedo centrar este div en medio de la pantalla,
 tanto vertical como horizontalmente?

   
Mirate:
http://www.wpdfd.com/editorial/thebox/deadcentre3.html

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


Re: [Ovillo] problema con márgenes negativos en IE

2006-06-13 Por tema Núria Ramoneda
Grácias Nicolás, lo acabo de probar y tampoco va (en IE, en Firefox sigue
viéndose correctamente)
Por cierto que ahora me doy cuenta que al pegar antes el código html sólo se
ha pegado el contenido.
Lo vuelvo a poner:
div id=navcontenidor
div id=navlist
div class=sizer
ul id=nav
li id=activea href=# id=current22/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
li/li
/ul
/div
/div
/div



Hola Nuria mira a ver si añadiendo esto sale lo que tu quieres

  #navlist ul
{
margin-left:-60px!important;
margin-left:0px;
position: relative;
z-index: 2;
}


Núria Ramoneda [EMAIL PROTECTED] escribió:
  Estoy tratando de hacer una versión vertical de un menú horizontal que
aparece en listamatic [1].
El caso es que el menu en Firefox se ve perfectamente, pero en IE sólo se ve
la mitad, debido a que no muestra lo que hay más allà del margen negativo
que utilizo para crear la línia (borde) entre los elementos de la lista. He
estado mirando sobre el tema y probando pero no encuentro la solución y
quizás sea porqué no acabo de entender cómo manejar el problema (cierto) o
porque no hay solución.
Un ejemplo en: http://www.filsalvent.net/provamenuvertical.htm
En fin, si alguien tiene una idea o una referencia en dónde pueda encontrar
ideas... se agradece de antemano.

Núria

Aqui va la css:
*{margin:0;padding:0;}

#navcontenidor{
margin-left: 50px;
}

#navlist
{
width:60px;
margin-left: 60px;
padding:10px 0 10px 0;
border-left: 3px solid #00A0D8;
z-index: 1;
}
#navlist ul
{
margin-left:-60px;
position: relative;
z-index: 2;
}

#navlist li
{
list-style-type: none;
text-align: center;
margin-bottom:20px;
overflow: visible;}

#navlist li a
{
padding: 1px 7px;
color: #00A0D8;
background-color: #fff;
border: 2px solid #ccc;
text-decoration: none;
font-weight:bold;
display:block;

}

#navlist li a:hover
{
color: #000;
border: 2px solid #00A0D8;
border-top: 2px solid #00A0D8;
border-bottom: 2px solid #00A0D8;
}

I aquí el código xhtml:






   22

   Item two

   Item three

   Item four

   Item five


[1] http://css.maxdesign.com.au/listamatic/horizontal19.htm
___


___
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] problema con márgenes negativos en IE

2006-06-13 Por tema nicolas carrera
Pero ahora que es lo que te sucede con lo anterior lo que hacíamos era anular 
para el ie el valor negativo del margin.

Núria Ramoneda [EMAIL PROTECTED] escribió:  Grácias Nicolás, lo acabo de 
probar y tampoco va (en IE, en Firefox sigue
viéndose correctamente)
Por cierto que ahora me doy cuenta que al pegar antes el código html sólo se
ha pegado el contenido.
Lo vuelvo a poner:
  
  
  
  
  
   22
  
   Item two
  
   Item three
  
   Item four
  
   Item five
  
   











Hola Nuria mira a ver si añadiendo esto sale lo que tu quieres

#navlist ul
{
margin-left:-60px!important;
margin-left:0px;
position: relative;
z-index: 2;
}


Núria Ramoneda escribió:
Estoy tratando de hacer una versión vertical de un menú horizontal que
aparece en listamatic [1].
El caso es que el menu en Firefox se ve perfectamente, pero en IE sólo se ve
la mitad, debido a que no muestra lo que hay más allà del margen negativo
que utilizo para crear la línia (borde) entre los elementos de la lista. He
estado mirando sobre el tema y probando pero no encuentro la solución y
quizás sea porqué no acabo de entender cómo manejar el problema (cierto) o
porque no hay solución.
Un ejemplo en: http://www.filsalvent.net/provamenuvertical.htm
En fin, si alguien tiene una idea o una referencia en dónde pueda encontrar
ideas... se agradece de antemano.

Núria

Aqui va la css:
*{margin:0;padding:0;}

#navcontenidor{
margin-left: 50px;
}

#navlist
{
width:60px;
margin-left: 60px;
padding:10px 0 10px 0;
border-left: 3px solid #00A0D8;
z-index: 1;
}
#navlist ul
{
margin-left:-60px;
position: relative;
z-index: 2;
}

#navlist li
{
list-style-type: none;
text-align: center;
margin-bottom:20px;
overflow: visible;}

#navlist li a
{
padding: 1px 7px;
color: #00A0D8;
background-color: #fff;
border: 2px solid #ccc;
text-decoration: none;
font-weight:bold;
display:block;

}

#navlist li a:hover
{
color: #000;
border: 2px solid #00A0D8;
border-top: 2px solid #00A0D8;
border-bottom: 2px solid #00A0D8;
}

I aquí el código xhtml:






22

Item two

Item three

Item four

Item five


[1] http://css.maxdesign.com.au/listamatic/horizontal19.htm
___


___
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


 __
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.es 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Para Carlos y Pardalsacalp... sobre 'Margen a pie de capa'

2006-06-13 Por tema carlos campderrós
On 6/12/06, Javier Barcelona [EMAIL PROTECTED] wrote:

 He encontrado lo que hacia que no funcionase: position: absolute;

 Al eliminarlo funciona 100%... gracias por vuestra paciencia.

 Solo me pregunto si puede ser contraproducente eliminar esa referencia ¿?


Si el único proposito era para alejarlo del borde superior e inferior, no es
en absoluto contraproducente : )

-- 
Si no puedes deslumbrar con tu inteligencia,
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] centrar div

2006-06-13 Por tema Sivianes Rubio , José Manuel
También puedes mirar este enlace, que parece que es fácil, aunque tienes que 
saber cuanto mide la caja que quieres centrar.

http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Paradix
Enviado el: martes, 13 de junio de 2006 15:24
Para: Lista de CSS
Asunto: [Ovillo] centrar div
Importancia: Alta

Hola lista, estoy haciendo una página simple con un formulario para la cosa
típica de presentar una pantalla para login, este formulario esta dentro de
un div. la pregunta es ¿como puedo centrar este div en medio de la pantalla,
tanto vertical como horizontalmente?

Esperando respuesta

Paradix ;)

___
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
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, 
contiene información de carácter confidencial exclusivamente dirigida a su 
destinatario o destinatarios. Queda prohibida su divulgación, copia o 
distribución a terceros sin la previa autorización escrita de Indra. En el caso 
de haber recibido este correo electrónico por error, se ruega notificar 
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica 
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE 
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO 
DE PAPEL.

The information in this e-mail and in any attachments is confidential and 
solely for the attention and use of the named addressee(s). You are hereby 
notified that any dissemination, distribution or copy of this communication is 
prohibited without the prior written consent of Indra. If you have received 
this communication in error, please, notify the sender by reply e-mail. PLEASE 
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
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 con centrados en CSS

2006-06-13 Por tema Manuel Razzari
rafael.g.lepper escribió:
 Para centrar el contenido verticalmente, tienes que meterlo todo en un div
 con una altura fija, la que sea ( en el ejemplo voy a suponer 500px)
 Le das una distancia de top del 50% y pones un margen negativo de la mitad
 del tamaño del div, porque css alineará el bloque partiendo de la esquina
 superior izda, mas o menos así:

 #contenedor {
 margin-top: -250px;
 position: absolute;
 height: 500px;
 top: 50%;
 }

Exacto, con el detalle de que top:50%; no funciona en IE Mac, por lo
que el margin-top negativo te dejaría la página cortada por la mitad.
Lo solucionas con un hack. No quedará centrada en IE Mac, pero al
menos tampoco cortada al medio!

 #contenedor {
 position: absolute;
 height: 500px;
 top: 50%;
 margin-top: 50px; /* ie mac \*/
 margin-top: -250px;/* los otros navegadores - no quitar este comentario */
}

Saludos,
- manuel
___
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] problema con márgenes negativos en IE

2006-06-13 Por tema Núria Ramoneda
Verás, ahora se ve todo el texto del elemento (antes sólo la mitad) pero el
borde queda a la izquierda al ser margin=0 para IE.
He subido la modificación para que veas el efecto ahora:
http://www.filsalvent.net/provamenuvertical.htm
Puede que ésto que en FF o Opera se ve bien no se pueda conseguir con IE.
No?

N.

de nicolas carrera
Enviado el: martes, 13 de junio de 2006 16:08

Pero ahora que es lo que te sucede con lo anterior lo que hacíamos era
anular para el ie el valor negativo
del margin.


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


Re: [Ovillo] Dudas con listas

2006-06-13 Por tema carlos campderrós
On 6/13/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:

 Ahora les pongo las dudas que tengo:
 1) Si quiero mostrar todos los elementos de la lista de forma horizontal
 en una sola linea la propiedad correcta creo que es display:inline ahora
 se la debo aplicar tanto al elemento UL como a los LI contenidos de ese UL?


puedes utilizar también 'float: left;' en los LI, que además te solucionarán
el problema de la imagen.

2) Quiero mostrar un ITEM personalizado (imagen) al lado de cada elemento de
 la lista. Para ello he acudido a la propiedad list-style-image de los
 elementos LI y he puesto lo siguiente: list-style-image:
 url(../images/mainlevel_li_item.png) pues bien no me sale nada al lado de
 los elementos de la lista.


el list-style-image solo se aplica para display: list-item (o algo similar,
no tengo la chuleta a mano), y habiéndole dado valor 'display:inline', haces
que no se aplique el list-style-image. Otra opción que tienes es aplicar un
background-image (con no-repeat) y utilizar el padding-left : )

3) Quiero que la lista sea mostrada de esta forma: img Inicio | img
 Noticias | img Contactar | img Enlaces. Como ven uso el tag img que
 supuestamente debería ser la imagen personalizada especificada con la
 propiedad list-style-image. Ahora lo que no se como poner aqui es el
 separador creo que tiene que ver algo con after y before pero no estoy
 seguro de si esta correcto y de si es válido para todos los navegadores.


debes poner el separador mediante content, en los pseudoselectores :after
y/o :before. No funciona en Internet Explorer (y en el 7 tampoco
funcionará).

Ejemplo:

li:before {
   content: | \0020; /* \0020 es un espacio */
}

li:first-child:before {/* para que el primer LI no tenga nada delante */
   content: ;
}


Saludos

-- 
Si no puedes deslumbrar con tu inteligencia,
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] problema con márgenes negativos en IE

2006-06-13 Por tema Manuel Razzari
Prueba tal vez con un float:

#navlist ul {
  margin-left: -60px;
  float: left;
  position: relative;
}

On 6/13/06, Núria Ramoneda [EMAIL PROTECTED] wrote:
 Verás, ahora se ve todo el texto del elemento (antes sólo la mitad) pero el
 borde queda a la izquierda al ser margin=0 para IE.
 He subido la modificación para que veas el efecto ahora:
 http://www.filsalvent.net/provamenuvertical.htm
 Puede que ésto que en FF o Opera se ve bien no se pueda conseguir con IE.
 No?

 N.

 de nicolas carrera
 Enviado el: martes, 13 de junio de 2006 16:08

 Pero ahora que es lo que te sucede con lo anterior lo que hacíamos era
 anular para el ie el valor negativo
 del margin.


 ___
 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



-- 
Manuel Razzari
YO   - http://ultimorender.com.ar/funkascript
CVAM - http://conVistaAlMar.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] layout semiliquido, duda inicial

2006-06-13 Por tema Orange at GMail
Me alegro
;)

2006/6/13, Pedro Moreno [EMAIL PROTECTED]:

 muy bueno tio. me viene al pelo :)

 2006/6/13, Orange at GMail [EMAIL PROTECTED]:
 
  Solucionado, aqui va una prueba de concepto, luego ya es cuetión de
  adaptarla a cada situación y metodología para discriminar navegadores
 
  http://domestika.org/foros/viewtopic.php?p=368536#368536
 
  2006/6/5, Orange at GMail [EMAIL PROTECTED]:
  
   En estos momentos lo que estoy utilizando va por esa línea:
  
   - CSS limpia para navegadores que lo soportan
   - CSS con comentarios condicionales para Explorer 6 e inferiores
   - Cálculo del width a través de expressions en la CSS para Explorer.
  
   Si consigo que funcione para mi será una solución aceptable, si no
  tendré
   que recurrir a un fichero JS, linkado también con comentarios, como
 bien
   dices.
  
   El día 5/06/06, Marco Giacomuzzi [EMAIL PROTECTED] escribió:
  
Quoting Orange at GMail [EMAIL PROTECTED]:
   
 Pues les voy a echar un ojo, muchas gracias

 De todas formas yo siempre trataría de que la solución fuera
  puramente
CSS
 para los que lo soporten (que para eso está y funciona
  perfectamente)
y
 enchufar el javascript para aquellos que no lo hacen (basicamente
Explorer).
   
Yo también adoptaría la misma solución, tal vez utilizando
los comentarios condicionales (no valen solo para las CSS [1])
para el uso del JavaScript.
   
1.
 
 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
   
   

This message was sent using IMP, the Internet Messaging Program.
   
___
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
   
  
  
  
   --
   Orange at GMail
  
 
 
 
  --
  Orange at GMail
  ___
  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




-- 
Orange at GMail
___
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: Por qu� no acepta la validaci�n esta CSS??

2006-06-13 Por tema Alexandro Huerta
Gracias Eduard, y a todos los que respondieron. Efectivamente ese era el 
problema. Desconocía que se pudieran combinar palabras clave con valores 
numéricos en la posición. Ahora no lo olvidare.

Revisaré minuciosamente las especificaciones CSS2 para la próxima.

Gracias.






From: Eduard Diaz [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Date: Tue, 13 Jun 2006 09:41:43 +0200
Subject: Re: [Ovillo]
 Por qué no acepta la validación esta 
 CSS??

 Hola,

En relación con el background y en concreto a la posición, la
especificación dice:

Si solamente se da un valor de porcentaje o de medida, éste determina
sólo la posición horizontal, la posición vertical será 50%. 

Si se dan dos valores, la posición horizontal viene primero. 

La combinación de valores de medida y de porcentajes está permitida
(ej., '50% 2cm'). 

Las posiciones negativas están permitidas. 

Las palabras clave no pueden ser combinadas con valores de porcentaje
o de medida

Es decir no se recomienda utilizar 1em center, ni top 50%, etc..

Para ello es mejor utilizar 1em 50%, teniendo en cuenta que el primer
valor es horizontal y el segundo vertical.

Pruebalo y veras como pasas la validación.

los equivalentes de las palabras clave son:

right top = 100%   0% 
top center =  50%   0%
center  = 50%  50%
bottom  =  50% 100%


Espero haberte ayudado!!

Un saludo


pd: hay que leer la especificación del W3C cuando aparece una duda de
este tipo

-- 
Eduard Díaz
///
Consultoria i desenvolupament d'aplicacions a Internet
eduard en edudiaz.net , projectes en edudiaz.net 

www.edudiaz.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



___
Ovillo mailing list
Ovillo@lists.ovillo.org
http://ovillo.org/mailman/listinfo/ovillo


 __
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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


[Ovillo] tabla al 100%

2006-06-13 Por tema Javier Mateo
Cuando le asignas a una tabla (mediante css) un width del 100%, si ésta 
está dentro de un divisor, el cual a su vez tiene asignados unos 
márgenes (a izda y dcha, por ejemplo), no se visualiza correctamente en 
IE. La tabla (y por consiguiente, el divisor que la contiene) se expande 
hacia la derecha y sale un scroll horizontal.

Sabéis alguno si hay alguna propiedad (overflow, auto-width o algo así) 
para corregir esto? En FireFox sale bien (usa css estándar), pero en IE 
no y no sé cómo solucionarlo...

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


Re: [Ovillo] centrar div

2006-06-13 Por tema Paradix
gracias pero no tengo manera en estos momentos de revisar el archivo de
la lista, esperaba un poco de ayuda de tu parte :(

Xaire

Paradix ;)
- Original Message -
From: Diego Martin [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, June 13, 2006 9:41 AM
Subject: Re: [Ovillo] centrar div


 Esto ya fue resuelto en centenar de mensajes anteriores.

 On 6/13/06, Paradix [EMAIL PROTECTED] wrote:
  Hola lista, estoy haciendo una página simple con un formulario para la
cosa
  típica de presentar una pantalla para login, este formulario esta dentro
de
  un div. la pregunta es ¿como puedo centrar este div en medio de la
pantalla,
  tanto vertical como horizontalmente?
 
  Esperando respuesta
 
  Paradix ;)
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo

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


Re: [Ovillo] problema con márgenes negativos en IE

2006-06-13 Por tema jaume op
En primer lugar dar gracias por lo mucho que he aprendido en esta lista.
Solo decir que creo que en principio para que una ul se coloque en
posicion igual en distintos navegadores a parte de los margin hay que tener
en cuenta los padding. Todo a cero en un principo y de ahi a hacer calculos
y hacks si fueran necesarios.
Gracias


2006/6/13, Manuel Razzari [EMAIL PROTECTED]:

 Prueba tal vez con un float:

 #navlist ul {
 margin-left: -60px;
 float: left;
 position: relative;
 }

 On 6/13/06, Núria Ramoneda [EMAIL PROTECTED] wrote:
  Verás, ahora se ve todo el texto del elemento (antes sólo la mitad) pero
 el
  borde queda a la izquierda al ser margin=0 para IE.
  He subido la modificación para que veas el efecto ahora:
  http://www.filsalvent.net/provamenuvertical.htm
  Puede que ésto que en FF o Opera se ve bien no se pueda conseguir con
 IE.
  No?
 
  N.
 
  de nicolas carrera
  Enviado el: martes, 13 de junio de 2006 16:08
 
  Pero ahora que es lo que te sucede con lo anterior lo que hacíamos era
  anular para el ie el valor negativo
  del margin.
 
 
  ___
  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
 


 --
 Manuel Razzari
 YO   - http://ultimorender.com.ar/funkascript
 CVAM - http://conVistaAlMar.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

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


[Ovillo] validar CSS

2006-06-13 Por tema Victor Hugo Benitez
Hola amigos, he visto en la lista unas consultas sobre la validación
  del codigo CSS pero no he visto que alguien responda con una solución.
  Voy al sitio de la W3 y valido mi archivo html, luego me dice que valide
  el documento CSS, hago lo mismo y me da como resultado
   
  No hay errores ni advertencias.
  Su hoja de estilo CSS necesita un árbol de análisis del documento válido 
  para funcionar correctamente. Por tanto debe usar HTML válido.
   
  La consulta es ¿como hago un arbol para que valide el documento?
   
  La otra consulta es ¿alquien realizo la prueba de validar las paginas
  del servicio de validacion de css? ya que a mi me da como resultado
  que tiene errores y advertencias.
   
   
  gracias
   
  ViKtor
   
   
   

 __
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.espanol.yahoo.com/ 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] validar CSS

2006-06-13 Por tema Hermann Kaser
On 6/13/06, Victor Hugo Benitez [EMAIL PROTECTED] wrote:
 Hola amigos, he visto en la lista unas consultas sobre la validación
   del codigo CSS pero no he visto que alguien responda con una solución.
   Voy al sitio de la W3 y valido mi archivo html, luego me dice que valide
   el documento CSS, hago lo mismo y me da como resultado

   No hay errores ni advertencias.
   Su hoja de estilo CSS necesita un árbol de análisis del documento válido
   para funcionar correctamente. Por tanto debe usar HTML válido.

   La consulta es ¿como hago un arbol para que valide el documento?

   La otra consulta es ¿alquien realizo la prueba de validar las paginas
   del servicio de validacion de css? ya que a mi me da como resultado
   que tiene errores y advertencias.


Lo que pasa es que según tengo entendido no se puede validar el CSS
solo, tienes que validar darle al validador un documento HTML, el
validador procesara el HTML y todos los CSS adjuntos. Y para que
valide el CSS tambien tiene que validar el HTML.


   gracias

   ViKtor




  __
 Correo Yahoo!
 Espacio para todos tus mensajes, antivirus y antispam ¡gratis!
 Regístrate ya - http://correo.espanol.yahoo.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



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


Re: [Ovillo] validar CSS

2006-06-13 Por tema padapapoulos
El Martes 13 Junio 2006 22:30, Hermann Kaser escribió:
 On 6/13/06, Victor Hugo Benitez [EMAIL PROTECTED] wrote:
  Hola amigos, he visto en la lista unas consultas sobre la validación
del codigo CSS pero no he visto que alguien responda con una solución.
Voy al sitio de la W3 y valido mi archivo html, luego me dice que
  valide el documento CSS, hago lo mismo y me da como resultado
 
No hay errores ni advertencias.
Su hoja de estilo CSS necesita un árbol de análisis del documento
  válido para funcionar correctamente. Por tanto debe usar HTML válido.

Estas validando en local?
Si es asi, prueba a subir los archivos a un servidor y valida entonces, si no 
me equivoco, ese mensaje es a causa de la validacion de css en 
local.creo.

-- 
‰PNG

___
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] problema con márgenes negativos en IE : solucionado

2006-06-13 Por tema Núria Ramoneda
Poniendolo en float tampoco va, incluso entonces en FF se pierde el borde.
Pero bueno, rascando aquí y allá y probando más he dado con la solución (la
habia, pués).
He tenido que añadirle al UL un width:100% (lo tenia antes en un div de
clase, pero no le gustaba)
También añadir el mismo ancho dado al contenedor (navlist en este caso y
100px) al li, para compensar el poner el a en display:block, lo que hace que
el ancho de los li quede a merced del texto introducido.
Por otro lado, para que la línea quede centrada respecto a los li, hay que
poner como margen izquierdo del navlist la mitad del width, y en el ul poner
esa misma mitad en negativo.
En fin, grácias a todos por la colaboración.
Ahí queda el menu, por si alguien le quiere echar un ojo:
http://www.filsalvent.net/provamenuvertical.htm

Núria



 de Manuel Razzari

Prueba tal vez con un float:

#navlist ul {
  margin-left: -60px;
  float: left;
  position: relative;
}


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


[Ovillo] FW: opiniones

2006-06-13 Por tema Eva del Campo
Pido disculpas si el mensaje ya os ha llegado, pero yo no lo he visto en la
lista, por eso lo reenvío...

-- Mensaje reenviado
De: Eva del Campo [EMAIL PROTECTED]
Fecha: Mon, 12 Jun 2006 14:50:03 +0200
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Conversación: [Ovillo] opiniones
Asunto: Re: [Ovillo] opiniones

 Hemos rediseñado la web de neurotic y nos iría bien oir algunas
 opiniones.
 
 En principio está hecha para que se adapte al tamaño del texto (dentro
 de unos límites ya que las imágenes de fondo no son totalmente
 uniformes) pero debido a eso pesa más de lo deseado (por las imágenes de
 las sliding doors)
 
 También usamos algo de javascript no intrusivo y algunas curiosidades
 (el fondo de la página principal cambia si es de día, noche o
 amanecer/atardecer y algunas otras cosillas)
 
 un saludo,

EL diseño me encanta, pero tenéis que revisar alguna cosilla para que se vea
bien en Safari. cuando estás dentro de una sección, al hacer rollover sobre
un elemento del menú, se desplaza todo el contenido hacia abajo, fuera de la
página...

Suerte

Eva

-- Fin del mensaje reenviado


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


[Ovillo] Recurso CSS para principiantes

2006-06-13 Por tema Pixelperú
En esta dirección hay un curso de CSS desde 0 (recomenmdado por 
www.CSSzengarden.com )especialmente dirigido a principiantes y a quienes 
quieran profundizar conceptos de maquetación.

http://www.createwebmagic.com/css101/ (Inglés) 

Saludos

Miguel Flores Franco
Pixelperu 
Arte, Diseño, Web y Teletrabajo
 
http://www.pixelperu.com
http://www.pixelperu.net 
Telf.: +511 567 7475 
MSN: [EMAIL PROTECTED]
VoipCheap: pixelperu
SKYPE ID: pixelperu
___
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