Scrollable fixed size table cell with CSS

Friday, May 16, 2008 by Admin

Table is a very common element used in web design. It can bring neat and tidy designs to web pages. As dynamic web pages(php, jsp, etc) are now very popular for web building, a lot of web designs involves filling up dynamic content into table cells designed in a template. However, since the contents are dynamic, we cannot expect how many data would be fitted into a cell. And if the table cell cannot fit all contents, browsers would simply change the size of the cell to display all contents by default. This is always a nightmare for web designers as all these could ruin the whole designed layout and resulting in a non-professional layout.

So, learning how to set the table cell size is a very important part for every web designer. This tutorial will tell you how to fix it. But what would happen if the content is really too much? Don’t worry, the tutorial will also tell you how to make a scrollable cell to ensure all the content in the cell are accessible.

[Read More…]

Hide/show html elements using CSS and Javascript

Monday, May 12, 2008 by Admin

By reading a forum post on 110mb.com, I realized I did some kind of things like this and would like to share the tips with you. Sometimes, web designers want to do some ‘fancy’ stuff on their pages, for example, toggle and allow the display of certain elements (say a form, or pictures).It not only provides fancy feeling to users, but could also make them feel a clear and simple layout. And here’s how you do it.

[Read More…]