Logo & Site Advice Needed

[SteveJR]

Hi All,

I have just created a new website -

http://www.creative-av.co.uk

- that I would like some feedback on. I know some of the details on the pages are a bit limited but I prefer talking to people rather than just advertising prices!

Also, I am looking for a suitable company logo - anyone got any design suggestions or can anyone recommend a good company to design one for me?

Thanks in advance,

Steve

 

[BillyRayPreachersSon]

Steve,

I can recommend a good designer, Oyster Strategic Design. Although they are based in Melbourne, it shouldn't be a problem for them to do the work remotely (we work with them all the time from the UK)

http://www.oyster.net.au/

They do some great creative work.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Incidentally, some feedback:

Use background images for your rounded corners. You shouldn't really have these as IMG tags, as they show up with styles turned off (which is just so unnecessary).

You should remove or fix the "snop" link in your footer. It simply goes to a "Page not found" page.

You should also look at using some other way of presenting the links in your footer. You have "+" characters as separators, which will not obviously with screen readers as a list of links. Consider using a styled UL instead (see our site for a good example -

http://www.coedit.co.uk/)

Consider putting some link titles in (at present you have none), and get your source to validate (there are numerous errors at the moment).

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[SteveJR]

Hi Dan,

Thanks for replying so quickly! Will check out the link you sent with regards to logo design. Have you any rough costs?

WRT site design, I took this as a template and being a newbie to design and css I'm still learning about what needs be in there.

Will try using the background images instead of img tags.

I'll see if I can get an updated snop link as he did the original template. Seems fair to thank him.

What do you mean by "link titles" and how can I get my source to validate?

Thanks,

Steve

 

[SteveJR]

One other thing I hope you guys can help me on. I have the footer styled with the below:

/* -- Footer layout/display styles -- */

#footer {
float: left;
width: 100%;
height: 3em;
font-size: 0.6em;
text-transform: lowercase;
line-height: 2.6em;
color: #0AD;
background: #25509F url(../images/hdr.jpg) repeat-y top left;
}

#footerLeft {
float: left;
width: 60%;
text-align: left;
background: url(../images/corner_bl.gif) no-repeat bottom left;
height: 3em;}


#footerRight {
float: right;
width: 35%;
height: 3em;
text-align: right;
background: url(../images/corner_br.gif) no-repeat bottom right;
color: #FFFFFF;
}

#footer a {
color: #0AD;
}

#footer a:hover {
color: #666666;
}

I see a problem though when you decrease the width of the browser the text wraps to fit in the footer but the bottom-left corner image doesn't stay at the bottom.

Any ideas?

Thanks,

Steve

 

[BillyRayPreachersSon]

For your HTML or CSS problems, you should ask in the HTML/CSS forum (forum215).

I've no idea how much Oyster charge clients, as I've never hired them to do a job for me (they pass web work onto us). You can contact them using the "Quick find" boxes (select Melbourne and Graphic design).

For info on validating your source, see here:

thread215-1228657

You can also find a CSS validator here:

http://jigsaw.w3.org/css-validator/

You can find more about link titles in the HTML forum, too.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Foamcow]

Don't forget there are lots of design companies in the UK too

But I am in no way promoting my services nor the services of the marketing/design agency that I work for.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[ChrisHunt]

Looks pretty good.

The only thing that jumps out is this:

<meta name="description" content="OSWD reflection XHTML template by fullahead.org,Plasma Screen, Projector, Projection, Installation, Kent, Sussex, Surrey, Home Cinema Projection, Home Cinema Surround Sound, Theatre, Multi room audio visual, DVD, HD-DVD, HDTV, High Definition, Crystalio, Lumagen, Scaler, NetStreams, DigiLinx, deinterlacing, progressive scan" />

Some search engines will use this description text when listing the site in search results, so it's better to put a proper sentence in there than just keyword stuffing.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[SteveJR]

Thanks for the replies Chris & Foamcow. I've some issues with the style sheet. When I decrease the width of the browser page the div's don't seem to resize as per their width attribute in the style sheet. I guess it is the contents within the div's causing this.

Will update the description tag to have a proper sentenance.

Foamcow - how much for a basic logo then???

Thanks again,

Steve

 

[Foamcow]

Steve, would you like to contact me via my site (link below) and we can discuss things over email.

I don't think that discussing paid work is permitted on Tek-Tips



<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[MarcusStringer]

The space between the letters in "SEE IT, HEAR IT, LIVE IT" are too close.

Marcus

http://www.midlandtypesetters.com.au

 

[SteveJR]

Thanks Marcus. Will add a space after each comma to separate it a bit.

Steve

 

[MarcusStringer]

No,
I mean between the letters, not the comma's
The letters are touching each other. Increase the kerning so they don't touch.
They look squashed

Marcus

http://www.midlandtypesetters.com.au

 

[SteveJR]

Ok. Without sounding completely dumb, how do you do this in either html or css?

Steve

 

[SteveJR]

Ok, have found that it is letter-spacing in the style sheet. Will amend and upload a new copy of site later.

Thanks,

Steve

 

[Foamcow]

Ok. Without sounding completely dumb, how do you do this in either html or css

h1 {
    letter-spacing:-0.25em; /* squashed up text */
}

For spaced out text, use a positive value.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2