Mostrando entradas con la etiqueta css. Mostrar todas las entradas
Mostrando entradas con la etiqueta css. Mostrar todas las entradas

martes, 21 de abril de 2009

Cómo crear una tabla HTML con cabecera fija usando sólo CSS

Hoy os voy a hacer llegar un artículo que me parece bastante interesante sobre tablas en HTML y creo que os puede ser bastante útil. A mí ya se me ha ocurrido dónde usarlo en algunas de mis páginas y aplicaciones web.

Se trata de cómo crear una tabla HTML con cabecera fija usándo sólamente CSS. Un truco que puede ser bastante útil para tablas de mucha longitud.

La cuestión es bastante sencilla; sólo necesitaremos incluir en nuestra hoja de estilos un pequeño fragmento de código CSS y modificar ligeramente las tablas que queramos modificar. Nada de Javascript y nada de cosas raras.

Podéis ver el artículo aquí:

jueves, 28 de junio de 2007

'Cargando...' en css y javascript

Muy útil este artículo. Voy a implementarlo en una web que estoy haciendo ahora usando Ajax. Lo había intentado más veces pero no conseguía que se me quedara ahí fijo usando sólo css. Yo lo había conseguido con JavaScript y haciendo que se recolocara cada vez que se movía la barra de desplazamiento usando el evento onscroll de javascript.:
Mostrar texto en posición fija mientras se carga una página usando css y javascript

martes, 15 de mayo de 2007

Capa con transparencia usando CSS y funcionando en IE, Opera y Firefox

Navegando por internet me he encontrado con este truco para aplicar fácilmente a nuestras páginas y que consiste en una capa con transparencia que podemos colocar en cualquier parte de nuestra web. El efecto sólo utiliza hojas de estilo CSS y HTML.

Todavía no me he puesto con ello pero combinándo lo que vemos en esa página con un poco de JavaScript podríamos conseguir efectos muy chulos para nuestras páginas. Por ejemplo, yo creo haber visto algo así en algún servicio de Google (no recuerdo si Gmail, o Google Calendar, o cuál de ellos), en el que pinchando sobre algo se bloqueaba la pantalla mediante una capa puesta encima de la página, dejándonos únicamente pulsar un botón pero a la vez dejándonos ver algo difuminado todo lo que hay debajo de esta capa gracias a la transparencia.

Esta es la dirección del sitio para que le echéis un vistazo: http://www.locualo.net dentro podéis encontrar más artículos.