Jump to content


Photo

New Layout


  • This topic is locked This topic is locked
10 replies to this topic

#1 Skatecrazy1

Skatecrazy1
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts
  • LocationSouthern California

Posted 17 October 2006 - 04:21 AM

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.

http://www.snapskate.com/v2

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.
fuck it or fight it

#2 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 17 October 2006 - 01:37 PM

1.

    * 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

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.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#3 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 17 October 2006 - 01:50 PM

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]
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#4 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 17 October 2006 - 01:52 PM

And there is a flaw in IE6 with the left Menu header.
-steve

#5 Skatecrazy1

Skatecrazy1
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts
  • LocationSouthern California

Posted 17 October 2006 - 11:24 PM

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: http://www.elementar...ced-errors.html

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)
fuck it or fight it

#6 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 18 October 2006 - 08:35 AM

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:

OPTIMIZED FOR Firefox

Do not optimize it for a specific browser! You need to make it work properly in all browsers.

#7 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 18 October 2006 - 10:56 AM

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

#8 Skatecrazy1

Skatecrazy1
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts
  • LocationSouthern California

Posted 19 October 2006 - 04:47 AM

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.
fuck it or fight it

#9 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 19 October 2006 - 06:47 AM

http://www.google.co...?q=mac emulator

#10 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 19 October 2006 - 08:52 AM

http://www.browsrcamp.com/

#11 Black_Wolf

Black_Wolf
  • Members
  • PipPip
  • Member
  • 15 posts

Posted 21 October 2006 - 06:03 PM

Thats a lovely web site




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users