Re: [Ovillo] [OT] Curso en línea de diseño d e webs eficaces (3ª edición)

2007-02-20 Por tema Ainhoa Martín Rosas
Hola Juan Carlos. He mirado lo del curso y la verdad es que parece bastante
interesante, aunque ahora mismo no podría gastarme los 100€, y me ha surgido
una duda: Si no eres estudiante (y eres trabajadora parada como yo) ¿existe
alguna posibilidad de que me dieran la beca?. Es que haciendo un sobre
esfuerzo a los 50 € sí que llegaría pero los 100 me podrían dejar temblando
y todavía no he pagado el alquiler de este mes :S.

Espero tu respuesta, muchas gracias.

Ainhoa Martín Rosas.



El día 19/02/07, Juan Carlos García Gómez [EMAIL PROTECTED] escribió:

 Hola, ya está abierto el plazo de matrícula en el Curso en línea de
 diseño de web eficaces (3ª edición) que organizamos desde la Universidad
 de Murcia.

 El curso se divide en tres partes: Diseño con estándares (XHTML y CSS),
 Usabilidad y Accesibilidad, Arquitectura de la Información.

 El plazo de matrícula estará abierto hasta el próximo *11 de marzo* y el
 curso se celebrará del 26 de marzo al 27 de abril de 2007.

 La matrícula está abierta hasta el día 11 de marzo y cuesta 70 euros
 para los alumnos de la Universidad de Murcia y 100 euros para el resto.
 Al 20% de los alumnos se les concederá beca del 50% de la matrícula. Si
 tienes verdadero interés en el curso no lo dejes para el último momento,
 en la edición anterior tuvimos que dejar fuera a más de uno.

 Será totalmente a distancia, horario libre 24×7.

 El programa del curso:

*1.  Diseño de sitios web (XHTML + CSS)*
  1. Diseñar con estándares desde cero
  2. XHTML (tipo de documento, head, Reglas para escribir XHTML,
 atributos genéricos, tablas, formularios y javascript)
  3. CSS. Hojas de estilo (árbol del documento, selectores,
 unidades de medida, color y fondos, margen, espaciado y borde, texto,
 menús, disposición en página).
  4. Diseños para todos (escribir código accesible, problemas con
 algunos navegadores).
*2. Usabilidad y Accesibilidad*
  1. Introducción a la Usabilidad (definciones, disciplinas
 afines...)
  2. Evaluación de la Usabilidad (test de usuarios, evaluación
 heurística, estudio de casos)
  3. Accesibilidad
  4. Pautas de Accesibilidad
  5. Validación de la accesibilidad (herramientas para la
 revisión, revisión manual y automática)
  6. Ejercicios prácticos (heurística de usabilidad, revisión de
 pautas de accesibilidad)
*3. Arquitectura de la información*
  1. El arquitecto de la información
  2. Organización de la información (tipos de sistemas de
 navegación)
  3. Diseño de sistemas de navegación
  4. Sistemas de rotulación (rótulos como sistemas de navegación,
 términos de indización, vínculos, encabezados...)
  5. Sistemas de búsqueda

 Tenéis más detalles en la página web:
 http://www.um.es/estudios/cursos/web/

 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




-- 
El software más importante son la cabeza y los ojos. El hardware más
importante son el papel y el lápiz.BD
___
Lista de distribución Ovillo
Para 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] problema con layout tres columnas

2007-02-20 Por tema Alex Esteve

Hola,he probado ya varias soluciones que he encontrado por internet y en la 
lista pero no consigo arreglarlo de ninguna forma.Lo que necesito hacer es una 
web con 3 columnas, dos pequeñas a los laterales (de color rojo) y una grande 
en el centro. Lo mas importante es que la columna centrar nunca se haga mas 
pequeña de unos 780 u 800px. pero si debe expandirse si la resolucion de 
pantalla es mayor.Las 3 columnas deberian quedarse en la misma linea, viendose 
una columna pequeña de color rojo a la izquierda, una grande de color blanco en 
el centro y otra pequeña de color rojo a la derecha.Viendolo maximizado no 
tengo ningun problema, pero cuando hago la ventana mas pequeña necesitaria que 
apareciese un scroll horizontal y que la columna centrar no se haga mas pequeña 
de 800px. Pero el min width ya sabemos como funciona en según que 
navegadores...Probe a hacerlo con porcentajes, con las columnas pequeñas al 11% 
y la central al 78%, pero no conseguí establecer el tamaño minimo de ancho a la 
columna central.Os pongo el codigo por si alguien lo puede mirar un poco o si 
alguien tiene alguna idea. 
(http://www.forosdelweb.com/showthread.php?t=466482)Un saludo y gracias por 
anticipado
_
Busca desde cualquier página Web con una protección excepcional. Consigue la 
Barra de herramientas de Windows Live hoy mismo y GRATUITAMENTE.
http://www.toolbar.live.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


[Ovillo] boton atras con ajax

2007-02-20 Por tema chus m
Alguien sabe donde puedo conseguir ejemplos facilmente editables sobre webs que 
funcionen con ajax y tengan implementado la opcion de usar el boton atras del 
navegador?

gracias

- Mensaje original 
De: Alex Esteve [EMAIL PROTECTED]
Para: ovillo@lists.ovillo.org
Enviado: martes, 20 de febrero, 2007 10:37:46
Asunto: [Ovillo] problema con layout tres columnas


Hola,he probado ya varias soluciones que he encontrado por internet y en la 
lista pero no consigo arreglarlo de ninguna forma.Lo que necesito hacer es una 
web con 3 columnas, dos pequeñas a los laterales (de color rojo) y una grande 
en el centro. Lo mas importante es que la columna centrar nunca se haga mas 
pequeña de unos 780 u 800px. pero si debe expandirse si la resolucion de 
pantalla es mayor.Las 3 columnas deberian quedarse en la misma linea, viendose 
una columna pequeña de color rojo a la izquierda, una grande de color blanco en 
el centro y otra pequeña de color rojo a la derecha.Viendolo maximizado no 
tengo ningun problema, pero cuando hago la ventana mas pequeña necesitaria que 
apareciese un scroll horizontal y que la columna centrar no se haga mas pequeña 
de 800px. Pero el min width ya sabemos como funciona en según que 
navegadores...Probe a hacerlo con porcentajes, con las columnas pequeñas al 11% 
y la central al 78%, pero no conseguí establecer el
 tamaño minimo de ancho a la columna central.Os pongo el codigo por si alguien 
lo puede mirar un poco o si alguien tiene alguna idea. 
(http://www.forosdelweb.com/showthread.php?t=466482)Un saludo y gracias por 
anticipado
_
Busca desde cualquier página Web con una protección excepcional. Consigue la 
Barra de herramientas de Windows Live hoy mismo y GRATUITAMENTE.
http://www.toolbar.live.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








__ 
LLama Gratis a cualquier PC del Mundo. 
Llamadas a fijos y móviles desde 1 céntimo por minuto. 
http://es.voice.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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Preload accesible

2007-02-20 Por tema Sergio Iglesias
Hola lista:
Tengo una web que tarda un pequeño tiempo en cargar los datos desde una base
de datos. Para que parezca que está cargando los datos, cómo tengo que
hacerlo? me imagino que con JS, pero no encuentro nada que me saque del
problema.
Alguna solución?

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


Re: [Ovillo] problema con layout tres columnas

2007-02-20 Por tema Martin Campos
Hola Alex.

Te envío el HTML que he generado. En los estilos he puesto propiedades de
las capas comentadas para que puedas ver diferentes estilos con los hack
para navegadores (min-height, auto, ...). Ya me dices que tal.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
HEAD
   TITLEx/TITLE
   STYLE
HTML {
}
BODY {
background-color: #00;
}
BODY, HTML {
height: 100%;
min-height: 100%;
margin: 3px;
}
DIV {
border: 0px solid black;
}
#web {
background-color: #ff;
position: relative;
width: 1024px;
height: 100%;
/*height: auto;
min-height: 100%;
Z-INDEX: 1;
RIGHT: auto;
LEFT: auto;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto; */
}
#back_left {
background-color: #ff;
position: relative;
float: left;
width: 110px;
height: 100%;
/*height: auto;
min-height: 100%;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;*/
}
#content {
background-color: #ff;
position: relative;
float: left;
width: 804px;
height: 100%;
/*height: auto;
min-height: 100%;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;*/
}
#back_right {
background-color: #ff;
position: relative;
float: right;
width: 110px;
height: 100%;
/*height: auto;
min-height: 100%;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;*/
}
   /STYLE
/HEAD


body
div id=web
div id=back_leftnbsp;/div
div id=contentnbsp;/div
div id=back_rightnbsp;/div
/div
/body
/HTML



El día 20/02/07, Alex Esteve [EMAIL PROTECTED] escribió:


 Hola,he probado ya varias soluciones que he encontrado por internet y en
 la lista pero no consigo arreglarlo de ninguna forma.Lo que necesito hacer
 es una web con 3 columnas, dos pequeñas a los laterales (de color rojo) y
 una grande en el centro. Lo mas importante es que la columna centrar nunca
 se haga mas pequeña de unos 780 u 800px. pero si debe expandirse si la
 resolucion de pantalla es mayor.Las 3 columnas deberian quedarse en la
 misma linea, viendose una columna pequeña de color rojo a la izquierda, una
 grande de color blanco en el centro y otra pequeña de color rojo a la
 derecha.Viendolo maximizado no tengo ningun problema, pero cuando hago la
 ventana mas pequeña necesitaria que apareciese un scroll horizontal y que la
 columna centrar no se haga mas pequeña de 800px. Pero el min width ya
 sabemos como funciona en según que navegadores...Probe a hacerlo con
 porcentajes, con las columnas pequeñas al 11% y la central al 78%, pero no
 conseguí establecer el tamaño minimo de ancho a la columna central.Ospongo el 
 codigo por si alguien lo puede mirar un poco o si alguien tiene
 alguna idea. (http://www.forosdelweb.com/showthread.php?t=466482)Un saludo
 y gracias por anticipado
 _
 Busca desde cualquier página Web con una protección excepcional. Consigue
 la Barra de herramientas de Windows Live hoy mismo y GRATUITAMENTE.
 http://www.toolbar.live.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




-- 
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] boton atras con ajax

2007-02-20 Por tema Martin Campos
Hola.

Revisa este artículo: Fixing the Back Button and Enabling Bookmarking for
AJAX Apps:
http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps/

El día 20/02/07, chus m [EMAIL PROTECTED] escribió:

 Alguien sabe donde puedo conseguir ejemplos facilmente editables sobre
 webs que funcionen con ajax y tengan implementado la opcion de usar el boton
 atras del navegador?

 gracias

 - Mensaje original 
 De: Alex Esteve [EMAIL PROTECTED]
 Para: ovillo@lists.ovillo.org
 Enviado: martes, 20 de febrero, 2007 10:37:46
 Asunto: [Ovillo] problema con layout tres columnas




-- 
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Posible off-topic API para Manejar CSS

2007-02-20 Por tema Hermann Kaser
Pues no se si esto es lo que buscas, pero es similar:

http://cssing.sourceforge.net/

On 2/20/07, Miguel Angel G. [EMAIL PROTECTED] wrote:
 Buenas, Buenas a todos.

 Primero aviso que es mi primer lance a la lista, lo segundo, no se si
 por ahi alguien en la lista conosca alguna implementacion para el
 manejo de CSS, lo que pasa es que estoy creando una aplicacion para
 modificar CSS, pero no he podido dar con ninguna API Implementada que
 me permita un manejo de las CSS al estilo DOM, por ahi encontre
 org.w3c.dom.css para JAVA pero la verdad es que solo son las
 interfaces y pues hace falta implementarlas, tambien encontre SAC,
 pero es mas para hacer un barrido al estilo SAX.

 Si alguien conoce alguna api que permita trabajar de buena manera con
 los CSS se lo agradesco, de igual manera si en algun momento me decido
 a escribir las implementaciones de org.w3c.dom.css se los hare saber.
 Desde ya 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://lists.ovillo.org/mailman/listinfo/ovillo



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


Re: [Ovillo] Preload accesible

2007-02-20 Por tema Martin Campos
Hola.

Utiliza la tecnología AJAX: http://es.wikipedia.org/wiki/AJAX .

Prueba un ejemplo con HOLA MUNDO:
http://www.dynamicajax.com/fr/AJAX_Hello_World-271_290_322.html

El objeto XMLHttpRequest te permitirá mostrar textos o imágenes según el
resultado que devuelva:
0 Uninitialized. The object is not initialized with data.
1 Loading. The object is loading its data.
2 Loaded. The object has finished loading its data.
3 Interactive. The user can interact with the object even though it's not
fully loaded.
4 Complete. The object is completely initialized.

Lós códigos del estado (200, 404, ...) están aquí:
http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

Un ejemplo de codigo javascript para un div que se llame copy:

if(obj.readyState == 0)
{
 document.getElementById('copy').innerHTML = Sending Request...;
}
if(obj.readyState == 1)
{
 document.getElementById('copy').innerHTML = Loading Response...;
}
if(obj.readyState == 2)
{
 document.getElementById('copy').innerHTML = Response Loaded...;
}
if(obj.readyState == 3)
{
 document.getElementById('copy').innerHTML = Response Ready...;
}
if(obj.readyState == 4)
{
 if(obj.status == 200)
 {
  return true;
 }
 else if(obj.status == 404)
 {
  // Add a custom message or redirect the user to another page
  document.getElementById('copy').innerHTML = File not found;
 }
 else
 {
  document.getElementById('copy').innerHTML = There was a problem
retrieving the XML.;
 }
}

Espero que te sirva. El problema es por el TOPIC que dices que debe ser
accesible. Ante esto no deberças utilizar JavaScript ni AJAX.

El día 20/02/07, Sergio Iglesias [EMAIL PROTECTED] escribió:

 Hola lista:
 Tengo una web que tarda un pequeño tiempo en cargar los datos desde una
 base
 de datos. Para que parezca que está cargando los datos, cómo tengo que
 hacerlo? me imagino que con JS, pero no encuentro nada que me saque del
 problema.
 Alguna solución?

 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




-- 
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Preload accesible

2007-02-20 Por tema Hermann Kaser
Buenas:

 Tengo una web que tarda un pequeño tiempo en cargar los datos desde una base
 de datos. Para que parezca que está cargando los datos, cómo tengo que
 hacerlo? me imagino que con JS, pero no encuentro nada que me saque del
 problema.
 Alguna solución?

Puedes poner un 'spinner' [1] y un mensaje que diga que la operacion
puede tardar unos segundos/minutos.

[1] http://www.napyfab.com/ajax-indicators/

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


[Ovillo] Posición de texto en una capa

2007-02-20 Por tema Javier Barcelona
Un saludo a todos.

Quizás pueda resultar evidente o sencillo pero debo estar espeso y no me 
sale.

Tengo una capa 200x200 px con una imagen de fondo de 200x200, inserto texto 
y lo alineo a la derecha para que quede acorde a mi diseño y concuerde con 
la imagen de fondo... pero para que me quede como tengo proyectado el texto 
debería ir al pie de la capa y no en la parte superior. No quiero emplear 
saltos de línea porque creo que es chapucero ¿o no? y me preguntaba si 
existe la forma de hacerlo mas limpiamente.

Muchas gracias.

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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Posición de texto en una capa

2007-02-20 Por tema sn
pues si, se puede/debe hacer de una manera más limpia.
utilizando el posicionamiento relativo, por ejemplo.
ya sabes, le das un top y un left a tus párrafos y los acomodas donde más te
guste.
___
Lista de distribución Ovillo
Para 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] off-topic javascript

2007-02-20 Por tema Marc Palau
Holitas :)

lo tienes que poner en el window.onload.

A ver, vamos a hacer tu ejemplo más accesible y lo configuraremos con
javascript no intrusivo.

head
script type=text/javascript
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha

var i = new Image();
i.src=pencil.png;

window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display=inline;
}
alink.onmouseout=function(){
imglink.style.display=none;
}
imglink.style.display=none;
}
/script
/head
body
div id=divContenedor
 a href=# id=link title=enlace
  img src=graphics/boton_prueba.gif alt=BOTON /
  img id=imagen src=pencil.png alt=- /
 /a
/div
/body

Falta la CSS y todo eso que lo he quitado para ahorrar espacio.

RECUERDA!!!

el ancho, alto y borde de la imagen se definen en el CSS!!!
todas las imagenes tienen que tener un texto alternativo.
al a href es recomendable ponerle siempre un title

A ver si ahora si :)

 salud marc.
 discula mi ignorancia una vez más pero no se encajar en mi ejemplo la
 solución que propones.
 ___
 Lista de distribución Ovillo
 Para 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] Posición de texto en una capa

2007-02-20 Por tema Javier Barcelona
Hola sn.

Gracias por responder tan rápido.

A ver, que como ya has visto no soy un experto ;-) ... si le pongo un 
padding-top me posiciona en texto, jugando con los valores en px, donde 
quiero y se ve bien en IE7 pero en Opera y Firefox ese texto de desplaza 
hacia abajo y queda descuadrado ¿lo hago de forma correcta?

Gracias de nuevo.

Javier

- Original Message - 
From: sn [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 1:16 PM
Subject: Re: [Ovillo] Posición de texto en una capa


pues si, se puede/debe hacer de una manera más limpia.
utilizando el posicionamiento relativo, por ejemplo.
ya sabes, le das un top y un left a tus párrafos y los acomodas donde más te
guste.
___
Lista de distribución Ovillo
Para 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] Superposición de capas

2007-02-20 Por tema Juan G. Hurtado
Hola,

El 18/02/2007, a las 17:35, laura escribió:
 creo que con un z-index menor en la capa que quieras mas abajo,
 bastaria. Es como una referencia para que sepa el orden correcto q ha
 de colocar las capas, así que si le pones el z-index a una, a la otra
 tambien.

Muchas gracias por contestar. El caso es que los z-index ya están  
correctamente puestos. Todo va bien en IE6, Firefox, Safari, etc.  
El problema solo se da en IE7.

Un saludo.
--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]



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


Re: [Ovillo] Posición de texto en una capa

2007-02-20 Por tema sn
vale javier, en primer lugar deberías leerte algo sobre posicionamiento de
capas con css.
es imprescindible y  te facilitará muchísimo tu labor de maquetación.
ya sabes, pregúntale a san google, que el lo sabe.
de todos modos una explicación fugaz:
le das a los parrafos un posicionamiento relativo.
por ejemplo.

p{
position:relative;
top:20px;
left:10px;
}

eso te moverá el selector(en este caso p), 20 pixeles por debajo de dónde
estaría situado normalmente y 10 hacia la izquierda.
te explicaría más, pero no tengo tiempo.
estudia y prueba y cualquier duda, aquí estamos.
___
Lista de distribución Ovillo
Para 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] Posición de texto en una capa

2007-02-20 Por tema Javier Barcelona
Y tan fácil que era... muchas gracias una vez más.

Estoy leyendome un par de libros de Anaya, amén de ser lector de esta lista 
que es lo que más me gusta por eso de leer opiniones distintas, para 
refrescar mis recuerdos.

Javier

- Original Message - 
From: sn [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 1:52 PM
Subject: Re: [Ovillo] Posición de texto en una capa


vale javier, en primer lugar deberías leerte algo sobre posicionamiento de
capas con css.
es imprescindible y  te facilitará muchísimo tu labor de maquetación.
ya sabes, pregúntale a san google, que el lo sabe.
de todos modos una explicación fugaz:
le das a los parrafos un posicionamiento relativo.
por ejemplo.

p{
position:relative;
top:20px;
left:10px;
}

eso te moverá el selector(en este caso p), 20 pixeles por debajo de dónde
estaría situado normalmente y 10 hacia la izquierda.
te explicaría más, pero no tengo tiempo.
estudia y prueba y cualquier duda, aquí estamos.
___
Lista de distribución Ovillo
Para 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] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema webmaster

De cualquier manera si alguien aca se le ocurre como solucionar el problema de 
cómo centrar verticalmente, con un alto no definido para el div a centrar, se 
le agradeceria mucho.

Gracias. 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

En el IE6 no sale centrado.

Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.

Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se vé 
la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript no 
se ve nada.

El miércoles, 14 feb 2007 a las 22:45, escribiste:

 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;  
 }
 #distancia { 
 width:1px;
 height:50%; 
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of distancia
 */  
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff; 
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div  
 /body
 Un cordial saludo de SantosVZ



-- 
  /\/
 /  \  / \  /
/\/ e t   \/ i c i o u s
   


___
Lista de distribución Ovillo
Para 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] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema kemie guaida
Just ayer me encontre esto:
http://www.aplus.co.yu/css/relaxed-dead-centre-layout/

no lo he probado, pero por lo que veo, funciona :)

saludos!

kemie

webmaster wrote:
 De cualquier manera si alguien aca se le ocurre como solucionar el problema 
 de cómo centrar verticalmente, con un alto no definido para el div a centrar, 
 se le agradeceria mucho.

 Gracias. 

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
 Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

 En el IE6 no sale centrado.

 Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.

 Putatidas:
 - Si pones la capa visible al principio hay un pequeño momento en el que se 
 vé la capa a la izquierda
 - Si pones la capa oculta antes del centrado y el usuario va sin javascript 
 no se ve nada.

 El miércoles, 14 feb 2007 a las 22:45, escribiste:

   
 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;  
 }
 #distancia { 
 width:1px;
 height:50%; 
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of distancia
 */  
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff; 
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div  
 /body
 Un cordial saludo de SantosVZ
 



   
___
Lista de distribución Ovillo
Para 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] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema webmaster
O_O

Pues si parece que funciona... Tu que parece que sabes de esto, talves me 
puedes explicar algo?

Los comentarios condicionales de IE, que hacen en esa página? Pareciera como si 
fuera algun lenguaje de programación, obteniendo la posición, pero... No miro 
ningún dialogo que diga script.

Por otro lado, el hacer html { display:table;) no tiene efectos secundarios muy 
fuertes con todo lo demás?

Gracias!

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kemie guaida
Sent: Martes, 20 de Febrero de 2007 10:08 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Just ayer me encontre esto:
http://www.aplus.co.yu/css/relaxed-dead-centre-layout/

no lo he probado, pero por lo que veo, funciona :)

saludos!

kemie

webmaster wrote:
 De cualquier manera si alguien aca se le ocurre como solucionar el problema 
 de cómo centrar verticalmente, con un alto no definido para el div a centrar, 
 se le agradeceria mucho.

 Gracias. 

 -Original Message-
 From: [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
 Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

 En el IE6 no sale centrado.

 Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.

 Putatidas:
 - Si pones la capa visible al principio hay un pequeño momento en el 
 que se vé la capa a la izquierda
 - Si pones la capa oculta antes del centrado y el usuario va sin javascript 
 no se ve nada.

 El miércoles, 14 feb 2007 a las 22:45, escribiste:

   
 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;  
 }
 #distancia { 
 width:1px;
 height:50%; 
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of distancia
 */  
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff; 
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div  
 /body
 Un cordial saludo de SantosVZ
 



   
___
Lista de distribución Ovillo
Para 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] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema Christian Roque Geldres
Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml

y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=

ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se
busque

Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Si hay algo que una estúpida tabla nos permite, es centrar un objeto
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto
tan fácil como:

table width=100% height=100%
tr align=center valign=middle
 tdimg src=tu_imagen.gif
 /td/tr/table

Reforzándolo con el siguiente DTD (si se quiere):

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y
un sordo lo puede oir... ¡Qué lo parió!

Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).

Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)

- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical



De cualquier manera si alguien aca se le ocurre como solucionar el problema
de cómo centrar verticalmente, con un alto no definido para el div a
centrar, se le agradeceria mucho.

Gracias.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

En el IE6 no sale centrado.

Yo al final he optado por centrar la capa con JavaScript y asunto
solucionado.

Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se
vé la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript
no se ve nada.

El miércoles, 14 feb 2007 a las 22:45, escribiste:

 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;
 }
 #distancia {
 width:1px;
 height:50%;
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of distancia
 */
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff;
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div
 /body
 Un cordial saludo de SantosVZ



--
  /\/
 /  \  / \  /
/\/ e t   \/ i c i o u s
   


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

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

2007-02-20 Por tema [ATINAmedia] Eduardo de la Torre
Si estimamos la población mundial en unos 6500 millones de personas y según 
la OMS hay unos 135 millones de personas con problemas de visión, 
obtenemos que el 2,1% de la población humana tiene problemas de visión.

Según estadísticas, sólo el 15,6% de la población mundial tiene acceso a 
internet, esto viene a ser 1014 millones de personas. Si extrapolamos, el 
2,1% de personas que tiene problemas de visión de dicha cifra tiene acceso a 
Internet, luego obtenemos: 21,3 millones de personas que tienen acceso a 
internet con problemas de visión.

¿Todo esto para qué?

Pues para saber que 21,3 millones de personas con problemas de visión, 
estarán agradecidas del trabajo que ejercéis muchos de vosotros!!

Un saludo.

Edu T. 

___
Lista de distribución Ovillo
Para 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] Scroll Página anterior

2007-02-20 Por tema Santiago Martín-Cleto
Buenas,

Me ocurre un fenómeno paranormal con Firefox 1.5: Desde una página con
mucha profundidad, pincho en un enlace.
Al volver atrás, al cargarse la página anterior de la que procedo el scroll
sube arriba, no recordando la altura
donde me encontraba al pinchar el enlace.

Lo más curioso es que en una réplica local de la página eso no ocurre, si
enlazo y regreso el scroll de la página origen
se sitúa como es normal a la altura del enlace clicado.

¿Alguien sabe porqué ocurre esto y qué posible solución puede haber?

Muchas gracias de antemano.
---
Santiago Martín-Cleto
Diseñador y maquetador web
www.martincleto.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


Re: [Ovillo] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema webmaster
Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el 
contenido supera el 80% de alto de la página que es el que usan default, o 
funciona hasta que cualquiera que definas como height, sea centrada (por eso es 
que este centrado vertical es con contenido fluido).

Y sobre lo de google, si buscas un poquito mas de hilos veras que se a buscado, 
y que la solución no pareciera encontrarse hasta lo que puso kemi hoy con un 
poco de script.

En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la 
cosa es, lograrlo hacer sin ella. 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque 
Geldres
Sent: Martes, 20 de Febrero de 2007 10:49 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml

y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=

ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se busque

Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Si hay algo que una estúpida tabla nos permite, es centrar un objeto 
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes 
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros 
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto tan 
fácil como:

table width=100% height=100%
tr align=center valign=middle
 tdimg src=tu_imagen.gif
 /td/tr/table

Reforzándolo con el siguiente DTD (si se quiere):

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y un 
sordo lo puede oir... ¡Qué lo parió!

Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).

Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)

- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical



De cualquier manera si alguien aca se le ocurre como solucionar el problema de 
cómo centrar verticalmente, con un alto no definido para el div a centrar, se 
le agradeceria mucho.

Gracias.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

En el IE6 no sale centrado.

Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.

Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se vé 
la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript no 
se ve nada.

El miércoles, 14 feb 2007 a las 22:45, escribiste:

 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;
 }
 #distancia {
 width:1px;
 height:50%;
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of 
 distancia */
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff;
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div
 /body
 Un cordial saludo de SantosVZ



--
  /\/
 /  \  / \  /
/\/ e t   \/ i c i o u s
   


___
Lista de distribución Ovillo
Para 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:

Re: [Ovillo] Noticias: Gran Paraiso Alpha 2 pasa el Acid 2 Test

2007-02-20 Por tema webmaster
 
Solo una notita que no vi ningún comentario,  si bajan Gran Paraiso Alpha 2, y 
prueban el acid 2 test, se llevaran una sorpresa (ojo corriendo sobre windows 
xp).

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


Re: [Ovillo] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema Christian Roque Geldres
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo
de kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro
del body se muestre en linea? ¿O es solo el body el que esta en línea?

Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo
dibujas en Paint perfectamente centrado lo grabas como imagen y lo subes de
esa manera.

Christian Roque G.

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el
contenido supera el 80% de alto de la página que es el que usan default, o
funciona hasta que cualquiera que definas como height, sea centrada (por eso
es que este centrado vertical es con contenido fluido).

Y sobre lo de google, si buscas un poquito mas de hilos veras que se a
buscado, y que la solución no pareciera encontrarse hasta lo que puso kemi
hoy con un poco de script.

En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la
cosa es, lograrlo hacer sin ella. 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Martes, 20 de Febrero de 2007 10:49 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml

y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=

ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se
busque

Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Si hay algo que una estúpida tabla nos permite, es centrar un objeto
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto
tan fácil como:

table width=100% height=100%
tr align=center valign=middle
 tdimg src=tu_imagen.gif
 /td/tr/table

Reforzándolo con el siguiente DTD (si se quiere):

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y
un sordo lo puede oir... ¡Qué lo parió!

Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).

Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)

- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical



De cualquier manera si alguien aca se le ocurre como solucionar el problema
de cómo centrar verticalmente, con un alto no definido para el div a
centrar, se le agradeceria mucho.

Gracias.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

En el IE6 no sale centrado.

Yo al final he optado por centrar la capa con JavaScript y asunto
solucionado.

Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se
vé la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript
no se ve nada.

El miércoles, 14 feb 2007 a las 22:45, escribiste:

 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;
 }
 #distancia {
 width:1px;
 height:50%;
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 position:relative; /* puts container in front of 
 distancia */
 height:27.5em;
 width:45em;
 clear:left;
 background-color:#666;
 border:1px dashed #fff;
 }
 /style
 /head
 body
 div id=distancia/div
 div id=container/div
 /body
 Un cordial saludo de SantosVZ



--
  /\/
 /  \  / \  /
/\/ e t   \/ i c i o u s
   


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org 

[Ovillo] Columnas que me desbordan un div

2007-02-20 Por tema luis cruz salanova


Hola, os escribo porque no encuentro la solución a un
problema que debe ser e priori sencillo. A ver si alguien me pudiera echar una
mano. Estaba maquetando una estructura más o menos sencilla en esta dirección de
pruebas y no se porque la columna de la derecha no baja en firefox con las
columnas que contiene.



Lo podéis ver en testa dirección:
http://cambalachemadrid.com/3columnas/index2.html



 


Un saludo y gracias por anticipado.



___
Lista de distribución Ovillo
Para 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] Cosas Basicas: Centrado Vertical

2007-02-20 Por tema webmaster
Christian,

27 páginas mas tarde, en la sección de CSS de forosdelweb.com debo de decirte 
que sigo con el mismo problema.  

Llegamos a 2 posibles soluciones:

Tabla Sama
Y centrado con height definido.

Si tu viste algo que yo no vi, por favor enviame el link, que creo que quedaria 
genial matar este problema.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque 
Geldres
Sent: Martes, 20 de Febrero de 2007 12:12 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo de 
kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro del body 
se muestre en linea? ¿O es solo el body el que esta en línea?

Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo dibujas 
en Paint perfectamente centrado lo grabas como imagen y lo subes de esa manera.

Christian Roque G.

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el 
contenido supera el 80% de alto de la página que es el que usan default, o 
funciona hasta que cualquiera que definas como height, sea centrada (por eso es 
que este centrado vertical es con contenido fluido).

Y sobre lo de google, si buscas un poquito mas de hilos veras que se a buscado, 
y que la solución no pareciera encontrarse hasta lo que puso kemi hoy con un 
poco de script.

En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la 
cosa es, lograrlo hacer sin ella. 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque Geldres
Sent: Martes, 20 de Febrero de 2007 10:49 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml

y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=

ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se busque

Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: martes, 20 de febrero de 2007 11:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical

Si hay algo que una estúpida tabla nos permite, es centrar un objeto 
exactamente en el medio de la pantalla. Es una de las cosas más vergonzantes 
que vi respecto a CSS, ya que ni poniendo y sacando DTD o haciendo engendros 
mutantes de ingeniería casera (léase parcheos con JavaScript) haremos alto tan 
fácil como:

table width=100% height=100%
tr align=center valign=middle
 tdimg src=tu_imagen.gif
 /td/tr/table

Reforzándolo con el siguiente DTD (si se quiere):

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

Claro: hay cosas desaprobadas (todo, ¡ja!)... pero un ciego lo puede ver y un 
sordo lo puede oir... ¡Qué lo parió!

Mi abuela decía: si es malo y funciona, es bueno; si es bueno y no
funciona: es una mierda (perdón las chicas y los puritanos).

Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)

- Original Message -
From: webmaster [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, February 20, 2007 12:42 PM
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical



De cualquier manera si alguien aca se le ocurre como solucionar el problema de 
cómo centrar verticalmente, con un alto no definido para el div a centrar, se 
le agradeceria mucho.

Gracias.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical

En el IE6 no sale centrado.

Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.

Putatidas:
- Si pones la capa visible al principio hay un pequeño momento en el que se vé 
la capa a la izquierda
- Si pones la capa oculta antes del centrado y el usuario va sin javascript no 
se ve nada.

El miércoles, 14 feb 2007 a las 22:45, escribiste:

 style type=text/css
 * {
 margin:0;
 padding:0;
 }
 html, body {
 height:100%;
 }
 body {
 background-color:#999;
 }
 #distancia {
 width:1px;
 height:50%;
 margin-bottom:-13.75em; /* half of container height */
 float:left;
 }
 #container {
 margin:0 auto;
 

Re: [Ovillo] Columnas que me desbordan un div

2007-02-20 Por tema Juan José Montes de Oca Arbós
Hola Luis, el funcionamiento que ves en FireFox es el correcto según los
estandars. IE tiene un error que te ajustá el tamaño del contenedor de
acuerdo a los objetos interiores... tenés que haces el div exterior
(id=derecha) con un height mas alto.

Saludos

El día 20/02/07, luis cruz salanova [EMAIL PROTECTED] escribió:



 Hola, os escribo porque no encuentro la solución a un
 problema que debe ser e priori sencillo. A ver si alguien me pudiera echar
 una
 mano. Estaba maquetando una estructura más o menos sencilla en esta
 dirección de
 pruebas y no se porque la columna de la derecha no baja en firefox con las
 columnas que contiene.



 Lo podéis ver en testa dirección:
 http://cambalachemadrid.com/3columnas/index2.html






 Un saludo y gracias por anticipado.



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




-- 
Juan José Montes de Oca Arbós.
___
Lista de distribución Ovillo
Para 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] Scroll Página anterior

2007-02-20 Por tema stripTM
Santiago Martín-Cleto escribió:
 Buenas,

 Me ocurre un fenómeno paranormal con Firefox 1.5: Desde una página con
 mucha profundidad, pincho en un enlace.
 Al volver atrás, al cargarse la página anterior de la que procedo el scroll
 sube arriba, no recordando la altura
 donde me encontraba al pinchar el enlace.

 Lo más curioso es que en una réplica local de la página eso no ocurre, si
 enlazo y regreso el scroll de la página origen
 se sitúa como es normal a la altura del enlace clicado.

 ¿Alguien sabe porqué ocurre esto y qué posible solución puede haber?

   
Buenas, ¿está la página visible en algún sitio? ¿has probado con Firefox 
2? puede que fuese un bug corregido.

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para 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] Diferencias entre navegadores

2007-02-20 Por tema Andres
Estoy tratando de hacer mi primera web con CSS, así que supongo que estos días 
os daré bastante la lata.

Esta es la primera pregunta:
¿Qué tengo que hacer para que http://www.arkitera.es se vea igual en Firefox e 
IE7?
¿Qué tal se verá en IE6?

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