I’m trying to build a website and am running across a weird problem. I’m sure a more advanced designer could spot what is going on pretty easily though.
The website URL is: http://www.durginglobal.com/td/draft
In the header ( http://www.durginglobal.com/td/draft/images/index_02.gif ), you can clearly see that the background is all black. However, on the website ( http://www.durginglobal.com/td/draft ), there is a small gray line at the top right corner ( http://durginglobal.com/td/line.png ) and I can’t figure out where it’s coming from.
I’ll even throw in $10 via PayPal for the solution.
Thanks in advance.
I think it’s in the image itself: http://www.durginglobal.com/td/draft/images/index_02.gif
I’m attaching it without the line.
Your site layout is done all with tables, which is kinda not very good. Try delving into using CSS and more semantic elements for layout. Tables should be reserved for tabular data. Also, this image should be set as the background of your header using CSS rather than inline, since it’s not part of each page’s actual content. It’s a presentational element that just makes the site look nicer.
Overall, the graphic design is clean. Just work a bit on the HTML part!
As Rob said you should definitely go with HTML5 and CSS. Tables are forgotten in world of web design. Also use images only when you need too. In this case this black can be done through CSS background color option with little logo image positioned as you wish. With this you will lose that grey line.
Thanks, guys, I appreciate your responses.
Rob, since you were first, just PM me your PayPal sir.
Hey, no problem. Don’t worry about the $10! Give it to your favorite charity or something…