Re: [Ovillo] Grillas (tablas) más anchas que lay out
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 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 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 () 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;
> > }
>
Re: [Ovillo] Fwd: OT: Sitio en prueba
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
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 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 () 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:
> ...imports de css
>
>
>
>
> class="caja" id="botonera">
>
>
>
>
>
>
> Pago Solicitado
> Pago Realizado
>
>
>
>
> Columna A
> Columna B
> Columna D
> Columna E
>
>
>
>
> Datos de la celda
> Datos de la celda
> Datos de la celda
> Modificar Eliminar
>
>
> Datos de la celda
> Datos de la celda
> Datos de la celda
> Modificar Eliminar
>
>
> Datos de la celda
> Datos de la celda
> Datos de la celda
> Modificar Eliminar
>
>
> Datos de la celda
> Datos de la celda
> Datos de la celda
> Modificar Eliminar
>
>
>
>
>
>
>
> 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 dent
Re: [Ovillo] Grillas (tablas) más anchas que lay out
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 () 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:
...imports de css
Pago Solicitado
Pago Realizado
Columna A
Columna B
Columna D
Columna E
Datos de la celda
Datos de la celda
Datos de la celda
Modificar Eliminar
Datos de la celda
Datos de la celda
Datos de la celda
Modificar Eliminar
Datos de la celda
Datos de la celda
Datos de la celda
Modificar Eliminar
Datos de la celda
Datos de la celda
Datos de la celda
Modificar Eliminar
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 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 > >escribió:
> >
> > > Puedes poner la url como para ver un poco el codigo
> > > El 8/04/2009, a las 14:59, Phaseolus escribió:
> > >
> > > > ..mmm no resulta...
> > > >
> > > > Alguna otra idea???
> > > >
> > > >
> > > > --
> > > > El 8 de abril de 2009 9:46, 2tonewarrior <2tonewarr...@gmail.com>
> > > > escribió:
> > > >
> > > >> No me hagas mucho caso porque no soy aun nun poco novato en esto
> > > >> pero, se
> > > >> podria solucionar quizas poniendo medida relativas? En vez de px por
> > > >> ejemplo
> > > >> %
> > > >>
> > > >> Saludos
> > > >>
> > > >> El 8 de abril de 2009 15:40, Phaseolus
> > > >> escribió:
> > > >>
> > > >>> Que tal Ovillo.
> > > >>>
> > > >>> Tengo un diseño en una intranet (unas 30 pantallas) en el cual el
> > > >>> 80% son
> > > >>> g
Re: [Ovillo] Plantillas con CSS
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 > 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 > > > 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] Plantillas con CSS
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 > 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] Fwd: OT: Sitio en prueba
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, 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 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
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:
{nombre_sitio} - {titulo_pag}
{hojas_estilo}
{menu}
{contenido_pag}
{pie}
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 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] Plantillas con CSS
2009/4/12 Atis > 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] Gana 12 meses de Jumbo Gratis!
El Monday 13 April 2009 09:56:25 Miguel Flores escribió: > Que es eso? > - Original Message - > From: "santiago valdes" > To: > 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] Gana 12 meses de Jumbo Gratis!
Que es eso? - Original Message - From: "santiago valdes" To: 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
