CSS Site

[Mx]

Well guys, the site I am about to show you of course is far from finished. It has no content, but the basic template and layout is all coded in XHTML/CSS. I'm quite pleased with myself because I bascially learnt how to code it all in one weekend, and to top it off. It's XHTML Strict :).

http://win-alt.com/testing/csstest.htm

Any comments guys, ways to improve, coding fixes, etc :)

Thanks.

[TrevorB]

It's pretty nice, I probably coulddn't do any better. *steals it*

But I'm really happy you chose CSS and XHTML Strict!!!! Good job!

[Mx]

hehe thanks. One little moan, I've found the opposite to what most say, they say that CSS/XHTML will look the same in all browsers. But it just doesn't, :p, I wasted about 3 hours on different bugs trying to make it look good in all the browsers. That is why a lot of people still use tables, but I'm going to be using CSS/XHTML for the rest of my sites now :)

Edited November 1, 2004 by Mx

[Zero1]

Looks nice Mx, good work :p. Yeah, i've always found it quite difficult to get CSS & XHTML code to render the same in ffx, ie, opera.. There always seems to be something that doesnt want to stay the same :p

[Mx]

Yea, I know. :)

[snippet1]

Whereas tables (scorned upon by so many) seem to be a lot more straightforward to make work right in all browsers (tables with CSS styling, that is). Meh :/

[Mx]

Yea, Ahh well, :), I think I have learnt how to make CSS / XHTML stuff look virtually the same in every browser. Any comments on my actual page? :p

[xSammyx]

all i see with firefox?

[Mx]

:p, Yes, thats it, but if you had read my first post. I said about the lack of content, etc lol

[elliot]

A few points about your code,

* Personally I would never use CSS in the actual html file, look into external stylesheets.

* Post 1, Post 2, Post 3 would be a perfect place to use a list.

* You put all text in divs. I would have used <h1>,<h2>,<p>, etc.

Those images on the right don't really work when the window is resized. If you used float: right it would look better IMO.

I think it's a pretty good design but it's a little bland, the only bit of colour you've got are those things you stole from spreadfirefox. :p

[Mx]

hehe yea I will link to stylesheet later :), thanks for the image tip, I will make it float. And the spreadfirefox images are only temp :p

[The_Decryptor Veteran]

Very nice, minamalistic style :yes:

[Advance]

W3C CSS Validator Results for http://win-alt.com/testing/csstest.htm

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Errors

URI : http://win-alt.com/testing/csstest.htm

* Line: 122 Context : #sidebar

Parse Error - [empty string]

Warnings

URI : http://win-alt.com/testing/csstest.htm

* Line : 122 font-family: You are encouraged to offer a generic family as a last alternative

* Line : 122 Property align doesn't exist for media

[ljt37]

GOOD!! i know.

[neosapience]

Consolidation?

This -

/* Links */

a:link

{

text-decoration: none;

color: #505367;

}

a:visited

{

text-decoration: none;

color: #505367;

}

a:hover

{

text-decoration: none;

color: #61647C;

}

a:active

{

text-decoration: none;

color: #505367;

}

Becomes this -

/* Links */

a:link, a:visited, a:active

{

text-decoration: none;

color: #505367;

}

a:hover

{

text-decoration: none;

color: #61647C;

}

[Marc A.]

It's a good starting point so far. CSS isn't easy, but its better than anything else out there for web design.