Jump to content

Archived

This topic is now archived and is closed to further replies.

Skatecrazy1

New Layout

Recommended Posts

Hi, please give opinions, this is the new layout for my website, just finished it, looks alot cleaner than the old version.  Took me awhile, was having problems with HTML, and XHTML validation.

[url=http://www.snapskate.com/v2]http://www.snapskate.com/v2[/url]

if you're wondering why I have only one box in each column, I just use images as backgrounds for my td's, in other words I'll add more later, this is just a sample.

Share this post


Link to post
Share on other sites
1.
[quote]    * Line: 93 Context : img.xhtml

      Property opacity doesn't exist : 0.5
    * Line: 94 Context : img.xhtml

      Parse Error - opacity=50)
    * Line: 95 Context : img.xhtml

      Parse Error - -moz-opacity: 0.5;
    * Line: 96 Context : img.xhtml

      Parse error - Unrecognized : }
    * Line: 99 Context : img.xhtml:hover

      Property opacity doesn't exist : 0.1
    * Line: 100 Context : img.xhtml:hover

      Parse Error - opacity=100)
    * Line: 101 Context : img.xhtml:hover

      Parse Error - -moz-opacity: 1.0;
    * Line: 102 Context : img.xhtml:hover

      Parse error - Unrecognized : }
    * Line: 105 Context : img.css

      Property opacity doesn't exist : 0.5
    * Line: 106 Context : img.css

      Parse Error - opacity=50)
    * Line: 107 Context : img.css

      Parse Error - -moz-opacity: 0.5;
    * Line: 108 Context : img.css

      Parse error - Unrecognized : }
    * Line: 111 Context : img.css:hover

      Property opacity doesn't exist : 0.1
    * Line: 112 Context : img.css:hover

      Parse Error - opacity=100)
    * Line: 113 Context : img.css:hover

      Parse Error - -moz-opacity: 1.0;
    * Line: 114 Context : img.css:hover

      Parse error - Unrecognized : }
    * Line: 117 Context : div.bartitles

      Property text-size doesn't exist : 10px[/quote]
Why have a validation link when it's not valid.
2. The xhtml is valid that's good.

Good things about it-
I like the logo/banner(color combination), the whole thing looks nice.
Nice overall color combination to the website itself

I think it might be a little bland, if there was something you could do to "spruce" it up, I don't think it would hurt at all, but overall pretty good.

Share this post


Link to post
Share on other sites
dunno about other browsers, but there's a break in one of your bars. I'm on Safari (Mac) here. i've attached screenshot.

[attachment deleted by admin]

Share this post


Link to post
Share on other sites
Well as far as the invalid CSS, it's not my CSS, it's due to the validator not being up to standard:

read this article and you'll understand: [url=http://www.elementary-group-standards.com/css/css-validatorinduced-errors.html]http://www.elementary-group-standards.com/css/css-validatorinduced-errors.html[/url]

I hear you on the safari problems, I go on the macs at my school and see that and I can't seem to fix it... I'll have to deal with that later

the IE6 thing isnt that big of a deal to me, i've tried to fix it but keep getting weird results,

thanks for the input, any more is appreciated.

p.s. hopefully people will start getting IE7 when the final release comes out (the new version has CSS fixes that make the output very similar to FF)

Share this post


Link to post
Share on other sites
There is problems with the bar in Opera 9.02, Firefox 1.5.0.7 and Internet Explorer 6 on Windows as well. And another thing: [quote=your site]OPTIMIZED FOR Firefox[/quote]
Do [i]not[/i] optimize it for a specific browser! You need to make it work properly in [i]all[/i] browsers.

Share this post


Link to post
Share on other sites
I agree with Daniel. Although I fully support the spread firefox movement - websites need to be designed for all clients IMO. I know someone who designed for Firefox - never tested in IE - and guess what - it was completely messed up. Websites need to be tested in ALL browsers - including safari.

-steve

Share this post


Link to post
Share on other sites
um, I know what you mean, and let me explain

if you make your html and css valid, most cross-browser compatibility is covered
there are a couple things that take extra fixing.

as for safari, I don't own a mac, so I really have no way to test it.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.