This site is a self-contained low down on what's going on in my life, what I'm working on, what I'm thinking about, and how I'm feeling about life in general.

Wednesday, 09 July 2008

Messing around with a bit of code, I was trying to do a quick floating window to receive some ajax-built content. This was just a quickie proof of concept thing rather than anything serious.

Anyway, the div was all over the place in IE7 compared to Firefox, and it had issues with elements showing from behind the div.

I racked my brain for hours, setting the z-index, trying this, that and the other. In the end, I added a simple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

After this, things started working! I couldn't believe that something so simple would affect my CSS so drastically, so let that be a warning to you.



Tags: css Doctype Div Positioning Absolute Relative

Monday, 16 June 2008

Standard scrolling on div tags is just plain ugly. If you want to have a div scroll only vertically, this can be done using CSS.

Get some control by using overflow-x for horizontal, and overflow-y for vertical control through CSS.



Tags: css Div Horizontal Scroll Overflow Vertical

Monday, 09 June 2008

I've been looking at evvective and stylish ways to show off room bookings and came up with this.

Screenshot of room booking page

The room list is static, while the internal content slides smoothly based on the timeframe selected.

I didn't use a framework, instead coding this myself.

As such I haven't had time to streamline the code yet (as usual) but it's free to use if anyone wants it.

All that's missing is adding your own code to reflect the bookings.

The full source code is available here.



Tags: Javascript css HTML Room Booking Resource Div Sliding Horizontal Framework Scriptaculous
Featured Articles
Recent Articles