6 replies [Last post]
dawn8
Offline
newbie
Last seen: 15 years 31 weeks ago
Joined: 2005-10-12
Posts: 2
Points: 0

Hi All,

I've just designed a site with css, I've used bits before but this is my first css only site. I've managed to fix a lot of problems along the way, but I would appreciate if you guys could give it a once over.

One problem I'm aware of is on some browsers the images are sticking out of the box instead of them being inside - Not a very good explaination but you'll se what I mean when you see the pages. I've looked at several things but I can't work this one out.

The site is HERE

Thanks

Dawn

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Check my site

First thing I noticed is I have a vertical scrollbar but no more content below the fold - the scrollbar seems unnecessary (FF 1.0.7, 1152x864 res)

I do like the menu on the left, very nice Laughing out loud

however, I think there could do with being a little more contrast on the non-hover links - the text is a little hard to read.

Also, the phone number image needs a bit of top padding, it's too cramped with the text.

Also, it is IMPERATIVE you use an image replacement technique for the phone number. Without images, you don't get a phone number.

In fact, your whole navigation list falls apart without images - you really need to get some text in there and hide it somehow Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 31 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Check my site

You've got a few validation errors and what are:
<csscriptdict>
<csactiondict>
Shock
Also,

text="black" link="#bc6c50" vlink="#7f4936" alink="#bc6c50" marginwidth="0" topmargin="0" shouldn't be attached to your body tag; it should be in your CSS. As for the design, I quite like it although I find the way the blind rollovers work a bit distracting.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 9 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Check my site

Quote:
You've got a few validation errors and what are:
<csscriptdict>
<csactiondict>

These tags are generated by GoLive.

Dawn -- in my experience with viewing sites built using GoLive, I've noticed browser and functionality issues with GoLive's auto-coding and scripting. I personally would not use the built-in GoLive scripts and download a script from 'hotscripts.com' or another similar site.

The site overall has a nice layout, but I would consider more contrast in color....something to compliment the peach color. Laughing out loud

- r

dawn8
Offline
newbie
Last seen: 15 years 31 weeks ago
Joined: 2005-10-12
Posts: 2
Points: 0

Check my site

Hi All,

Thanks for taking a look at my site. I've taken everything on board and made some changes. It now validates fine. (I'm working on the Index page first). The only thing I haven't done is the contrast in the colours but I will make them a bit darker.

Any ideas how I can get the border round the content to take the images into account? This happens on FF MAC

and How I can get the scroll fixed?

Will I be better asking these questions somewhere else on here?

Any other comments from anyone?

Thanks again guys. Laughing out loud

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 8 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Check my site

The first thing you need is some text in the navigation links. Browse with images turned off and you get absolutely NOTHING except this:

Quote:

Call today for a free quotation on
or book an appointment online

then this:

Quote:

Transform your home, leisure or working conditions with a practical and beautiful experience in light and shade. As one of the country’s leading specialists in blinds, awnings screens and canopies, Interblinds have the expertise to make a real difference to your environment.

Whether you’re looking to set the right mood in your lounge, or provide a practical working area for a lecture theatre, hospital or office, we can advise you on an amazing choice of fabrics, textures, colours, shapes and finishes to suit your needs exactly. Our success can be attributed to a flexible ideology - we’re always on the lookout for changing styles and fashions and seeking out new and innovative solutions. This approach has led us to become a major supplier in the North West of England.

Quality
Because we manufacture most of our own products, we make sure quality is kept to the highest standard. This facility also enables us to keep costs to a minimum, ensuring the best value-for-money products available. Our qualified teams are trained to complete the installation quickly, cleanly and with a minimum of fuss.

Guarantee
We’re so confident in our service, we offer a full guarantee on all products and installations.

BBSA
As prominent members of the British Blind and Shutter Association, Interblinds are fully committed to their Code of Practice, which was established to give customers the secure knowledge that they will receive quality products, expert fitting and a full back-up service. (Full details of the Code are available on request).

on a very nice pale orange background.

Sort it out or have the feds on your back Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 7 years 2 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Check my site

I get a horizontal scrollbar under 800x600 here. But I really love the colors; however, I suggest making the text size larger to accomodate the large design space that you have and maybe float the image in the index page so that the text wraps around it because the empty space below seems a bit awkward.

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com