Re: [Ovillo] OVERFLOW en tabla

[Beatriz Herráez Rodríguez]

Hola a tod@s

Hay una manera de hacer una tabla con scroll vertical, con una altura fija
y posicionando de manera absoluta el tr del thead y del tfooter. El ejemplo
en cssPlay:

http://www.cssplay.co.uk/menu/tablescroll.html

Lo bueno es que no tienes que poner otra tabla dentro de un td, y mantienes
la relación de las columnas entre la cabecera, el pié y el contenido.

Un saludo

El 20 de abril de 2012 10:51, Roberto Barreiro escribió:

> Gracias a todos por las respuestas .. lo pruebo a ver como lo soluciono
>  ya les contare el resultado
> Salu2
>
> El 19 de abril de 2012 16:50, Olivier Blázquez 
> escribió:
>
> > Hola,
> >
> > A ver si te sirve esto:
> >
> > 
> >
> > Un saludo
> >
> > El 19 de abril de 2012 16:49, Josué Miro  escribió:
> >
> > > Hace muy poco tuve que hacer exactamente lo mismo, mezclar tablas y
> Divs
> > > :s (el principal problema es que hagas como lo hagas, lo mas probable
> es
> > > que no se vea bien en nuestro querido amigo explorer)
> > > Lo que yo hice fue: en vez de usar tablas, utilizar div.
> > > 1div cabecera
> > > 1div cuerpo(overflow:scrol o autol)
> > >
> > > 
> > >   
> > >   
> > >   
> > > 
> > > 
> > >   
> > >   
> > >   
> > > 
> > >
> > > De esta manera puedes darle con css las dimensiones que le estabas
> dando
> > a
> > > los td y tr
> > >
> > > Espero haber transmitido la idea. Y que te sea util
> > > Enviado desde mi iPad
> > >
> > > El 19/04/2012, a las 16:23, Daniel B 
> escribió:
> > >
> > > > Me temo que en CSS no hay nada así. Por eso existen estas soluciones:
> > > >
> > > > http://www.imaputz.com/cssStuff/bigFourVersion.html
> > > >
> > > > Espero que te sirva.
> > > >
> > > > El 19 de abril de 2012 15:59, Roberto Barreiro  > > >escribió:
> > > >
> > > >> Hola.
> > > >>
> > > >> Funcionar, funciona, pero el scroll se hace sobre el div y no sobre
> la
> > > >> tabla ..., al hacer el scroll se pierde la cabecera de la tabla
> .
> > y
> > > no
> > > >> encuentro la forma de hacer el scroll sobre la parte de la tabla que
> > > >> contiene los datos 
> > > >>
> > > >> Como no pueda solucionar esto, tendre que crear divs y maquetarlo de
> > esa
> > > >> forma  lo unico que son datos tabulares y ponerlos en divs no es
> > > >> correcto ...
> > > >>
> > > >> La verdad es que me extraña que no haya una propiedad css para hacer
> > > scroll
> > > >> dentro de una tabla, manteniendo el footer y el header .. algun
> > > >> javascritp que funcione bien en los principales navegadores???
> > > >>
> > > >> salu2
> > > >>
> > > >>
> > > >> El 19 de abril de 2012 15:36, Jorge G  escribió:
> > > >>
> > > >>> Hola,
> > > >>> Pon la tabla dentro de un div y define el height, width que
> necesitas
> > > >>> y el overflow en scroll.
> > > >>> Suerte.
> > > >>> 
> > > >>>  > > >>> style="overflow: scroll; height:150px;" >
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>>
> > > >>> 
> > > >>> 
> > > >>> Descripción
> > > >>> Cant.
> > > >>> P.V.P
> > > >>> 
> > > >>>
> > > >>> 
> > > >>> 
> > > >>> 
> > > >>>
> > > >> ___
> > > >> Lista de distribución Ovillo
> > > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > >> Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > >> http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>
> > > > ___
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Posicionamiento fijo en dispositivos móviles

[Beatriz Herráez Rodríguez]

Buenos días.

No sé si alguien sabrá como hacer funcionar position:fixed en Iphone, Ipad y
Android. Por lo que he visto en
http://desarrollowebaws.com/diseno-web/600/ipad-e-iphone-consideraciones-de-desarrollo-web/
la ventana del navegador no es ajustable, por lo que no sabe desde dónde
referenciar el posicionamiento.

Muchas gracias

Beatriz
___
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] Ayuda con fondo Css

[Beatriz Herráez Rodríguez]

En tu css tienes "internopost". En tu html "internoPost".

Un saludo

2010/7/5 Lucas Alvarez 

> Gente... alguien me puede ayudar a ver donde esta el error, ya que no puedo
> hacer que se vea el fondo de #internopost
> el codigo que uso es el siguiente... Desde ya agradecido
>
> en estilo.css
>
> body {
> font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
> font-size: 12px;
> color: #535353;
> line-height: 22px;
> margin: 0px;
> background-color: #7F8156;
> background-image: url(img/fondo.png);
> background-repeat: repeat;
> background-position: center;
> }
>
> a { text-decoration: none; color: #595a37; }
> h1 {
> font-family: "Trebuchet MS";
> font-size: 28px;
> font-style:normal;
> margin: 0px 0px 5px 0px;
> color: #3c5065;
> font-weight: bold;
> display: block;
> padding-bottom: 13px;
> float: left;
> background-repeat: repeat-x;
> background-position: bottom;
> }
> h2 { color: #a74738; font-size: 24px; margin: 0px 0px 10px 0px;
> font-family:
> Georgia; font-weight: normal; }
>
> a,a:link,a:link,a:link,a:hover
>
> {font-weight:bold;background:transparent;text-decoration:none;cursor:pointer}
> a:link {color: #595a37;}
> a:visited {color:#595a37}
> a:hover,a:active {color:#595a37}
> img {border:0px}
>
>
> #wrapper { width: 950px; margin: 0px auto; }
>
> #header { float: left; height:200px; width: 949px;}
>
> .imagenlogo1 {
> float:left;
> width:350px;
> padding-left:20px;
> padding-top:10px;
> }
>
> .imagenlogo2 {
> float:right;
> width:520px;
> padding-right:40px;
> }
>
> .AlineaDerecha
> {
> float:right ; margin:10px 4px 0px 3px;
> visibility:hidden}
> #content { background-image:url(img/foncontenidosss.png); float: left;
> width: 893px;  }
> #internopost { margin-right:30px;
> float:left;background-image:url(img/fondocontenido2.png); width: 853px}
>
> #nav { width: 893px; background-image:url(img/fondobarraNav.png); float:
> left; height: 44px;  font-family:Arial, Helvetica, sans-serif;
> font-size:12px}
> #nav ul li {
> display: block;
> float: left;
> padding: 0px !important ;
> height: 43px;
>  }
>
>
>
> #nav ul li li { background-image: none; }
> #nav ul li:hover { background-position: left 0px; }
> #nav ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px;
> float: left; }
> #nav a:link, #nav a:visited { color: #595a37; font-size: 14px; height:
> 43px;
> display: block; padding: 5px 10px; float: left;}
> #nav a:hover { background-position: right 0px; color: #cb4c0e;
>  background-image:url(img/estadobotonOn.png); background-repeat: repeat-x;
>  }
>
>
> #footer {
> float: left;
> height: 36px;
> background-image:url(img/foncontenidosss.png);
> width: 893px;
> padding: 0px 0px 0px 0px;
> color: #fff;
> font-size: 11px;
> }
>
> en la pag...
>
> 
>
>
>
>  alt="Pimiento"/>
>  alt="Algo...t"/> 
>
>
>
>
> 
>   presentacion 
>   creditos 
>   team manager 
>   contacto 
>
>
> 
>
>
>
>
> Titulo del Post 
>  
>gdfgjasjjasjaskjskjdaskjd
>  saddsa
>  da1
>  d
>  asd avecegfdg
>dfgdf
>gdfgdfñglñdfl d
>fgvdf
>gdf
>gfvdgf
>dgvdg
>df
>gs lasklkaslkaslka
>
>
>
>
> http://www.hipervinculos.net";> height="14" alt="Hipervinculos.net" longdesc="http://hipervinculos.net";
> />
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://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