11 replies [Last post]
Alienfeet
Alienfeet's picture
Offline
Regular
Last seen: 11 years 42 weeks ago
Timezone: GMT+1
Joined: 2006-05-24
Posts: 25
Points: 2

Hey There,

Any comments/opinions on my first CSS site would be greatly appreciated.

www.marksmanproof-ftp.com/signature

I have been doing websites using tables for a few years now but thought I would take the plunge and start to construct them 'properly' using CSS and XHTML.

I have read a few books but as I said this is my first one so views from the experts would help a lot.

Thanks

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

My first Standards Compliant (CSS) website

Nice! Laughing out loud

Looks good in FF and IE6. I like the unique design and layout.

- r

bubberz
Offline
newbie
Last seen: 16 years 12 weeks ago
Joined: 2006-05-24
Posts: 1
Points: 0

Book recommendations!

Alienfeet,

Sweet job!

What books did you use? I'm looking for some to start using CSS more too.

Thanks!

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 3 years 45 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

My first Standards Compliant (CSS) website

strange... it doesn't look good to me in FF or NS... the footer info is at the top and way to the right of the rest of the page

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 14 years 15 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

My first Standards Compliant (CSS) website

It's a lovely look.

There's a slight issue in FF with the navigation items overflowing their borders when the text is increased in size. You could get around it by using ems for height rather than px.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Alienfeet
Alienfeet's picture
Offline
Regular
Last seen: 11 years 42 weeks ago
Timezone: GMT+1
Joined: 2006-05-24
Posts: 25
Points: 2

My first Standards Compliant (CSS) website

Thanks guys...greatly appreciated.

The two books a read were

First Stylin' with CSS - A Designers Guide, Charles Wyke-Smith
Then CSS Mastery, Andy Budd

Excellent books, has taken me from total CSS newbie to hopefully CSS expert. Check them out

Cheers

technossomy
technossomy's picture
Offline
Enthusiast
Last seen: 45 weeks 3 days ago
Timezone: GMT+2
Joined: 2004-06-09
Posts: 260
Points: 8

My first Standards Compliant (CSS) website

Not bad at all. The first pleasantly striking feature is the daring layout. Nice use of colors and gradients. Too bad about the table at the bottom, perhaps to be replaced by a regular textual element? The other advice I could give you is to sharpen up the image navback1.jpg.

Tested in IE6, FF1.5 and Op8

Tech

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

My first Standards Compliant (CSS) website

As rmfred points out the footer is broken :? in FF is that not apparent? you cant use the .clearfloat div in this way, give it height:1px; and see the difference, you really ought to rethink that last bit of the layout you definitely do not need a table there, it's completely pointless you don't really need the div.clearfloat either the div#footer should be fine with clear:both and the links in ul lists.

Is it really necessary to use javascript for two image rollovers? it can be done far more effectively by combining the two image states into one and then using background position to shift to the required portion. The preloader script is a pain as it seems to always cause an endless loop in the browser, I'll be happy when no one uses that script anymore.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

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

My first Standards Compliant (CSS) website

The makings of a PRO! Well done. Laughing out loud

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

http://www.abcruz.com

DrP
Offline
Regular
Last seen: 16 years 1 day ago
Joined: 2005-12-04
Posts: 48
Points: 0

My first Standards Compliant (CSS) website

Looks wicked!
One problem with you menu:
It starts with Mortgages for... and gives you 3 links.
However, if you choose one of those links then you can only view the others again if you go back. Could I suggest you keep them visible all the time? Perhaps shift the Mortgages for menu into the left column where it can remain?

It is more of a usability thing than anything else, which is often thought about less than the style.

zhastro
zhastro's picture
Offline
Enthusiast
Indonesia
Last seen: 11 years 9 weeks ago
Indonesia
Timezone: GMT+7
Joined: 2005-10-22
Posts: 73
Points: 0

My first Standards Compliant (CSS) website

Hi, I like the idea, you know your new three column concept is really nice, maybe i'll use it someday Laughing out loud .

Nice color, but why it has alot of unused space in the right?

I use FF, and your site has a horiz bar, and when i scroll it only show the copyright, the w3html logo, and the w3css logo, I think it would be nicer if you put those in the bottom of your site, so everybody doesn't have to scroll only to see those logo and there's no info's on it.

but it just only my views, maybe someone have a different idea?

rgrds

Only You Can Reach Me Now....
Only You Can Teach Me Now...
Teach Me How To Dream...

matera
Offline
Regular
Last seen: 16 years 11 weeks ago
Timezone: GMT-6
Joined: 2006-06-01
Posts: 11
Points: 0

My first Standards Compliant (CSS) website

I'm using K-Meleon, FireFox's too-little-known cousin.

Beautiful, but alas! the footer is hanging out top right. The empty div class="clearfloats" is not effective; either it needs content or you should use a break. Very pleasant to the eye, though. It's refreshing to see a differently proportioned layout.