[Ovillo] Oferta laboral - Buenos Aires

2006-11-15 Por tema Pablo Ziliani
Buenos días,

Estoy buscando personas que deseen trabajar en el diseño y mantenimiento 
de sitios en mi pequeño estudio en Buenos Aires. Es condición que las 
personas puedan trabajar en oficina en forma part o full-time (es decir, 
no free-lance ni teletrabajo).
Algunas de las tareas a desempeñar son: diseño y maquetación en 
XHTML/CSS de sitios, retoque fotográfico, actualización de bases de 
datos, y eventualmente programación en Javascript, PHP o Python.
No es imprescindible tener experiencia previa en ninguna de estas áreas, 
pero se valorarán todos los conocimientos, particularmente en lo 
referido a estándares de web.

Los interesados, por favor escribir a mi dirección.

Muchas gracias,
Pablo

___
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] Un DIV sobre otro y luego oculto

2006-09-15 Por tema Pablo Ziliani
Hola Reynier, mis comentarios abajo.

Reynier Perez Mira wrote:
 script type=text/javascript src= assets/jquery.js/script
   
Hay un espacio al comienzo del src. Si te bajaste el script a un 
directorio assets, no lo encuentra por ese espacio.
Por otro lado, si querías que viera tus estilos (esta es una lista de 
css...) no los incluíste, y las imagenes no se ven porque están 
relativas a vaya_uno_a_saber_donde.

 div class=cnt_proy_left
   ul class=listado_proyectos
   li class=autoa href=#resumen-autoimg 
 src=skins/simpro/images/proyectos_01.png //a/li
   li class=teoricoa href=#resumen-teoricoimg 
 src=skins/simpro/images/proyectos_02.png //a/li
   li class=tiroa href=#resumen-tiroimg 
 src=skins/simpro/images/proyectos_03.png //a/li
   li class=quirurgicoa href=#resumen-quirurgicoimg src= 
 skins/simpro/images/proyectos_04.png //a/li
   li class=juegoa href=#resumen-juegoimg src= 
 skins/simpro/images/proyectos_05.png //a/li
   /ul
 /div
   
A todos los src les falta cerrar la segunda comilla. Y en quirurgico 
metiste otro espacio al comienzo del src.

 p class=volvera href=#volver/a/p
Esto sólo tiene sentido en el ejemplo que te mandé, en el que proveía 
una navegación alternativa cuando no cargaba el js.

 Ahora el problema es que si te das cuenta tengo dos DIV cnt_proy_left y 
 cnt_proy_right flotando a la izquierda,
No, sin el css ni drogas te juro que no veo nada flotar.
Cuando arregles esos problemas, hablamos.

Saludos,
Pablo
___
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] Un DIV sobre otro y luego oculto

2006-09-12 Por tema Pablo Ziliani
Hola Reynier, supongo que segundo email que te escribí aclara la mayoría 
de las dudas que planteás aquí, de todas formas te contesto algunos 
párrafos.

Reynier Perez Mira wrote:
 ¿Y no es lo mismo poniéndole un ID a cada DIV? Porque no veo la diferencia 
 entre esto:
 div class=resumen_proyecto auto nbsp;/div
 Y esto:
 div class=resumen_proyecto id=auto nbsp;/div
 A no ser que si le pongo el ID no lo podré repetir otra vez (eso no importa 
 porque solo se pondrá una vez, o sea, cada DIV es único)

   
 Fijate que estoy usando multiples clases en cada elemento. Creo que
 refleja mejor el contenido que tenés: quirurgico o juego son tipos
 distintos (léase clases) de elementos similares.
 

 ¿Donde me puedo mojar en el tema? ¿Qué diferencia hay en el uso de clases y/o 
 ID's?
   

El efecto visual puede ser el mismo, pero conceptualmente es diferente. 
Si interpreto bien tu intención, a vos no te interesa tanto identificar 
el nodo, sino a la clase, al tipo del nodo. Fijate en las palabras que 
estás utilizando: teorico, tiro, quirurgico, juego, ... no 
parecen ser descripciones de la estructura del HTML sino más bien una 
característica del contenido que encierran. Además, por qué hacer que 
sólo un nodo pueda llamarse teorico si quizás esa sea una 
característica aplicable a más de una parte del contenido? En el CSS 
podrías tener definiciones diferentes para div.teorico y h4.teorico o, 
como te proponía, determinar la apariencia de los nodos a partir de su 
ancestro común (.teorico div, .teorico h4).

   
 Por otra parte, es muy probable que el div sea completamente
 innecesario. Se te ocurrió una estructura así?:
 body class=teorico !-- puede ser un div también --
 h1Simulador de conducción/h1
 ...
 /body
 

 Pues no se me había ocurrido pero creo que aquí como que me quedé un poco 
 perdido, ¿me podrías explicar un poco mejor? Hasta donde tengo entendido la 
 página solo puede tener un solo BODY ¿o no?
   
Seguramente estás perdido porque no leíste (al menos antes de escribir 
esto) el email que te mandé a continuación del que respondiste. El 
ejemplo suponía que sólo te interesaba ocultar un H1, por lo tanto el 
div era innecesario.
De ahí que haya aclarado que la clase que le apliqué a BODY podría 
aplicarsele también a un DIV.

 Esta es la respuesta que buscabas (pregunta equivocada?):
 Te olvidaste de declarar el tipo de posicionamiento: position: absolute.
 

 Creo que si, es eso lo que olvide
   
Ahora estoy más convencido de que es un error usar position absolute. 
Como te dije, te conviene usar position:static y display:hidden para no 
tener que reservar el espacio que utilizaría.

No sé qué herramientas te da script.aculo.us, pero para cambiar la clase 
de un elemento podés usar jquery (jquery.com).

Saludos,
Pablo
___
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] Un DIV sobre otro y luego oculto

2006-09-12 Por tema Pablo Ziliani
Reynier Perez Mira wrote:
 De todas formas no me queda clara la utilización correcta del término ID y 
 del término clase. Si tienes un enlace donde hablen al respecto te 
 agradecería me lo dejaras por aquí.
   

No, disculpas pero no lo tengo ni sé si estará escrito en alguna parte 
(yo lo fui descubriendo de a poco, a medida que me iba volcando hacia la 
programación orientada a objetos con la que tiene más de un paralelismo).

 Tengo este HTML:
 div class=resumen_proyecto auto
   h1Simulador de conducción/h1
   img src=skins/simpro/images/proyectos/auto.jpg alt= /
   pContenido del parrafo/p
 /div

 Como verás no solo contiene un H1 sino que también tiene una imagen y X 
 párrafos (solo puse uno para ejemplificar). Cada uno de esos DIV pertenece o 
 debe pertenecer a imágenes ordenadas en una lista de manera tal que cuando 
 pase el Mouse por encima de alguna de ellas se muestre/oculte lo necesario. 
 Por ejemplo:

 1) Imagen 1=MouseOver=Mostrar DIV con clase auto(ocultar todos los demás)
 2) Imagen 2=MouseOver=Mostrar DIV con clase teorico(ocultar todos los demás)
 3) Imagen 3=MouseOver=Mostrar DIV con clase quirurgico(ocultar todos los 
 demás)

 ¿Ahora me comprendes mejor lo que trato de hacer?

Sí, y de hecho ya lo había comprendido antes. Pero por alguna razón no 
podés ver como el ejemplo que te envié se aplica a tu problema. Te 
explico a continuación.

 Aún así no me queda claro esto: body class=auto nbsp; /body Pues no se 
 cual es el objetivo final
   
Ok, lamento haber llegado hasta esta instancia. Estoy con mucho trabajo 
así que prefiero ilustrar con el ejemplo y librar el aprendizaje a tu 
voluntad. No esperes que te de soporte sobre esto.
Por favor, fijate este código DETENIDAMENTE. Copialo y asegurate de 
probarlo con javascript deshabilitado. Para complicar las cosas usé ids 
en los divs en vez de clases como veníamos hablando, sabés por qué? no 
por requerimiento del css sino por que en este caso *sí* me interesa 
identificar el bloque en cuestión, ya que si el javascript no está 
habilitado, haciendo click en el link de navegación iremos al div 
correspondiente (que es tratado como un anchor, ancla o anclaje).
Pido disculpas al resto por el largo del pegote (y ruego porque el 
Thunderbird no destruya el formato).

!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
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleReynier/title
style type=text/css
.resumen_proyecto {
border: 1px solid gray;
background: #eee;
color: black;
padding: 1em;
margin-bottom: 1em;
}
/*
cuando carga la página, un javacript le agregará
al body la clase habemus-javascript. Esto es
así para que incluso aquellos que no tengan js
habilitado (o conexiones lentas y js externos)
puedan seguir accediendo al contenido.
*/
.habemus-javascript .resumen_proyecto,
.habemus-javascript .volver {display: none}

/*
al hacer click en un link, se disparará un js
que reemplaza la clase del body por una de estas:
auto, teorico, tiro, quirurgico, juego.
*/

.auto #resumen-auto,
.teorico #resumen-teorico,
.tiro #resumen-tiro,
.quirurgico #resumen-quirurgico,
.juego  #resumen-juego {display: block}

/* esto es decorativo (me cago en la decoración) */
.auto li.auto,
.teorico li.teorico,
.tiro li.tiro,
.quirurgico li.quirurgico,
.juego li.juego {font-size: 1.5em}

/style
!-- Yo uso jquery porque me place --
script type=text/javascript 
src=http://jquery.com/src/jquery-latest.pack.js;/script
script type=text/javascript

// al cargar el html, 
// 1. agregamos al body la clase habemus-javascript
// 2. agregamos a los links la función que cambia la clase del body

limpiarBody = function() {
return $(body).removeClass().addClass(habemus-javascript);
}
$(document).ready(function(){
limpiarBody();
$('#navegacion a').bind('click', cambiarClase);
})

// sencillamente le agrego al body la misma clase que tiene
// el li del link cliqueado

cambiarClase = function() {
limpiarBody().addClass(this.parentNode.className);
return false;
}

/script
/head

body
ul id=navegacion
li class=autoa href=#resumen-autoauto/a/li
li class=teoricoa href=#resumen-teoricoteórico/a/li
li class=tiroa href=#resumen-tirotiro/a/li
li class=quirurgicoa href=#resumen-quirurgicoquirúrgico/a/li
li class=juegoa href=#resumen-juegojuego/a/li
/ul
div class=resumen_proyecto id=resumen-auto
h1Simulador de conducción auto/h1
img src=http://www.google.com/intl/en/logos/Logo_25wht.gif; alt=auto /
pContenido del parrafo/p
p class=volvera href=#volver/a/p
/div
div class=resumen_proyecto id=resumen-teorico
h1Simulador de conducción teórico/h1
img src=http://www.google.com/intl/en/logos/Logo_40wht.gif; alt=teórico 
/
pContenido del parrafo/p
p class=volvera href=#volver/a/p
/div
div class=resumen_proyecto id=resumen-tiro
h1Simulador de conducción 

Re: [Ovillo] Un DIV sobre otro y luego oculto

2006-09-12 Por tema Pablo Ziliani
Perdón Raynier, me olvidé que era usando onmouseover que querías hacer 
el cambio y no onclick como puse yo (parece que no puedo enviar emails 
de a uno por vez ;-)).
Para arreglarlo, simplemente modificá en el código que te pasé la linea 
que dice:

 $('#navegacion a').bind('click', cambiarClase);

Por:

$('#navegacion a').bind('mouseover', cambiarClase);

O por esta otra, si querés volver a hacer desaparecer el objeto al sacar 
el mouse del link:
$('#navegacion a').bind('mouseover', cambiarClase).bind('mouseout', 
limpiarBody);

Supongo que no hará falta aclarar que donde yo usé UL + LI + A por 
comodidad, vos podrías usar
imagenes de fondo en el A (ocultando el texto con alguna técnica de 
sustitución de imágenes) o
UL + LI + A + IMG, o quizás DIV + A + IMG, etc. Lo único importante para 
que funcione el código que te pasé es que sin importar el tag que tenga, 
el padre del A lleve la clase que le querés agregar al BODY.

Saludos,
Pablo
___
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] Un DIV sobre otro y luego oculto

2006-09-11 Por tema Pablo Ziliani
Hola Reynier, te contesto abajo.

Reynier Perez Mira wrote:
 Hola por aquí:
 Necesito poner 4 DIV's uno encima del otro, todos en la misma posicion. 
 Cuando pase el mouse sobre una imagen entonces me aparece uno u otro en 
 dependencia de la imagen seleccionada (esto es Javascript, lo pienso hacer 
 usando script.aculo.us) pero bueno la pregunta con CSS es como poner los DIV 
 uno encima de otro porque los he puesto asi:

 div class=resumen_proyecto id=auto
   h1Simulador de conducción/h1
 /div
 div class=resumen_proyecto id=teorico
   h1Simulador de conducción/h1
 /div
 div class=resumen_proyecto id=tiro
   h1Simulador de conducción/h1
 /div
 div class=resumen_proyecto id=quirurgico
   h1Simulador de conducción/h1
 /div
 div class=resumen_proyecto id=juego
   h1Simulador de conducción/h1
 /div
   

La respuesta concreta a tu pregunta está aun más abajo, mientras tanto: 
siendo que el texto es siempre el mismo (Simulador de conducción) ¿hay 
alguna razón por la que estés multiplicando tantas veces el mismo 
código? (SEO puede ser una, aunque un poco obtusa en mi opinión).
Suponiendo que exista alguna buena razón, ¿no te conviene directamente 
hacer algo así?:

div class=resumen_proyecto auto
h1Simulador de conducción/h1
/div
div class=resumen_proyecto teorico
h1Simulador de conducción/h1
/div
div class=resumen_proyecto tiro
h1Simulador de conducción/h1
/div
div class=resumen_proyecto quirurgico
h1Simulador de conducción/h1
/div
div class=resumen_proyecto juego
h1Simulador de conducción/h1
/div


Fijate que estoy usando multiples clases en cada elemento. Creo que 
refleja mejor el contenido que tenés: quirurgico o juego son tipos 
distintos (léase clases) de elementos similares.

Entonces, en el css:

div.resumen_proyecto{características comunes a todos estos divs}

div.teorico{características particulares de teorico},
div.tiro{características particulares de tiro}
div.quirurgico{características particulares de quirurgico}
div.juego{características particulares de juego}
etc.

Por otra parte, es muy probable que el div sea completamente 
innecesario. Se te ocurrió una estructura así?:
body class=teorico !-- puede ser un div también --
h1Simulador de conducción/h1
...
/body

el css:
h1{características comunes de todos los h1}
body.teorico h1{características particulares del H1 de teorico},
body.tiro h1{características particulares del H1 de tiro}
body.quirurgico h1{características particulares del H1 de quirurgico}
body.juego h1{características particulares del H1 de juego}

Luego el script solo tendría que cambiar la clase del body (o del div 
que englobe los h1) por la que corresponda según la imagen cliqueada.

 Y luego en el CSS algo como esto:
 #teorico, #tiro, #quirurgico, #juego { visibility: hidden; top: 0; left: 0; }
   

Esta es la respuesta que buscabas (pregunta equivocada?):
Te olvidaste de declarar el tipo de posicionamiento: position: absolute.

 Pero no me funciona pues cada DIV me ocupa el tamaño de su contenido y no es 
 eso lo que quiero. Supongan que cada uno de los DIV tenga 140px de alto. 
 Entonces lo que quiero es posicionar los 5 de forma tal que el alto sea 140px 
 y no 540 como me lo esta haciendo aún así ocultando los 4 restantes. Alguien 
 me puede dar una ayuda?
Al margen de todo lo anterior, usando visibility: hidden, los objetos 
siguen ocupando el mismo espacio. Esto quiere decir que en un contexto 
de posicionamiento static o relative (no es tu caso si agregás la regla 
que te dije), el elemento ocupa el espacio aunque no se vea, afectando a 
los elementos circundantes. Para que esto no suceda deberías usar 
display:none en vez de visibility:hidden.


Saludos y espero que te haya sido útil,
Pablo
___
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] footer, en ie, resoluciones varias

2006-09-05 Por tema Pablo Ziliani
Hola Sureña,
hacé ctrl-u en FF y vas a ver una muy posible causa de tu problema en 
rojo... varias veces.

Saludos,
Pablo


Sureña wrote:
 Hola, este es el tercer mensaje que mando por el mismo tema, por favor
 necesito ayuda urgente!!!, desde ya agradezco las repuestas . No se si es
 que hay problemas en la lista...o que, de todas formas gracias a los que
 contestaron, pero no me aclararon nada o yo soy muy torpe  :(
 Muchas gracias
 Alejandra

 04-09-06
 Hola lista!! Por favor si me pueden responder pronto lo agradecere
 Tengo unas dudas:

 Tengo un div id=pietexto aqui y enlace/div
 en FF y Opera se ve, pero en IE, me corta la pagina en el ultimo menu y no
 aparece el pie, este div lo tengo en un div general que engloba toda la
 pagina y esta inmediatamente bajo el ultimo menu de navegacion
 como lo puedo arreglar?

 Otra cosa, la pagina la diseñe para 800*600 (es la clasica no?) y en
 1024*768 me deja un gran espacio vacio a la derecha,  me gustaria que se
 viera en la mayor cantidad de resoluciones posibles
 que debo agregar?

 esta es la direccion:
 http://members.libreopinion.com/ar/judithg/index.html

 y este es el codigo

 05-09-06 lo envie:

 Tal vez resulte engorroso, porque es un poco largo, seguramente encontraran
 errores de todo tipo, soy novata :)
 Este es el codigo adeudado, sorry:

 HTML:

 div id=general
 div id=banner
 aqui todos los datos del banner
 /div
 div id=division
 img alt=linea src=lineadivision.jpg height=7
 width=20/a/li/div
 div id=menu
 ul
   lia href=Inicio/a/li
   lia href=Habitaciones/a/li
   lia href=Servicios/a/li
   lia href=Fotos/a/li
 lia href=dir emailContacto/a/li
 /ul
 /div
 div id=contenido
 h3Titulo de parrafo/h3
 pparrafo con br./p
 /div
 div id=fotos
 div id=menufotos
  ul
 lia href= recepcion1.jpg
 img alt=Recepción src=recepcion1_small.jpg height=75
 width=100/a/li
 lia href=confiteria1.jpg
 img alt=Confitería src=confiteria1_small.jpg height=75
 width=100/a/li
 lia href=lobby.jpg
 img alt=Lobby src=lobby_small.jpg height=75 width=100/a/li
 lia href=depto5personas.jpg
 img alt=Habitaciones src=depto5personas_small.jpg height=75
 width=100/a/li
   /ul
 /div
   /div
 div id=menuabajo
 ul
   lia href=Inicio/a/li
   lia href=Habitaciones/a/li
   lia href=Servicios/a/li
   lia href=Fotos/a/li
 lia href=mailto:dir correoContacto/a/li
 /ul
 /div
 div id=divisionabajo
 img alt=linea src=lineadivision.jpg height=7
 width=20/a/li/div
 div id=pie ESTE PIE NO ME LO TOMA
 pINFORMACION/p
 pDiseñado   por: a href=mailto:dir correo/a/p/div
 /div
 /div
 /body
 /html

 CSS:

 #banner{margin:0; padding:0; width:780px; height:270px; color:black;
 position:absolute; z-index:0; top:2px; left:5px;}

 #division{width:20px; height:7px;position:relative;
   background-image:url(lineadivision.jpg); backgound-repeat:index-x;
 padding:1px; width:740px;height:7px; float:left;
 left:15px; top:275px;}

 #menu ul {
 position:relative; top:275px; left:115px;
 padding:0;
 margin:0;
 list-style:none;
 width: 545px;
 height: 20px;
 float: left;
 background:#d39153;
 }

 #menu li {
 margin:3px;
 padding:1px;
 position:relative;
 display:block;
 float:left;
 width:100px;
 font-size:17px;
 font-style:italic;
 }

 #menu a {
 text-decoration:none;
 font-style:bold;
 color:#FF;
 }

 #menu a:link, #menu a:visited {
 display:block;
 float: left;
 width:100px;
 padding: 1px;
 text-decoration:none;
 text-align:center;
 color: #000;
 background-color: #b67369;}


 #menu ul li a:hover, #menu ul li a:active{
 color: #F30;
 background-color: #CCC;
 height: 20px
 }

 #general {width:780px; height:740px;}

 #contenido{background-image:url( fondodiv1a.jpg);padding:0; width:470px;
height:400px; float:right; position:relative; left:-20px;
 top:300px;}

 #fotos{background-image:url(fondodiv2a.jpg);padding:0px; margin-top:0px;
   margin-left:0px; margin-right:5px; height:400px; float:right;
 position:relative; left:-80px; top:300px; width:199px;
 text-decoration:none;}

 #divisionabajo{width:20px; height:7px;
   background-image:url(lineadivision.jpg); backgound-repeat:index-x;
 padding:0; width:740px;height:7px; float:left;
 position:relative;
 left:15px; top:290px;}

 #menuabajo{position:relative; top:318px; left:75px;
 padding:0;
 margin:0;
 list-style:none;
 width:600px;
 height: 20px;
 float: left;
 }

 #menuabajo li {
 margin:3px;
 padding:1px;
 position:relative;
 display:block;
 float:left;
 width:100px;
 font-size:17px;
 font-style:italic;
 }

 #menuabajo a {
 text-decoration:none;
 font-style:bold;
 color:#FF;
 }

 #menuabajo a:link, #menuabajo a:visited {
 display:block;
 float: left;
 width:100px;
 padding: 1px;
 text-decoration:none;
 text-align:center;
 color: #000;
 }


 #menuabajo ul li a:hover, #menuabajo ul li a:active{
 color: #F30;
 background-color: #CCC;
 height: 20px
 }

 #menufotos ul {
 

Re: [Ovillo] Cómo maquetar el índice de un libro

2006-08-30 Por tema Pablo Ziliani
Raulmartin wrote:
   Bueno, vamos a crear un poco de polémica.

Ninguna polémica, te doy toda la razón (y a Fernando). Aunque por falta 
de costumbre no recordaba lo del caption y summary, llegué a la misma 
conclusión cuando noté que el ejemplo que había enviado se contradecía 
con mis propias palabras acerca de la separación entre presentación y 
contenido. Y hasta es más fácil de armar usando tablas!

Saludos,
Pablo
___
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] Cómo maquetar el índice de un libro

2006-08-29 Por tema Pablo Ziliani
Javi Más wrote:
 Buenas, he buscado en los archivos y no he encontrado ningún tema  
 referente a mi duda, que es la siguiente: ¿Cómo maquetaríais vosotros el  
 índice de un libro? (para la web, se sobreentiende). Es el típico:

 Prólogo  XIX
 Introducción ... XXI
 Prefacio ... XXIII

 PARTE I  1
   Capítulo 1  5
   Capítulo 2  35

 [...]

 La primera idea que me viene es hacerlo mediante una lista de definición:

 dl
   dtPrólogo/dt
   ddXIX/dd
   
   dtIntroducción/dt
   ddXXI/dd

   (...)
 /dl
 pero no me parece muy correcto. No sé, por si alguno tiene algún  
 comentario ;)
Hola Javi, creo que lo que hiciste es pragmáticamente correcto. Otra 
opción es jugar con variaciones de lo siguiente (respecto de lo cual no 
pienso dar soporte, lo cual explícitamente excluye toda posibilidad de 
tener que hacer funcionar los márgenes negativos en IE  7):

style type=text/css
.indice {width: 30em}
.indice h3 {text-align: center}
.indice ol, .indice li {
margin: 0;
padding: 0;
color: black;
width: 0;
text-indent: 0;
}
.indice ol {
margin-bottom: 1em;
clear: both;
float: right;
}
.preliminares {list-style-type:upper-roman}
.capitulos {list-style-type:decimal}
.indice a {
display: block;
margin-left: -30em;
border-bottom: 1px black dashed;
text-decoration: none;
color: black;
font-weight: bold;
}
.indice ol ol a {margin-left: -28em}
/style

div class=indice
h3Índice/h3
ol class=preliminares
li value=19a href=XIX.htmlProacute;logo/a/li
li value=21a href=XXI.htmlIntroduccioacute;n/a/li
li value=23a href=XXIII.htmlPrefacio/a/li
/ol
ol class=capitulos
li value=1a href=1.htmlPARTE I/a
ol
li value=5a href=5.htmlCapiacute;tulo 1/a/li
li value=35a href=35.htmlCapiacute;tulo 2/a/li
/ol
/li
/ol
/div
___
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] Cómo maquetar el índice de un libro

2006-08-29 Por tema Pablo Ziliani
LISTAS wrote:
 Léete algo sobre CSS2.

 12.4 Contadores y numeración automática

 La numeración automática en CSS2 es controlada con dos propiedades,
 'counter-increment' y

 'counter-reset'. Los contadores definidos por estas propiedades son
 utilizados con las funciones

 counter() y counters() de la propiedad 'content'.

Querido Listas,

Además de que por el momento estas instrucciones sólo las implementa 
Opera (aunque no lo intenté, puede que también lo haga Firefox si el 
comentario que leí era suficiéntemente viejo) y de que escribir de esta 
forma un índice como el que pretende Javi -que saltea páginas todo el 
tiempo- es engorrosísimo (implica ids en cada li, además de pilas de 
counter-resets en el css), esto trae el problema adicional de relegar la 
indicación de las páginas al css, lo que cláramente es una pésima 
separación entre diseño y contenido. De ahí que le haya puesto que su 
solución con dl era pragmáticamente correcta, como lo es también la 
que envié, que utiliza el atributo value del li (si se implementa un css 
que funcione en explorer, lo que no es imposible haciendo algunas 
concesiones de diseño).


Saludos,
Pablo

PD: copiar y pegar atenta contra el autor y genera tráfico innecesario 
si el recurso está disponible en la web
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Maquetacion de formularios

2006-08-16 Por tema Pablo Ziliani
Hola José Luis,

Yo lo haría de la siguiente forma: pondría cada par literal/input dentro 
de un contenedor. Como te sugirieron esto puede ser 
fieldset/legend/input pero yo sigo prefiriendo div/label/input porque

   1. el legend es un caso especial y bastante dificil de estilizar;
   2. sea o no correcto semánticamente, el resultado SIN estilos es
  deplorable (para mí);
   3. usar divs es más rápido (no hay que quitar lo que no está);
   4. es complétamente válido poner DIVisiones a un form;


Luego, le daría un ancho al form, flotaría a la izquierda los 
fieldsets/divs que contiene y les aplicaría 3 clases, una para cada 
posible ancho de columna (1col, 2col, 3col). Habrá quién me acuse de 
estar determinando la representación en el HTML, la alternativa es 
establecer los anchos en base a los IDs de los divs (una tarea 
ridículamente tediosa).
Obviamente, la idea es que la suma de los anchos de cada fila (incuyendo 
márgenes y paddings) de igual que el ancho del formulario, de manera que 
el siguiente ítem comience naturalmente abajo.
Algunos comentarios:

* labels e inputs serán implícitamente definidos como bloque via float;
* deben tener un ancho basado en la clase del div que tienen por
  ancestro;
* los labels están alineados a la derecha;
* al final del formulario y antes de que se cierre, debe resetearse
  el float mediante alguna de las técnicas existentes (con o sin
  markup adicional, ver:
  http://www.positioniseverything.net/easyclearing.html) para evitar
  que el elemento siguiente se pegue.


Saludos y suerte,
Pablo

Josÿe9 Luis Garcÿeda Lÿf3pez wrote:
 Cierto, disculpas!!! la prisas de querer resolver el problema

   aquí va el enlace

   http://es.geocities.com/jlgarcialopez84/images/form.gif 

 carlos campderrós [EMAIL PROTECTED] escribió:
   On 8/15/06, Josÿe9 Luis Garcÿeda Lÿf3pez 
 [EMAIL PROTECTED] wrote:
   
 Os mando un adjunto del modelo

 

 La lista no admite adjuntos... mejor cuelgalo en algun sitio de internet y
 pasa la URL

   

___
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] Margin-top de una tabla

2006-08-16 Por tema Pablo Ziliani
Javier Prieto wrote:
 Hola amigos:

 Esta pregunta es sencilla¿por qué cuando a una tabla le pongo un 
 margen top me lo duplica?
 Esto ocurre tanto en Explorer como en Firefox

 Esto es lo unico que tengo puesto...

 #rightcol table {
 margin-top: 60px;
 width: 100%;
 border: solid 1px #000;
 }

 y el margen que deja es de 120px
Hola Javier,
seguramente estás sumando al márgen el espacio correspondiente a algún 
otro elemento, por ejemplo el padding de #rightcol o del elemento que 
precede a la tabla. Para saber mejor qué pasa mandá tu html.

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


Re: [Ovillo] DIV con altura automatica

2006-08-14 Por tema Pablo Ziliani
Hola de nuevo Farid,
te escribo sólo para confesarte que tras miles de intentos no pude dar 
con la fórmula mágica. Aunque de entrada no creí que fuera a ser tan 
difícil, en la práctica me resultó imposible. Ojalá otra persona en la 
lista con más experiencia o tiempo libre pueda darte la mano que necesitás.

Disculpas y suerte,
Pablo

farid|[EMAIL PROTECTED] wrote:
 Hola, gracias por la respuesta. Si el div depende de la altura de una
 tabla. Se que no es lo mejor mejor pero se trata de un intento de
 parche de una web ya en funcionamiento y no da para arrancar todo
 desde cero

 la tabla tiene dos columnas por 1 renglon, la altura de ese renglon es
 la que depende del tamaño de la nota y quiero que ese valor sea el que
 tome como altura el div de los titulares que está contenido en la
 columna derecha.

 vale decir que la estructura sería

 table
 tr
 td
 Texto de la nota
 /td
 tddiv id=titularesListaLoop listado de titulares/div/td
 /tr/table



   

___
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] Maquetacion de formularios

2006-08-14 Por tema Pablo Ziliani
Hola (cómo sea que te llames),
No sé si están claros los ejemplos que te enviaron antes, personalmente 
te recomiendo esta estructura para la maquetación en (X)HTML:

fiedset id=datos-personales

label for=nombreNombre:/label
input type=text id=nombre name=nombre /

label for=apellidoApellido:/label
input type=text id=apellido name=apellido /

label for=edadEdad:/label
select id=edad name=edad
   option1/option
   option2/option
   option3/option
   option.../option
/select

etc, etc, etc.
/fieldset

A veces yo envuelvo los pares en divs a los que aplico una clase 
form-item, esto me da más versatilidad si los clientes empiezan a 
ponerse densos con cuestiones de usabilidad (por ejemplo respecto del 
largo del formulario), esto me permite agrupar más de un item en una 
misma fila (por ejemplo, en elementos lógicamente relacionados como 
selects día/mes/año). En estos casos también hay que usar ids.

Como ejemplo de lo anterior, va lo siguiente:

fiedset id=datos-personales
div class=form-item id=apelacion
label for=nombreNombre:/label
input type=text id=nombre name=nombre /
label for=apellidoApellido:/label
input type=text id=apellido name=apellido /
/div
div class=form-item id=nacimiento
label for=nacimiento-diaDia:/label
select id=nacimiento-dia name=nacimiento-dia
   option1/option
   option2/option
   option3/option
   option.../option
/select
label for=nacimiento-mesMes:/label
select id=nacimiento-mes name=nacimiento-mes
   optionEnero/option
   optionFebrero/option
   optionMarzo/option
   option.../option
/select
label for=nacimiento-anioAño:/label
select id=nacimiento-anio name=nacimiento-anio
   option1960/option
   option1961/option
   option1962/option
   option.../option
/select
/div

etc, etc, etc.
/fieldset


Josÿe9 Luis Garcÿeda Lÿf3pez wrote:
 Hola a todos y gracias por adelantado,

   Tengo una duda, estoy rediseñando una aplicación web, donde todos los 
 formularios están hechos con tablas. El caso es que hay tres campos por 
 líneaacon sus correspondientes literales, es decir 6 columnas, y un total de 
 5 líneas. Deben ir en esta disposición porque tienen un tamaño muy ajustado y 
 porque quieren que todo se vea de un vistazo sin necesidad de scrollear

   Cual sería la forma correcta para maquetar estos formulario. No querría 
 utilizar tablas porque creo que no es su cometido, no son datos tabulares. 
 había pensando en ir flotando divs, 6 por línea. Cual es la forma recomendada 
 para maquetar formularios de este volumen de campos.

   muchas gracias por vuestro tiempo

   
 -

 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://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] menu redondo

2006-08-12 Por tema Pablo Ziliani
Sureña wrote:
 Holas, he visto recientemente una pagina en la que los iconos de la lista
 estaban puestos en forma circular, pero no me recuerdo que pagina era, solo
 que era de instrumentos musicales, la he buscado y no acierto a dar con
 ella, alguin tiene una idea de como se puede conseguir este efecto, es un
 menu sin animacion, agradeceria cualquier idea
 Alejandra

Hola de nuevo Sureña ;)
Corregime si me equivoco: lo que querés es que íconos correspondientes a 
items de una lista (los li de un ul) aparezcan en
forma circular, es decir siguiendo el contorno de una circunferencia 
(visible o invisible), verdad?

Si es así, muy a grosso modo estos son a priori (luego en la práctica 
veremos qué pasa) los pasos a seguir:

tenés esta estructura:
ul
lia href=x id=menu_xX/a/li
lia href=y id=menu_yY/a/li
lia href=z id=menu_zZ/a/li
/ul

- Los UL, LI y A deben ser dimensionados como bloques, y se deben quitar 
los márgenes, paddings y list-style de los primeros;
- El UL debe ser posicionado de manera relativa o absoluta, para 
resetear el origen de los LIs contenidos;
- Posicionás los LIs de manera absoluta y ID por ID les vas asignando a 
ojímetro las coordenadas de top y left, siguiendo la circunferencia; a 
medida que vayas viendo los resultados vas a poder ir ubicando mejor los 
elementos. Acordate que el 0 lo tenés en la esquina superior izquierda 
del UL. Luego podés usar alguna forma conocida de sustitución de texto 
por imágenes, esto afecta a propiedades de los LI y de los A*;
- (relacionado con el punto anterior*) Si preferís, podés poner IMGs 
directamente dentro de los A, en vez de usar texto.

* Nota: obviamente este punto lo simplifiqué de una manera extrema. Acá 
hay varios: http://www.mezzoblue.com/tests/revised-image-replacement/, 
pero aunque no lo testeé personalmente, por simpleza y similitud te 
recomiendo este ejemplo (buscá el título Replacing a navigation list): 
http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html

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


Re: [Ovillo] DIV con altura automatica

2006-08-12 Por tema Pablo Ziliani
Hola Farid,
no me queda muy claro como es tu estructura HTML. ¿titularesLista es 
hijo de la columna principal? Esa parece ser la única forma en que el 
100% del alto sea significativo a los efectos de lo que querés 
conseguir. Si esto no resuelve el problema, tratá de mandar más datos, 
particularmente del HTML.

Saludos,
Pablo

farid|[EMAIL PROTECTED] wrote:
 Hola gente, estoy tratando de resolver una situación sin exito hasta el 
 momento

 Tengo una pagina estructurada en encabezado pie y dos planos centrales.
 el plano izquierdo es el contenido principal y el derecho una sección
 de links rapidos (son los titulares de las restantes notas)

 Dado que la altura del contenido principal es muy variable segun la
 data que se exponga, el plano derecho suele generar una altura de
 pagina exagerada, es por eso que pense en solucionarlo mediante el uso
 de un DIV cuya altura fuera el 100% del plano izquierdo y el overflow
 con una barra de scroll automatica

 en consecuencia defini el DIV de la siguiente manera

 #titularesLista {
   overflow: auto;
   height: 100%;
   width: 199px;
   position: relative;
 }

 Pero no funca, la altura sigue siendo la del total de registros.
 Alguna punta de por donde buscar?

 Gracias
   

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


[Ovillo] Oferta de Trabajo en Buenos Aires

2006-08-11 Por tema Pablo Ziliani
Holas gente,

Estoy necesitando 2 diseñadores gráficos con (mucha creatividad y) 
experiencia sólida en css (obviamente) para desarrollar una serie de 
sitios de redes sociales de esos que mucha gente no dudaría en catalogar 
como Web 2.0. En principio preferiría trabajar en base a un horario 
fijo (en Buenos Aires, zona centro), pero estoy abierto a evaluar 
alternativas.

Los interesados por favor escríban a pablo aoba decode.com.ar (esta 
misma dirección) para que les de más detalles o aclare eventuales dudas. 
El trabajo comenzará en Septiembre, así que no se demoren demasiado...

Muchas gracias,
Pablo Ziliani

PD: Si están realmente involucrados con CSS y no saben mucho pero igual 
le ponen garra, por favor, no dejen de escribir.
___
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] background-color en Firefox

2006-08-10 Por tema Pablo Ziliani
Jorge L. Batista E. wrote:
 He estado probando pero no encuentro una solución, creo haberlo usado otras 
 veces y no me explico por qué no funciona

 #contenedor {width: 920px; position: relative; margin: auto; display: block; 
 background: #FF;} 

 Básicamente es un div que tiene un fondo blanco para tapar lo que está debajo 
 (una trama que tiene el body como background) Funciona bien en IE pero no en 
 Firefox

 Alguien me puede dar una solución?
Hola Jorge,
Yo no veo ninguna razón para que no se muestre el color de fondo. ¿Estás 
seguro de que está en esa regla el problema?
___
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] pie de pagina hasta el final del navegador

2006-08-09 Por tema Pablo Ziliani
Hola Alexandro, te respondo más abajo.

Alexandro Huerta wrote:
 Tengo una diagramación con cabecera, menu, contenidos y pie, Aquí el ejemplo 
 de cómo debe lucir (puras imágenes):
 http://bonante.com.mx/bocetos/index.html

 Pero a la hora de querer colocar el pie de página hasta relamente el final de 
 la página me surgen varios problemas.

 Encontré una solución parcial a esto basándome en este ejemplo:
 http://solardreamstudios.com/learn/css/footerstick/
 http://solardreamstudios.com/_img/learn/css/footerstick/footerstick

 Pero por alguna razón NO QUEDA !! Quizá ando embotado.

 (...)Aquí la muestra de esto:
 http://bonante.com.mx/bocetos/plantilla2.html

 Alguna suerencia para corregir este problema?

Sí. Aunque cambies los ids o las clases, respetá la estructura del 
ejemplo que estás copiando en solardreamstudios.com. No tengas miedo a 
empezar todo de nuevo, quizás te resulte más sencillo que tratar de 
arreglar lo que tenés ahora. Si te fijás en el código original, vas a 
ver que hay dos divs por cada elemento estructural (encabezado, 
contenido, pie). Esta es la única forma (conocida) de alcanzar el efecto 
que buscás.

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


Re: [Ovillo] problemas con IE

2006-08-08 Por tema Pablo Ziliani
Hola Laura,
algunos comentarios acerca de tu pedido:

Siendo que de todas maneras la dirección real aparece en las capturas 
que subiste, lo más práctico hubiera sido un link directo a 
http://laupri.no-ip.org/php/tenda. De esta manera además del resultado, 
también podemos ver el código que lo origina (imprescindible para 
detectar cualquier error).
Antes de ir a los cambios puntual, creo que tenés que tomar ciertas 
decisiones y corregir errores en el XHTML. Por ejemplo:
ul
  (...)
  lia href=Naturaleza/a/li
ul
liMuerta/li
liPaisajes/li
/ul
/ul
Esto es inválido, no podés tener dos UL directamente anidados uno 
dentro de otro. Lo correcto es que el UL interior sea hijo del LI, 
de la siguiente manera:
ul
  (...)
  lia href=Naturaleza/a
ul
  liMuerta/li
  liPaisajes/li
/ul
  /li
/ul

(además, es una cuestión lógica, Muerta y Paisajes son categorías de 
Naturaleza).

Segundo, a veces conviene que los A tengan ALGO en el atributo href, 
cuanto menos un #. La presencia de ese atributo (y si no me equivoco, en 
algunos browsers también su contenido) determina la forma en que se 
muestra (como anchor/ancla o como link/vinculo).

Finalmente, en cuanto a la apariencia, particularmente en lo que se 
refiere al ancho y el posible excedente del contendedor de la 
navegación, tendrías que responderte a vos misma de qué manera querrías 
que se vea. Probablemente esto sea disminuyendo o eliminando la 
indentación[1]. Para esto sí, probablemente quieras enviar un boceto en 
jpeg. Si estás falta de ideas, quizás esta página[2] te sirva como 
fuente de inspiración (no el javascript, que es algo monstruoso por 
motivos irrelevantes a los propósitos de este email).

Saludos,
Pablo

PD: este es mi primer post en la lista a la que me suscribí ayer, 
saludos a la comunidad desde Buenos Aires y felicitaciones por el nivel 
que hasta ahora estoy leyendo.

[1] Perdón por mis recurrentes anglicismos, a veces no tengo idea del 
equivalente castellano pero más a menudo soy vago o suenan pésimo de 
este lado del atlántico.
[2] http://www.honda.com.ar/test/moto/honda-trx-500-fm.aspx

laura wrote:
 hola

 bueno, no es ninguna novedad lo de que las presentaciones de nuestras
 webs cambien con exploder, perooo, otra cosa es q sepamos q les pasa.
 Este es mi caso, notengo ni idea que puede hacer q se vea tan
 diferente de la presentacion que ofrece en Safari, Firefox,
 konqueror...
 Os paso el link de las imagenes tomadas desde la web de browsershots:
 http://browsershots.org/website/1238822/

 De la presentacion en firefox tampoco me gusta lo de q la lista
 anidada de la izquierda sobre salga de la caja que la contiene, sabeis
 como remediar ese efecto?

 Gracias por adelantado


   

___
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] style q simule cellpadding y cellspacing 0

2006-08-08 Por tema Pablo Ziliani
Monica Forrisi wrote:
 Cómo puedo lograr el mismo efecto que 
 table border=0 cellpadding=0 cellspacing=0
 con un estilo?

 Probé  
 table { padding: 0px; border: 0px; margin: 0px }
 y no funciona

Hola Mónica, fijate si:

table {
border: none;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}

logra el truco.

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


Re: [Ovillo] problemas con IE

2006-08-08 Por tema Pablo Ziliani
laura wrote:
  - al estar expresadas en porcentajes, las separaciones (padding,
 margin, border, ...) varían según el ancho de la página o del
 contenedor. ¿Este efecto es buscado? si no, te conviene evitarlo.
 

 si, quiero q sea liiiquida XD, pero no se,  igual se me evapora a
 la q me descuide, jejee
   

Sí, sí, pero que sea líquida no quiere decir que la sombra o los 
márgenes tengan que variar de grosor

  - más de lo mismo: al achicar mucho la página, el la navegación se va
 fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o
 una medida que no dependa ancho del contenedor) a la columna y evitar
 las situaciones en donde las cajas son más chicas que las palabras que
 deberían contener?
 

 vale, lo pensaré... si no hay mas remedio, pero como el resto de
 elementos se reducen sin problemas con el ancho de la pagina i la
 resolucion que se aplique, me mosquea que ese menu lateral no se pueda
 comportar del mismo modo.
   

Ok, esto es lo menos importante y podrás arreglarlo luego (salteo).

  - ¿estas obligada desde el diseño a buscar una solución sin imágenes?
 Si no es así, creo que vas a sufrir mucho menos en cuanto a
 compatibilidad usando background-image que con márgenes negativos.
 

 No estoy obligada a nada, es una web de pruebas, cuando acabe la etapa
 css me pondré con el php ... solo para ejercitar los musculos

Bien, esta era la respuesta que estaba esperando. Aquí va la sugerencia 
entonces:
¿Ves la distancia que hay entre el borde derecho de la sombra y el borde 
derecho de la caja interior? Create una imagen de ese ancho x 1px de 
alto, del color del fondo (#99CC99). Supongamos que llamás a la imagen 
fondo.gif. Luego el contenedor (la sombra) llevará esta definición:

background: #008000 url(imagenes/fondo.gif) repeat-y right top;
padding: 1em 0 1em 1em;

La sombra de columa central es casi idéntica:

background: #636F57 url(imagenes/fondo.gif) repeat-y left top;
padding: 1em 1em 1em 0;

A los interiores, sacales los margenes (bah, podés sacar TODO menos el 
color de fondo y el borde).
El resto debería resultarte muy fácil de resolver y te lo dejo a vos.

Saludos,
Pablo
___
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