Simplest demonhale: 01

Whats Up?

   This is my first OSWD design, marked-up to make a coder/designers life much easier. You can freely use this design, I just wish you would retain my links, you can use the images and the css.

   The links on the left uses a sliding-doors technique to move from original image to the hover image with the blinking effect. The css tags and titles are named appropriately so you can easily find them and edit them as you please. The html tags are also properly marked and arranged as semantic as possible.

   I managed to keep all elements to use as little markup as possible. The size of the Images used here in total is about 40kb or less, to ensure that it would be as fast loading as possible. This is how a link should look in this paragraph; This is a Link .

Whats Down?

   It's also in Full width, and the content areas are flowing and adjusts with the size of the page. Add to that the xhtml1.1 validation. CSS Validates too incase you need to know. And Yes I tested for cross-browser compatibility. Inform me if you see errors... This is just a start to all the series I'll try to make. This is a barebones design, table people won't feel really left out since I used tables as element areas to show that tables can validate to xhtml1.1.

   I'm a pure css fan too, I can recode this to pure css without using tables at all. It's just I'm making it an experiment on making table based layouts in minimalists fashion. If you have comments you can contact me on my site at www.demonhale.com. Thanks for using my design.