All entries for February 2006

February 28, 2006

Arbitrary HTML? Well IE seems to like it anyway…

One of the most reported problems in feedback from my original HTML mock-up was Internet Explorer's inability to stop expanding the Learn page Inbox (a CSS element with overflow) with a left-right scrollbar. The underlying problem was that the width was being calculated as 100%, and then the scrollbar added on top. Mozilla browsers seemed quite happy to deal with this without bother.

After numerous hours of pondering and layering and stacking of elements, something seemed to work! This does seem to me to be a quite arbitrary stack of HTML and CSS, calculating away widths in their own special little ways.

The solution:

<div class="inboxcolumn">

<div class="containerbox"> <--- a seemingly pointless CSS class, but with width "auto"

<object width="100%"> <--- lets get HTML to do a width calculation too

Last but not least, my content here!




Why I need anything more than the original "inboxcolumn" CSS class I do not know, but mixing HTML, CSS with auto and percentage widths seems to do the trick.

Blimey – I could base my entire presentation just on this! ;)

February 16, 2006

Simple but effective

Without wishing to curse my future luck, I think I may be onto a winner with regards to displaying my content. Using the PHP expression var_dump, I am quickly managing to extract parts of the data that I require. Whilst this is not a robust solution, it will allow me to develop my online prototype more quickly.

February 12, 2006

Chocs Away!

Successfully managed today to re-use code from the Moodle block "News Items", and add that in place in my template adpated for Moodle. Which does mean, that live news is now available!

Based on this, the same may be undertaken for the Calendar/Diary and latest updates in learning.

February 07, 2006

A Coding Development Meeting

Writing about web page

Today I have been brought up to speed on the underlying development system Moodle by David, and have agreed on how to proceed with functionality.

Essentially, my starting point is to integrate my static design into the live Moodle content. Then in priority order:

  • Fix design issues raised from email feedback
  • Wider user testing for final feedback to work into system development
  • Develop the "Learn" section of the site
  • Copy the "forums" function of Moodle to create a "News" category
  • Develop the "News" section of the site, now with added RSS feed from Insite (raised in questionnaire)
  • Develop "Diary" section of the site
  • Create interface for standard Moodle forums in "Forums" section of the site
  • Develop "Help" information

Content of reduced priority

  • "E-mail" section
  • "Degree" section – may be available with limited content only

Please visit David's Project Blog for more information on the underlying system developments.

February 01, 2006

Static Prototype v1 Completed

After a delay of several days due to illness, the first prototype of the portal interface has been completed. It will be distributed later today to "guinea pigs" for feedback, along with a few use cases for them to document their activities for me.

Known Issues

  • Trial of an expanding menu using pure CSS without JavaScript. Whilst this works fine in Firefox 1.5 and Opera 8.51, it shows with some parts being unselectable in Firefox 1.0.5 (DCS machines), and does not expand at all in Internet Explorer. This does not affect usability of the site, it just removes an enhanced feature – if the menu proves popular, it is likely to be rebuilt using JavaScript.
  • Internet Explorer adds a left-right scrollbar unnecessarily when the Inbox CSS element overflows.
  • Issue with border-widths in Internet Explorer – a 1px border is invisible, but a thin border is incredibly thick. Alternatives are being investigated.
  • Forced space-characters are displaying as squares in IE. This will be sorted properly, most likely with spacer images.


  • JavaScript is driving the "Learn" homepage, although this may move to server-side scripting at a later date.
  • Drop-down menu functionality on "Learn" and "Module Resources" pages merely show intended functionality.
  • "Diary", "Email", "Forums", "Degree" and "Help" have no content
  • Search function is disabled
  • Homepage links direct the user to the relevant page rather than the message/resource itsself
  • Content is not complete – many dummy/duplicate pages.
  • Sizing is mostly relative, although on resolutions lower than 1024×768 it seems rather claustrophobic.

February 2006

Mo Tu We Th Fr Sa Su
Jan |  Today  |
      1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28               

Search this blog


Most recent comments

  • 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

Blog archive

Not signed in
Sign in

Powered by BlogBuilder