Why are the 2 buttons stacked on top of each other?

Hi all,

If you head over to http://differworld.com/appreciating-the-evolving-social-media-landscape/, can you please tell me why the 2 buttons “Register Now” & “Contact Us For Assistance” are stacked on top of each other rather than side by side?


In two places, you have display: block set on images, so they will automatically begin on new lines.

a img {
    border: 0 none;
    display: block;

img {
    display: block;
    height: auto;
Off Topic:

More worrying, I’d have thought, is that with JavaScript disabled, all that displays is a blank page. :eek:

Off Topic:

It is the function mo_smooth_page_load_effect(), which is not made unobtrusive.
To repair:

  • The #title-area .inner, #custom-title-area .inner, Content, .first-segment .heading2, .first-segment .heading1, .sidebar-right-nav, .sidebar-left-nav have to get {opacity:1} in the css = the default for disabled javascript.
  • A piece of javascript in the <head> can be added, to set these opacities to 0 (immediately, so nothing can show up opening the page if javascript is enabled).
  • Then the mo-function can go ahead with the smooth loading if javascript is enabled.