anon

Hey guys just thought I'd put this out there and get some suggestions. I've got a basic horizontal list menu which has drop down sub menus. When the browser is resized to a smaller width (or on mobile devices) the list switches to vertical layout i.e. one item on top of the other. Question is.. what do I do with the drop menus? Currently when I rollover the items, the drop sub menus overlap the other items. I'm quite new to responsive design so can you suggest a basic way of dealing with drop down menus when the main menu is listed vertically?

With the words 'accessible... design' I kind of meant friendly, easy to understand/digest but I can see how it can be confused with the web context so I might have to re-word that! Good idea jtuds using the logo image to link back to the first slide, I managed to sort that out. As for the scrolling when pressing the next arrow - that's how I intended it as the next slide is naturally to the right so it moves into the frame from that side. I think it looks a little odd now as I haven't figured out how to reverse the direction when the back arrow is pressed. Tried posting on Stack Overflow but still no solutions!

I like number 1. I don't think you even need that light blue arc shape on the left as the font and styling of the work 'ink' says it all...

Nice work, clean and organised, especially with all the information you have to include. Little issue with the top menu (yellow bg colour) - the text for 'home' and 'head-to-head' are off-centre and it looks odd compared to the other menu items. Perhaps the footer could be styled in a way that corresponds with the header design?

Thanks everyone for all the comments, really appreciate your feedback. I've made a few changes so hopefully it's better now.

Hmmm, thanks for pointing that out. What resolution are you on? It was mainly designed for 1280 x 800. I'd imagined most design companies/agencies' monitors would have that resolution or better... but of course impossible to tell.

Hi everyone, just finished working this up so would be nice to get some constructive feedback. http://s439287245.websitehome.co.uk/ I know on the landing page I've used an image for text but I'm not too fussed about search engines right now as this site/link is just to give to employers when applying for work. PS. If anyone knows how to reverse the direction of the slides when the back button is pressed, I'm all ears!

Nice job! Clean layout and easy to navigate. Just a little thing, perhaps the Offspring logo at the top could be better/crisper quality... looks like you might have saved it as lower image quality.

Hi here is the link hope you can help... I'd like slides to scroll left when 'back arrow' is pressed and slides to scroll right when 'next arrow' is pressed. http://www.s439287245.websitehome.co.uk/ This is the current code for the slideshow (Cycle plug-in) <!-- CUSTOM FADE FX --> <script type="text/javascript"> $(document).ready(function() { $('#slideshowframe').cycle({ fx: 'custom', timeout:0, // setting for manual slideshow speed:750, // number of milliseconds between each transition next: '#nextArrow', prev: '#prevArrow', cssBefore: { top: 0, left: 1051, opacity: 0, display: 'block' }, animIn: { left: 0, opacity: 1 }, animOut: { left: -1051, opacity: 0 }, }); }); </script>

Thanks for your time guys. Maybe I'll just think of a decent domain name just to keep things simple!

Thanks for replies. If I get .co.uk domain, does that mean I have to settle on a specific name now e.g. 'websitename.co.uk' or can I choose one later (and still use the web space).

Hi, just want to know if you've got any recommendations on good web hosting packages... basically I want to upload files and test/preview new designs and stuff. Mainly front end so maybe need SSI, web form processing... I don't have a domain name yet so I don't want to pay for this - is it possible to get web space without a domain name?

Hey guys hope you can help. Basically created a custom fx using the Cycle plug-in images are placed in simple box frame. New images come in the frame from the right side and old images exit left at the same time. Code below and image of layout attached. I've got Navigation arrows to change images but the problem is the slides always come in from the right side even when 'back/prev' button is pressed. Can anyone help me edit the code so that slides scroll left for the previous (prev) arrow and right for the next arrow? $('#slideshowframe').cycle({ fx: 'custom', timeout:0, speed:750, next: '#nextArrow', prev: '#prevArrow', cssBefore: { top: 0, left: 1051, opacity: 0, display: 'block' }, animIn: { left: 0, opacity: 1 }, animOut: { left: -1051, opacity: 0 }, }); Thanks!

A bit tooo much colour going on I think, maybe a good idea to decide on a colour scheme that fits with your company logo and identity? Top layout is Ok, very important for customers to see all your offers/great prices first.

Yep andys is right - it's important to make it look more professional and 'grown-up'. It looks a bit cartoony at the moment, which is totally different from the style of websites in the screenshots - I presume they are your designs? Cartoon style would only be suitable if you're going to make fun, cartoon/illustration style websites.