7 Up – Front End Development

7up Competition

7up Competition

When contracting at Spookmedia at Edelman I created the front end for a promotional 7Up competition web site. Given the designs early afternoon on Sunday I had to turn them around for first thing Monday morning. The design represented a few problems in that it was very unconventional in terms of layout and alignments. Taken from a Photoshop PSD design I sliced the layers up, optimised the export and constructed the design into HTML and CSS in Dreamweaver.

I had to arrange the content by absolute position containers with relative elements within them. The angled navigation represented a few problems but with some cunning CSS skills, I was able to overcome the difficult alignment and also the hit area for the buttons. Finally I corrected styles sheets and images for cross browser compatibility from Internet Explorer 6 to Google Chrome.

You can view the site here http://www.ru7up4it.ie/

134 thoughts on “7 Up – Front End Development

  1. Pingback: Brett
  2. Pingback: otis
  3. Pingback: ken
  4. Pingback: Mathew
  5. Pingback: willie
  6. Pingback: norman
  7. Pingback: Michael
  8. Pingback: gerald
  9. Pingback: Darryl
  10. Pingback: Dave
  11. Pingback: Cecil
  12. Pingback: Ian
  13. Pingback: Marcus
  14. Pingback: Guy
  15. Pingback: donald
  16. Pingback: rex
  17. Pingback: Leslie
  18. Pingback: Neil
  19. Pingback: edgar
  20. Pingback: george
  21. Pingback: Earl
  22. Pingback: Brian
  23. Pingback: Juan
  24. Pingback: Leon
  25. Pingback: chester
  26. Pingback: otis
  27. Pingback: Julius
  28. Pingback: kelly
  29. Pingback: Milton
  30. Pingback: clayton
  31. Pingback: Greg
  32. Pingback: herman
  33. Pingback: henry
  34. Pingback: eddie

Leave a Reply