Re: [Ovillo] Gana 12 meses de Jumbo Gratis!

2009-04-13 Por tema Miguel Flores
Que es eso?
- Original Message - 
From: santiago valdes svald...@gmail.com
To: ovillo@lists.ovillo.org
Sent: Sunday, April 12, 2009 10:31 PM
Subject: [Ovillo] Gana 12 meses de Jumbo Gratis!


This would be the text version of the HTML mail
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://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] Gana 12 meses de Jumbo Gratis!

2009-04-13 Por tema Nesta Guerrero Pancorbo
El Monday 13 April 2009 09:56:25 Miguel Flores escribió:
 Que es eso?
 - Original Message -
 From: santiago valdes svald...@gmail.com
 To: ovillo@lists.ovillo.org
 Sent: Sunday, April 12, 2009 10:31 PM
 Subject: [Ovillo] Gana 12 meses de Jumbo Gratis!


 This would be the text version of the HTML mail
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://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

Será SPAM!
___
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] Plantillas con CSS

2009-04-13 Por tema Tei
2009/4/12 Atis regist...@atis.es

 Muy buenas,



 Soy nueva en esta lista, pero he buscado entre los mensajes archivados, y
 no
 encuentro mensajes con la palabra plantillas.


Supongo que tambien habras buscado las palabras theme o tres columnas,
que estan relacionadas.


 Querría generar un archivo con la maquetación CSS y que sirviera de
 plantilla, de forma que al modificarla, se actualicen los archivos basados
 en ella.


MEEECK - SYNTAX ERROR: EXPRESION NO PARSE

CSS es un lenguaje de estilado que se pone en un unico fichero que afecta a
todos los que lo cargan. Al modificar este fichero... el renderizado en
pantalla ( o altavoz, cualquiera que sea el dispositivo renderizador ).  Por
tanto, no necesitas ningun lenguaje o sistema de templates para conseguir lo
que al parecer quieres. Al menos en lo que a CSS respecta, que no es
suficiente.. claro...  CSS necesita un html ( o XML o cualquier otro ML )
para operar, si lo que necesitas es que se actualice el HTML, hablar de CSS
sobra como bastante.  La gracia de CSS es poder modificar un sitio web sin
tocar el html.

Tu problema puede ser mas bien como hacer desarrollos de sitios web mediante
una tecnologia de templates (CSS no es una tecnologia de templates ni lo
pretende).

PHP es uno de estos lenguajes, SMART es otro, ... si no eres programadora
probablemente prefieras limitarte (y limitar a tu cliente) a un editor
wysiwig como el que comentas: Dreamweaver.





 He leído por Internet que se pueden usar plantillas usando php. Es este un
 sistema bueno?


Si.  Es muy bueno. ¿Es lo que necesitas? probablemente no.




 Por otro lado he trasteado con Dreamweaver 8, pero al modificar un archivo
 basado en la plantilla, añadiéndole contenido individual, me aparece un
 error indicando que los cambios no se guardarán, pues la zona está
 bloqueada. Algo mal debo hacer al crear las zonas editables.




 Saben por qué me sucede esto?


Esta es una pregunta que puede ser mejor contestada por el propio manual de
Dreamweaver, que te tuvieron que dar cuando lo comprastes ( o se descarga
del mismo sitio donde lo pirateastes).   Y se contesta, tambien, mas
amenamente por tutoriales varios que hay por internet. No parece un fallo
del programa, sino que no sabes usarlo (aun).




-- 
--
ℱin del ℳensaje.
___
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] Plantillas con CSS

2009-04-13 Por tema Daniel Navarro
Hola, Atis.

Dependiendo de la complejidad que quieras, puede que te interese usar un
gestor de contenidos. Si está basado en un sistema con smarty tags de php,
te podrás centrar en el diseño de la plantilla aunque no tengas
conocimientos de php. Tan sólo tendrás que insertar unas etiquetas smarty
sencillas en algunos puntos clave.

Para que te hagas una idea, una plantilla podría tener la siguiente forma:
html
head
  title{nombre_sitio} - {titulo_pag}/title
  {hojas_estilo}
/head

body
  {menu}
  {contenido_pag}
  {pie}
/body
/html

donde lo encerrado entre llaves son las variables smarty tags que el
gestor de contenidos pone a tu disposición y que serán sustituidas por el
valor correspondiente. Dispondrás de una zona de administración (a la que
accederás con contraseña) y donde podrás establecer, por ejemplo, el
contenido de {titulo_pag} para cada página o de {pie} para el sitio global.

Saludos.



El 12 de abril de 2009 6:03, Atis regist...@atis.es escribió:

 Muy buenas,



 Soy nueva en esta lista, pero he buscado entre los mensajes archivados, y
 no
 encuentro mensajes con la palabra plantillas.

 Querría generar un archivo con la maquetación CSS y que sirviera de
 plantilla, de forma que al modificarla, se actualicen los archivos basados
 en ella.

 He leído por Internet que se pueden usar plantillas usando php. Es este un
 sistema bueno?

 Por otro lado he trasteado con Dreamweaver 8, pero al modificar un archivo
 basado en la plantilla, añadiéndole contenido individual, me aparece un
 error indicando que los cambios no se guardarán, pues la zona está
 bloqueada. Algo mal debo hacer al crear las zonas editables.

 Saben por qué me sucede esto?



 ¿Cuál es la mejor forma de trabajar?



 Muchísimas gracias por adelantado.

 Un saludo.

 Oiane



 ___
 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] Fwd: OT: Sitio en prueba

2009-04-13 Por tema Daniel Navarro
Hola, Alejandra.

Para redimensionar las imágenes sin javascript, establece las dimensiones en
porcentajes. Ejemplo:

#fotoPhillidor {
  width: 100%; /* relativo al contenedor */
  height: auto;
}
Por supuesto, elimina la función javascript antes.


En cuanto a si usar diseño líquido o fijo, yo te recomiendo que no te
compliques. Haz un diseño de dimensiones fijas que se muestre bien en
1024x768px. Es preferible un diseño fijo que funcione frente a uno elástico
que no lo haga. Posteriormente estudia pasarlo a elástico.

Acostúmbrate a subir las pruebas a una zona separada del sitio final. Sólo
cuando estés segura de que funciona y el cliente te dé el visto bueno cambia
el sitio.

Mantén la relación de aspecto de las imágenes. Por ejemplo, #fotoPhillidor
tiene 300px (horizontal) x 241px (vertical) pero tú la has achatado
demasiado en el código fuente.

Sitúa la imagen de fondo fondochess1.jpg en la parte superior. Si la centras
verticalmente como la tienes ahora y aumentas el alto de la ventana,
enseguida se aprecia una línea horizontal de separación.
Tú has puesto:
background:url(fondochess1.jpg) center repeat-y;

lo que aplica el valor center a la posición horizontal y, como no has
establecido la posición vertical, se aplica el valor 50% o center para
ésta. Así que cámbialo para establecer la vertical en top:

background:url(fondochess1.jpg) center top repeat-y;

Saludos.





El 10 de abril de 2009 21:47, alejandra.j.go...@gmail.com escribió:

 gracias chicos por sus aportes
 hay alguna forma en que el diseño liquido pueda tener imagenes que se
 redimensionen, sin js? y el texto, se puede redimensionar junto con la
 estructura?
 o tal vez me conviene hacer la misma estructura, pero fija?
 otra cosa, por que yo pruebo el diseño en mi pc en distintos navegadores y
 dimensiones y veo bien los menues y en otras pc´s, no?
 Algo mas, la imagen de fondo es un .png, soy consciente de que es
 pesadisima, hay alguna manera de disminuir su peso (es de un mega...ups!)?
 Como lineamientos generales, y arreglando estos temas, como creen que voy
 encaminada?

 Disculpen si son muchas preguntas juntas.
 Saludos y gracias

 Alejandra

 El 10 de abril de 2009 16:33, Reignerok reigne...@gmail.com escribió:

  
   5. que problema me puede generar el tener una imagen .png de fondo?
  ademas
   representa el tema del sitio
  
  
  Hola. Creo que el problema es el tiempo de carga. Acabo de entrar a la
  página y el fondo tardó bastante en cargar.
 
  Un saludo.
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

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


Re: [Ovillo] Plantillas con CSS

2009-04-13 Por tema Atis
Gracias por las respuestas,

Así entiendo lo que me explicas Tei, pero yo me explico bastante mal y no 
empleo las palabras técnicas correctas. Perdón.

Lo que me gustaría es poder crear una plantilla, que abarque el HTML y aquí, 
por ejemplo, poner la cabecera, menú y pie de página, que se repiten en todas 
las páginas, y que cuando necesite cambiar un botón o palabra, en estos campos 
se actualice en todas. 

Si el php no me lo recomiendas,... ¿Qué me recomendarías? 

Muchas gracias.



-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En 
nombre de Tei
Enviado el: lunes, 13 de abril de 2009 14:13
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Plantillas con CSS

2009/4/12 Atis regist...@atis.es

 Muy buenas,



 Soy nueva en esta lista, pero he buscado entre los mensajes archivados, y
 no
 encuentro mensajes con la palabra plantillas.


Supongo que tambien habras buscado las palabras theme o tres columnas,
que estan relacionadas.


 Querría generar un archivo con la maquetación CSS y que sirviera de
 plantilla, de forma que al modificarla, se actualicen los archivos basados
 en ella.


MEEECK - SYNTAX ERROR: EXPRESION NO PARSE

CSS es un lenguaje de estilado que se pone en un unico fichero que afecta a
todos los que lo cargan. Al modificar este fichero... el renderizado en
pantalla ( o altavoz, cualquiera que sea el dispositivo renderizador ).  Por
tanto, no necesitas ningun lenguaje o sistema de templates para conseguir lo
que al parecer quieres. Al menos en lo que a CSS respecta, que no es
suficiente.. claro...  CSS necesita un html ( o XML o cualquier otro ML )
para operar, si lo que necesitas es que se actualice el HTML, hablar de CSS
sobra como bastante.  La gracia de CSS es poder modificar un sitio web sin
tocar el html.

Tu problema puede ser mas bien como hacer desarrollos de sitios web mediante
una tecnologia de templates (CSS no es una tecnologia de templates ni lo
pretende).

PHP es uno de estos lenguajes, SMART es otro, ... si no eres programadora
probablemente prefieras limitarte (y limitar a tu cliente) a un editor
wysiwig como el que comentas: Dreamweaver.





 He leído por Internet que se pueden usar plantillas usando php. Es este un
 sistema bueno?


Si.  Es muy bueno. ¿Es lo que necesitas? probablemente no.




 Por otro lado he trasteado con Dreamweaver 8, pero al modificar un archivo
 basado en la plantilla, añadiéndole contenido individual, me aparece un
 error indicando que los cambios no se guardarán, pues la zona está
 bloqueada. Algo mal debo hacer al crear las zonas editables.




 Saben por qué me sucede esto?


Esta es una pregunta que puede ser mejor contestada por el propio manual de
Dreamweaver, que te tuvieron que dar cuando lo comprastes ( o se descarga
del mismo sitio donde lo pirateastes).   Y se contesta, tambien, mas
amenamente por tutoriales varios que hay por internet. No parece un fallo
del programa, sino que no sabes usarlo (aun).




-- 
--
ℱin del ℳensaje.
___
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] Plantillas con CSS

2009-04-13 Por tema Ignacio Ricci
Investigá el uso de extensiones .shtml para crear htmls estáticos pero con
partes que se incluyen, o php y su tag include.
2009/4/13 Atis regist...@atis.es

 Gracias por las respuestas,

 Así entiendo lo que me explicas Tei, pero yo me explico bastante mal y no
 empleo las palabras técnicas correctas. Perdón.

 Lo que me gustaría es poder crear una plantilla, que abarque el HTML y
 aquí, por ejemplo, poner la cabecera, menú y pie de página, que se repiten
 en todas las páginas, y que cuando necesite cambiar un botón o palabra, en
 estos campos se actualice en todas.

 Si el php no me lo recomiendas,... ¿Qué me recomendarías?

 Muchas gracias.



 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org] En nombre de Tei
 Enviado el: lunes, 13 de abril de 2009 14:13
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Plantillas con CSS

 2009/4/12 Atis regist...@atis.es

  Muy buenas,
 
 
 
  Soy nueva en esta lista, pero he buscado entre los mensajes archivados, y
  no
  encuentro mensajes con la palabra plantillas.


 Supongo que tambien habras buscado las palabras theme o tres columnas,
 que estan relacionadas.


  Querría generar un archivo con la maquetación CSS y que sirviera de
  plantilla, de forma que al modificarla, se actualicen los archivos
 basados
  en ella.
 

 MEEECK - SYNTAX ERROR: EXPRESION NO PARSE

 CSS es un lenguaje de estilado que se pone en un unico fichero que afecta a
 todos los que lo cargan. Al modificar este fichero... el renderizado en
 pantalla ( o altavoz, cualquiera que sea el dispositivo renderizador ).
  Por
 tanto, no necesitas ningun lenguaje o sistema de templates para conseguir
 lo
 que al parecer quieres. Al menos en lo que a CSS respecta, que no es
 suficiente.. claro...  CSS necesita un html ( o XML o cualquier otro ML )
 para operar, si lo que necesitas es que se actualice el HTML, hablar de CSS
 sobra como bastante.  La gracia de CSS es poder modificar un sitio web sin
 tocar el html.

 Tu problema puede ser mas bien como hacer desarrollos de sitios web
 mediante
 una tecnologia de templates (CSS no es una tecnologia de templates ni lo
 pretende).

 PHP es uno de estos lenguajes, SMART es otro, ... si no eres programadora
 probablemente prefieras limitarte (y limitar a tu cliente) a un editor
 wysiwig como el que comentas: Dreamweaver.




 
  He leído por Internet que se pueden usar plantillas usando php. Es este
 un
  sistema bueno?
 

 Si.  Es muy bueno. ¿Es lo que necesitas? probablemente no.



 
  Por otro lado he trasteado con Dreamweaver 8, pero al modificar un
 archivo
  basado en la plantilla, añadiéndole contenido individual, me aparece un
  error indicando que los cambios no se guardarán, pues la zona está
  bloqueada. Algo mal debo hacer al crear las zonas editables.
 


 
  Saben por qué me sucede esto?
 

 Esta es una pregunta que puede ser mejor contestada por el propio manual de
 Dreamweaver, que te tuvieron que dar cuando lo comprastes ( o se descarga
 del mismo sitio donde lo pirateastes).   Y se contesta, tambien, mas
 amenamente por tutoriales varios que hay por internet. No parece un fallo
 del programa, sino que no sabes usarlo (aun).




 --
 --
 ℱin del ℳensaje.
 ___
 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




-- 
↓۝ Ignacio Ricci
www.ignacioricci.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] Grillas (tablas) más anchas que lay out

2009-04-13 Por tema Phaseolus
Hola, primero que todo, gracias a quienes me han dado ideas, pero estube un
tanto ocupado como para hacer un extracto de codigo para pegar, y al final
de cuentas, definimos con el cliente que las pantallas que tubieran grillas
más anchas, las dejaríamos una maqueta más acha y punto y fin, ya que no
disponemos de mucho tiempo para hacer las correcciones necesarias para que
sea más flexible.
Intenté las ideas propuestas pero no resultaron, además el sitio debo
hacerlo complatible con el asqueroso IE6.
En cuanto a la maqueta en sí, utilizo divs de ancho fijo de 760px para el
contenedor principal y divs al 100% para las distintas secciones (filas) y
otros divs de ancho fijo flotados a la izquierda de tamaños más pequeños
para crear columnas.
Los estilos son los siguientes, mas otros varios definidos por mi, pero que
no influyen en el problema.
@import url(reset-min.css);  /* version reset de YUI */
@import url(fonts-min.css);  /* version fonts de YUI */
@import url(grilla.css);  /* clases escritas por un compatriota (
http://rgarcia.cl/simple/index.html) */

El layout se basa en grilla.css. Y las tablas (table) las tengo en
tablas.css:

 /* estilos para las grillas de resultados */
table {
  border-collapse: collapse;
  border: 0; /* 1px solid #6588B5;*/
  background: #fff;
  margin:0;
  width:100%;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #5A7BAB;
  border-bottom: 0;
  text-align: center;
  background: #5A7BAB;
  color: #FF;
  padding-top:3px;
  line-height: 1.5em;
  }
tbody th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #b9cae9;
  text-align: left;
  background: #b9cae9;
  color: #333;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: blue;
  }
tbody td a:hover {
  color: #666;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FF;
  }
.odd {
  background: #d4e0ff;
  }

En general el html es:
htmlhead ...imports de css /head
body
div class=contenedor
  div class=caja id=header !-- header --/div
  div class=caja id=tabsmenu !-- menu horizontal --/div
  div class=caja id=formulario !-- formulario--/div  div
class=caja id=botonera !-- botones formulario--/div
  div class=caja id=mensajes !-- mensajes --/div
  div class=caja id=tabsmenu
 !-- grillas de resultados--
 table cellspacing=0 
  thead
  tr
  th colspan=2Pago Solicitado/th
  th colspan=3Pago Realizado/th
  /tr
  /thead
  tbody
  tr
  thColumna A/th
  thColumna B/th
  thColumna D/th
  thColumna E/th
  /tr
  /tbody
  tbody
  tr
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda href=#Modificar/anbsp;nbsp;a href=#Eliminar/a/td
  /tr
  tr class=odd
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda href=#Modificar/anbsp;nbsp;a href=#Eliminar/a/td
  /tr
  tr
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda href=#Modificar/anbsp;nbsp;a href=#Eliminar/a/td
  /tr
  tr class=odd
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda href=#Modificar/anbsp;nbsp;a href=#Eliminar/a/td
  /tr
/table
  /div
  div class=caja id=tabsmenu !-- pie--/div
div
/body
/html
El diseño en sí es bastante sólido, pero cuando las grillas de resultados
son más anchas, dan problema, ya sea que se salen por sobre el contenedor o
se truncan dentro de él. En este caso la tabla tiene 5 columnas, no da
problema, pero hay otras en las cuales hay 12 columnas porque son
cuadraturas de documentos.
En todo caso si alguien se le ocurre cómo solucionar esto de las grillas
gigantes, podriamos tomarlo en cuenta para la proxima.
Gracias y saludos.


 El 9 de abril de 2009 3:48, Jorge Garcia xurde...@gmail.com escribió:

 Hola Lista

 Me acabo de incorporar a la lista y no lei el principio del mensaje, pero
 si
 el problema es que el DIV contenedor tiene que crecer cuando el contenido
 crezca deberias poner width:auto; y dar width fijo en pixels/ems a lo que
 halla dentro para hacer que el DIV crezca.

 Jorge Garcia
 Programador y Maquetador Web Freelance

 El 9 de abril de 2009 0:20, 2tonewarrior 2tonewarr...@gmail.com
 escribió:

  Mas bien una captura y/o el código porque si es un intranet...
 
  El 9 de abril de 2009 0:16, Mauricio Dulce mauricio.du...@gmail.com
  escribió:
 
   Puedes poner la url como 

Re: [Ovillo] Grillas (tablas) más anchas que lay out

2009-04-13 Por tema Daniel Navarro
Hola, Phaseolus.

La verdad es que no sé si entiendo el problema que planteas, por lo
que me es muy difícil aportar algo útil. Si lo colgaras en Internet
(te puedo dejar una cuenta de ftp) sería más sencillo analizarlo.

Dices que usas un sistema de rejilla para componer la página, que
queda envuelta en un div contenedor de anchura fija de 760px. En
grilla.css se refieren a este div como #contenedor (esto es, tiene
asignado un id) mientras que en el código que has puesto está asignado
a una clase (la clase .contenedor). Supongo que es una errata o bien
tú has modificado grilla.css.

Entiendo que colocas una tabla dentro del div contenedor y que esta
tabla a veces es más ancha que el tamaño fijo del contenedor, esto es,
760px. Cuando esto sucede, dices, la tabla se trunca o bien sobresale
del contenedor. En grilla.css #contenedor está establecido con
overflow:hidden, por lo que no entiendo que pueda sobresalir y sí que
se trunque.

Creo que pretendes que la tabla pueda aumentar de tamaño sin que se
vea afectada la rejilla dentro de la que se sitúa. Se me ocurre que
puedes posicionar la tabla en forma absoluta y jugar con los anchos
máximos y mínimos, pero entonces tendrías que conocer de antemano la
altura de la tabla para poder situar el pie a la distancia adecuada.

Pero, si coincide esto que he creído entender con lo que planteas,
entonces la pregunta es obvia: ¿por qué no colocas la tabla de
resultados fuera de la rejilla?. A fin de cuentas debajo de ella sólo
queda el pie.

Saludos.


El 13 de abril de 2009 21:08, Phaseolus phaseol...@yahoo.es escribió:

 Hola, primero que todo, gracias a quienes me han dado ideas, pero estube un
 tanto ocupado como para hacer un extracto de codigo para pegar, y al final
 de cuentas, definimos con el cliente que las pantallas que tubieran grillas
 más anchas, las dejaríamos una maqueta más acha y punto y fin, ya que no
 disponemos de mucho tiempo para hacer las correcciones necesarias para que
 sea más flexible.
 Intenté las ideas propuestas pero no resultaron, además el sitio debo
 hacerlo complatible con el asqueroso IE6.
 En cuanto a la maqueta en sí, utilizo divs de ancho fijo de 760px para el
 contenedor principal y divs al 100% para las distintas secciones (filas) y
 otros divs de ancho fijo flotados a la izquierda de tamaños más pequeños
 para crear columnas.
 Los estilos son los siguientes, mas otros varios definidos por mi, pero que
 no influyen en el problema.
 @import url(reset-min.css);  /* version reset de YUI */
 @import url(fonts-min.css);  /* version fonts de YUI */
 @import url(grilla.css);  /* clases escritas por un compatriota (
 http://rgarcia.cl/simple/index.html) */

 El layout se basa en grilla.css. Y las tablas (table) las tengo en
 tablas.css:

  /* estilos para las grillas de resultados */
 table {
  border-collapse: collapse;
  border: 0; /* 1px solid #6588B5;*/
  background: #fff;
  margin:0;
  width:100%;
  }
 caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
 td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

 thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #5A7BAB;
  border-bottom: 0;
  text-align: center;
  background: #5A7BAB;
  color: #FF;
  padding-top:3px;
  line-height: 1.5em;
  }
 tbody th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #b9cae9;
  text-align: left;
  background: #b9cae9;
  color: #333;
  padding-top:3px;
  }
 tbody td a {
  background: transparent;
  text-decoration: none;
  color: blue;
  }
 tbody td a:hover {
  color: #666;
  }
 tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
 tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
 tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FF;
  }
 .odd {
  background: #d4e0ff;
  }

 En general el html es:
 htmlhead ...imports de css /head
 body
 div class=contenedor
  div class=caja id=header !-- header --/div
  div class=caja id=tabsmenu !-- menu horizontal --/div
  div class=caja id=formulario !-- formulario--/div  div
 class=caja id=botonera !-- botones formulario--/div
  div class=caja id=mensajes !-- mensajes --/div
  div class=caja id=tabsmenu
     !-- grillas de resultados--
     table cellspacing=0 
  thead
  tr
  th colspan=2Pago Solicitado/th
  th colspan=3Pago Realizado/th
  /tr
  /thead
  tbody
  tr
  thColumna A/th
  thColumna B/th
  thColumna D/th
  thColumna E/th
  /tr
  /tbody
  tbody
  tr
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda href=#Modificar/anbsp;nbsp;a href=#Eliminar/a/td
  /tr
  tr class=odd
  tdDatos de la celda/td
  tdDatos de la celda/td
  tdDatos de la celda/td
  tda 

Re: [Ovillo] Fwd: OT: Sitio en prueba

2009-04-13 Por tema alejandra . j . gomez
Muchisimas gracias Daniel! realmente me ha quedado muy claro, de hecho lo
estuve pasando a fijo hoy, por otro lado, el lugar donde esta subido no es
el dominio del cliente, lo subi ahi por que es un lugar mio, el cliente
tiene este sitio funcionando hace dos años, solo que estamos en la etapa de
un cambio radical.
Otra vez gracias! y seguire tus consejos al pie de la letra.
Alejandra
___
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] Grillas (tablas) más anchas que lay out

2009-04-13 Por tema Phaseolus
Hola Daniel.

yo modifiqué grilla.css y dejé contenedor como clase para poder
reutilizarla y le di ancho 760px.

En el caso del html que puse, hay un pie, pero en otros casos, además el
formulario se cambia hacia abajo para realizar algunas operaciones.
Dejar la tabla flotante es complejo porque algunos de los formularios son
más grandes que otros, e incluso a uno de ellos le agrego campos mediante
ajax, por lo que posicionar correctamente una tabla puede llegar a no ser
tan trivial.

La idea básica es que el contenedor principal se ensachara de acuerdo con
el ancho de la tabla en caso que esta fuera más ancha, pero a su vez si la
tabla es mas angosta, que se despliegue con width:100% y así el ancho minimo
total sea de.. digamos 760px.
Ahora bien, esto se nota aún más porque el div contenedor lleva borde 1px
solid #333 para encerrar los datos, incluida la tabla (es el diseño que me
pidieron).

Muchas gracias.

saludos.

El 13 de abril de 2009 19:10, Daniel Navarro webpe...@gmail.com escribió:

 Hola, Phaseolus.

 La verdad es que no sé si entiendo el problema que planteas, por lo
 que me es muy difícil aportar algo útil. Si lo colgaras en Internet
 (te puedo dejar una cuenta de ftp) sería más sencillo analizarlo.

 Dices que usas un sistema de rejilla para componer la página, que
 queda envuelta en un div contenedor de anchura fija de 760px. En
 grilla.css se refieren a este div como #contenedor (esto es, tiene
 asignado un id) mientras que en el código que has puesto está asignado
 a una clase (la clase .contenedor). Supongo que es una errata o bien
 tú has modificado grilla.css.

 Entiendo que colocas una tabla dentro del div contenedor y que esta
 tabla a veces es más ancha que el tamaño fijo del contenedor, esto es,
 760px. Cuando esto sucede, dices, la tabla se trunca o bien sobresale
 del contenedor. En grilla.css #contenedor está establecido con
 overflow:hidden, por lo que no entiendo que pueda sobresalir y sí que
 se trunque.

 Creo que pretendes que la tabla pueda aumentar de tamaño sin que se
 vea afectada la rejilla dentro de la que se sitúa. Se me ocurre que
 puedes posicionar la tabla en forma absoluta y jugar con los anchos
 máximos y mínimos, pero entonces tendrías que conocer de antemano la
 altura de la tabla para poder situar el pie a la distancia adecuada.

 Pero, si coincide esto que he creído entender con lo que planteas,
 entonces la pregunta es obvia: ¿por qué no colocas la tabla de
 resultados fuera de la rejilla?. A fin de cuentas debajo de ella sólo
 queda el pie.

 Saludos.


 El 13 de abril de 2009 21:08, Phaseolus phaseol...@yahoo.es escribió:
  
  Hola, primero que todo, gracias a quienes me han dado ideas, pero estube
 un
  tanto ocupado como para hacer un extracto de codigo para pegar, y al
 final
  de cuentas, definimos con el cliente que las pantallas que tubieran
 grillas
  más anchas, las dejaríamos una maqueta más acha y punto y fin, ya que no
  disponemos de mucho tiempo para hacer las correcciones necesarias para
 que
  sea más flexible.
  Intenté las ideas propuestas pero no resultaron, además el sitio debo
  hacerlo complatible con el asqueroso IE6.
  En cuanto a la maqueta en sí, utilizo divs de ancho fijo de 760px para el
  contenedor principal y divs al 100% para las distintas secciones (filas)
 y
  otros divs de ancho fijo flotados a la izquierda de tamaños más pequeños
  para crear columnas.
  Los estilos son los siguientes, mas otros varios definidos por mi, pero
 que
  no influyen en el problema.
  @import url(reset-min.css);  /* version reset de YUI */
  @import url(fonts-min.css);  /* version fonts de YUI */
  @import url(grilla.css);  /* clases escritas por un compatriota (
  http://rgarcia.cl/simple/index.html) */
 
  El layout se basa en grilla.css. Y las tablas (table) las tengo en
  tablas.css:
 
   /* estilos para las grillas de resultados */
  table {
   border-collapse: collapse;
   border: 0; /* 1px solid #6588B5;*/
   background: #fff;
   margin:0;
   width:100%;
   }
  caption {
   text-align: center;
   font: bold 18px arial, helvetica, sans-serif;
   background: transparent;
   padding:6px 4px 8px 0px;
   color: #03476F;
   text-transform: uppercase;
   }
  td, th {
   border: 1px dotted #03476F;
   padding: .4em;
   color: #363636;
   }
 
  thead th, tfoot th {
   font: bold 11px verdana, arial, helvetica, sans-serif;
   border: 1px solid #5A7BAB;
   border-bottom: 0;
   text-align: center;
   background: #5A7BAB;
   color: #FF;
   padding-top:3px;
   line-height: 1.5em;
   }
  tbody th {
   font: bold 11px verdana, arial, helvetica, sans-serif;
   border: 1px solid #b9cae9;
   text-align: left;
   background: #b9cae9;
   color: #333;
   padding-top:3px;
   }
  tbody td a {
   background: transparent;
   text-decoration: none;
   color: blue;
   }
  tbody td a:hover {
   color: #666;
   }
  tbody th a {
   font: normal 11px verdana, arial, helvetica, sans-serif;
   background: transparent;
   text-decoration: none;
   font-weight:normal;