Prototype Develops with CSS, 22/01/06, Designing a Student Portal

January 22, 2006

The prototype of the portal's user interface is beginning to develop with the magic of CSS!

The scrollable elements are completely created by CSS, due to full support across browsers for the "height" property
Rollover effects on the message "inbox" block an entire table row as a link (edit: IE almost manages this… only the title text appears as a hyperlink… this will be looked into)
Expandable menus have been created with CSS and no script. Although this is currently unsupported by IE6, IE7 should support it when its released later this year. Mozilla/Opera/Safari are all capable of displaying this menu, however it does not affect the ability of IE to use the top-level links.
New rollover buttons for the menu have been created by using transparent gifs and a changing background colour… saves bandwidth through only having a single image to load

The full "static" prototype is now very close to being ready, next stage – user testing!

IE will only expand a link to fill an area if the width is defined. For something that always has a fixed width this is easy, otherwise you could probably use javascript to get the dimensions of the parent

07 Feb 2006, 18:18

You are not allowed to comment on this entry as it has restricted commenting permissions.

Do you have to use IE? How about Firefox? by on this entry
So can anyone tell me with the "auto" is supposed to take positoins off? Maybe i am missing the poin… by DIY Dan on this entry
IE will only expand a link to fill an area if the width is defined. For something that always has a … by on this entry
Thanks for the heads–up on that – just downloaded IE7 Beta 2… very weird, looks to me like they've… by on this entry
just so you know, css expanding menus work in IE7 by on this entry

Loading…