Very nervously posting about our relaunched website - http://www.themissinglist.co.uk. The initial version was custom built in asp classic (don't ask) 2 years ago and went live 6 months later. The remake is the first site I have made in Drupal and PHP and my first public facing project - my previous experience was in installing and using WordPress & E107 for personal use. I know there are some things which may make you more experienced developers go "WTF!" and "OMFG why did you do that?!" if you could see the source, but I had 2 months and no budget so had to make some sacrifices - but not in stability or security.

A lot of modules were used - CCK, Contemplate, Views, ImageCache, GMap, Location, MagicTabs, to name but a few. With more time and experience I would have used less, but I'm also of the opinion that you shouldn't have to re-invent the wheel every time you do a website.

My involvement is in the back-end, while the layout and static content was designed by a colleague who comes from a print graphics designer background (although I had to convert it from PS images into HTML/CSS as a custom Zen sub-theme). I have tested the site in Firefox, Opera, Galleon, IE 6 & 7 (don't have access to Konqueror or Safari unfortunately) and, apart from some minor glitches, works remarkably well. There is some use of Zen's ie.css to fix errors in IE's rendering, and the site currently fails W3C validation for numerous reasons. As time goes by, I will be fixing those and will eventually get as close to 100% as possible.

Let me know what you think but be gentle - it's my first one :)

Comments

chasz’s picture

congrats what gmap did u use?? i am also looking for a podcast mod thanks :D

Balefire’s picture

The big Google Maps are using GMap Module 5.x-1.0-beta3 with Views integration, while the nodes have a GeoMap Block attached. A bit messy having two map modules running but with so little time to get running and no previous experience with PHP & Drupal. I'm just glad it works :) Now we've launched, I'm hopefully going to have time to clean things up.

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett

gforce301’s picture

Looks nice man. Grats on getting it up an running. FYI the /view/all-rewards page is really jammed up in FF. All the main content is over on the left right in a thin vertical strip. Looks good in IE7 though. Looks like you might have a theme problem there. Thought you might like to know.

Balefire’s picture

Thanks for that report.

That's not good. Which version of FF are you using? I use 3.0.1 on my home & work systems (both Ubuntu) and tried FF on windows and a iMac. I have a feeling they are 3+ as well...

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett

gforce301’s picture

I am currently running FF 2.0.0.16 at home and at work MS Windows XP Pro OS.

Balefire’s picture

Faults in IE <6 I can ignore, but FF2? Definitely not. Looks like I need to set up a VM with it (hope it does the same in the Linux version). Thanks again for confirming the version. If anyone has any ideas why this is happening, I would appreciate it if you could let me know.

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett

gforce301’s picture

Looks to me like you have a float issue or float clearing issue. I have had similar issues in layouts before. I took a screenshot for you and put it up on our dev server. You can see it here: http://mp-server1.com/themissinglist.png

It looks like your UL LI structure is collapsing vertically in FF and trying to float up next to your filter selection for the view. Most likely this is caused because they UL is either not floated or it does not properly clear the block level container above it.

Addition:
Just thought of this. Since it is a FF only problem as far as I can tell, you could try using a min-width on the LI. This would prevent the collapse and keep it wide enough to force it to clear without having to do anything with the floats. This would also allow it to still expand and keep your layout liquid.

Balefire’s picture

Wow, what can I say but thanks for the pointers, I'll be having a go at it tonight. I really want it to work properly in all the major browsers and apart from FF2 (FF3 works fine) it does.

Update:
After some playing around with Firebug (latest version seems to corrupt itself frequently when enabling/disabling css rules needing a browser restart), I managed to figure out that putting float: left; on the <li> solved the issue and still works across all the browsers I can try. When I tried clearing and/or floating the <ul> it only made the first item appear and setting a min-width to the <li> made them wider but still out of position.

I would have got there eventually but you certainly shaved several hair pulling hours off the time! Your help is much appreciated. Hope I could do the same for you (or if not, someone else) in the future. Word of advice for anyone wanting to test browsers - Virtualbox (or other VM) is your friend.

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett

gforce301’s picture

TOUCHDOWN!!! Looks great in FF2+ now man. Glad I could help. Keep up the good work and just give back where you can.

Balefire’s picture

Really upset now - something has happened and whole thing is grinding to a halt. Typical - works fine for months, announce it and the whole thing stops working properly. ARGH!
Update
Found out the problem and all should now be ok.

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett

fredb001’s picture

Everything seems to look fine in Safari and Chrome.

You have a great site, in terms of the content, the technical, and the graphics.

Balefire’s picture

Thanks for the comment - I was really nervous about the (re)launch.

Visitor ratings are still low but as there now is no budget for any more work, anything I now do is done in my spare time. The next step is getting the SEO sorted out, it's got a little bit going on but far from ideal.

Flying (v) - The art of throwing yourself at the ground and missing
Terry Pratchett