Go Back   CodingForums.com > :: Client side development > General web building

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-24-2012, 11:02 AM   PM User | #1
ambs
New Coder

 
Join Date: Mar 2011
Posts: 21
Thanks: 2
Thanked 0 Times in 0 Posts
ambs is an unknown quantity at this point
Needing advice on improving my site..

Hi everyone.

So quite recently I renewed our site, (http://www.daqua.co.uk) yet me being me, I'm still not happy with it. I am in no way advanced at website building but I do know a few things. I'm hugely aware that our site has quite a few unappealing features so I'm wanting to sort this out and would really appreciate it if someone could help me out on it.

Things I want to sort out are:

1. The top navigation. Whenever I zoom in or out, it looks terrible. Is there anything I can do to keep the links in place with the background image?

2. We've now gained more products so on pages such as http://daqua.co.uk/pumps_controllers.htm you have to scroll down quite a bit to find what you're looking for. This to me seems really unappealing. My boss isn't too keen on giving each product a separate page so what I'd like is to have them listed in twos. So in that pumps and controllers page, the products would be listed like so:

Pump Box --- Varistream and Shurflo pump package
4l Pump --- 5l Pump
Dial Waterflow Regulator --- Digital Waterflow Regulator
Pressure Switch --- Inline Strainer

Does that make sense? How can I go about doing this? Would tables be best to use, or just separate div's and classes? My guess is that I'll probably have to make the site wider in order to fit them in side by side.

3. I really feel like the site is lacking of something but I just don't know what. What are your views on it? What am I missing? Please be harsh, I need to be told what I'm doing wrong. :P

Your help will be appreciated so much! I'm getting rather tired of being unhappy with this website, haha.
ambs is offline   Reply With Quote
Old 02-24-2012, 12:39 PM   PM User | #2
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
Quote:
1. The top navigation. Whenever I zoom in or out, it looks terrible. Is there anything I can do to keep the links in place with the background image?
Yes, set the background image on the individual elements rather than the #nav div - then the background will shrink or expand with the text. Have a look at this sliding doors technique (it's an oldy but goody) which would work well for your tabs.

Quote:
.....How can I go about doing this? Would tables be best to use, or just separate div's and classes? My guess is that I'll probably have to make the site wider in order to fit them in side by side
Don't even think about using tables - it's inflexible and unnecessary!!! Divs would be fine, float the divs and they'll then just stack up next to each other.

Other options - have a set of quicklinks at the top to facilitate quick navigation, if you want to get a bit more flash have the details of the products in an expanding/collpasing div so the page isn't so long (have a look at using jQuery for this maybe .slideDown() - you've already got it on the page).

Quote:
3. I really feel like the site is lacking of something but I just don't know what.
Seen a lot worse to be honest.

Not keen on the scrollbar in the news div - have less, or maybe scroll it automatically?

Not madly keen on the two blue squares on the side nav, combined with the font in use.

Also, it took me some time to realise that the two menus are (almost?) the same - I think this is potentially confusing. It made me think - and that's usually bad for websites (see the classic Don't Make Me Think by Steve Krug - another oldy but essential reading in my opinion.

Design wise, blue background is a little dull but I can't get worked up. I like the top image. Having the whole page wider would have more of an impact - but I have a widescreen and it's fine

Picky picky picky but your favicon looks a bit pixellated.

Text on the images "Ion Exchange Resins" doesn't look very smooth either - you could just overlay real text on the image rather than including it in the image.

Hope that's helpful....
SB65 is offline   Reply With Quote
Users who have thanked SB65 for this post:
ambs (02-24-2012)
Old 02-24-2012, 01:37 PM   PM User | #3
ambs
New Coder

 
Join Date: Mar 2011
Posts: 21
Thanks: 2
Thanked 0 Times in 0 Posts
ambs is an unknown quantity at this point
Thank you very, very much SB65! That's exactly the information that I was seeking. Yeah, on my other site I have expanding and collapsing DIV's so I will just use them again. Certainly makes things a lot neater. I agree also on the side nav. I don't know what it is but I ALWAYS struggle with side bars! I can just never seem to get them looking 'smart.' Back to the drawing board me thinks and see what I can do to tidy it up.
Thank you.
ambs is offline   Reply With Quote
Old 02-27-2012, 11:48 PM   PM User | #4
narsisleather
New to the CF scene

 
Join Date: Feb 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
narsisleather is an unknown quantity at this point
Hi!
We would like to submit our website http://www.leatherjacketforwomen.us to ask jewels !

Any body knows how to our online store http://www.leatherjacketforwomen.us be indexed in ask jewels !

Thanks..
narsisleather is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 12:46 AM.


Advertisement
Log in to turn off these ads.