Ayon Posted March 14, 2009 Share Posted March 14, 2009 Well as topic sais.. I need some feedback on the design. It's my first attempt on CSS design.. There are a cpl of link on there, but they're linking to non-existing files atm.. I've tried it in IE8, Firefox, Opera, Chrome & Safari. Haven't found any design flaws yet... But maybe you guys will find some www.hadrstyledb.com/wip/ CSS validates nicely (just some warnings).. But there's a repeating issue in the html validation.. was wondering how I could fix this problem? tried using span instead of p, but then it didn't look right :S http://validator.w3.org/check?uri=http%3A%2F%2Fhardstyledb.com%2Fwip%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/ Share on other sites More sharing options...
jackpf Posted March 14, 2009 Share Posted March 14, 2009 Yeah...I'm not entirely sure; but I think it might fix it if you put the <p> tag outside of the <a> tag. It doesn't make much sense to have a paragraph within a link.... But yeah, site looks pretty cool. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784456 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 thanks for the feedback i think i tried adding it outside the a.. but with a messed up result.. but ima try again... EDIT: Ok, so now with some more effort and some minor changes to my stylesheet i've solved the problem .. thanks for making me try again Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784459 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 Finally i've got the validation returning 0 errors on both css and html Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784475 Share on other sites More sharing options...
jackpf Posted March 14, 2009 Share Posted March 14, 2009 Good stuff I don't mean to be condescending or anything, but you should really make it strict! You currently possess like 11 errors something in XHTML 1.0 Strict; all extremely easy to fix. Plus, it looks more impressive on your source code Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784487 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 hmmm... could you explain it a little bit more detailed? Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784493 Share on other sites More sharing options...
jackpf Posted March 14, 2009 Share Posted March 14, 2009 Well...to be blunt *HTML Transitional is considered sub-par by some. If your site is Strict, it's completely up to date with all of the newest compliances. For example, just so you can see how easy it is to fix some of your few errors... You have form name="... Instead, you should use form id="..., as name is depricated. You have used border="0" When you should use css to achieve the same effect, eg style="border: 0;" Same with align="left" Yeah, if you fix these little errors, your site will be completely standards compliant, thus more likely to work cross-browser. Also, it'll look friendlier to google's spiders Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784496 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 thanks for a well explained reply i'm pretty new to all this design stuff i've only focused on php and mysql .. so i thought that it was time to move away from tables and onto today's design methods Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784503 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 uhm... instead of target="" what's the proper attribute? or src? hmm this is confusing Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784507 Share on other sites More sharing options...
alphanumetrix Posted March 14, 2009 Share Posted March 14, 2009 target=" is used for links. IE: <a href="#" target="_blank">whatever link</a> src=" is used for different things, but mostly images. IE: <img src="http://mysite.com/myimage.jpg" width="100" height="100" alt="my image" /> Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784537 Share on other sites More sharing options...
Ayon Posted March 14, 2009 Author Share Posted March 14, 2009 i know that.. but those are not valid attributes if i'm using the XHTML Strict only Transitional so I was wondering what to use instead of that.. but I just went back to Transitional for now Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-784540 Share on other sites More sharing options...
Ayon Posted March 15, 2009 Author Share Posted March 15, 2009 46 views and only 4 replies? :S Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-785373 Share on other sites More sharing options...
Ayon Posted March 16, 2009 Author Share Posted March 16, 2009 *bump*:S??? Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786080 Share on other sites More sharing options...
Dragen Posted March 16, 2009 Share Posted March 16, 2009 The website appears to be down for me.. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786202 Share on other sites More sharing options...
Maq Posted March 16, 2009 Share Posted March 16, 2009 The website appears to be down for me.. Same for me: Sorry, 'www.hadrstyledb.com' does not exist or is not available. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786204 Share on other sites More sharing options...
jackpf Posted March 16, 2009 Share Posted March 16, 2009 Yeah, it's actually www.hardstyledb.com I only realised because I clicked on the "validate" link provided, which pointed to the correct url... Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786242 Share on other sites More sharing options...
Dragen Posted March 16, 2009 Share Posted March 16, 2009 Thanks! That only gives a 404 error Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786295 Share on other sites More sharing options...
jackpf Posted March 17, 2009 Share Posted March 17, 2009 Oh yeah...lol. Yeah, you can get the url from the w3 validation page if you really want... Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786597 Share on other sites More sharing options...
Maq Posted March 17, 2009 Share Posted March 17, 2009 Oh yeah...lol. Yeah, you can get the url from the w3 validation page if you really want... Nope, still get a 404 :-\ Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786671 Share on other sites More sharing options...
jackpf Posted March 17, 2009 Share Posted March 17, 2009 Oh, well idk then I give up. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786676 Share on other sites More sharing options...
Maq Posted March 17, 2009 Share Posted March 17, 2009 Oh, well idk then I give up. So do I, sorry Ayon. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786684 Share on other sites More sharing options...
Ayon Posted March 17, 2009 Author Share Posted March 17, 2009 Sorry .. I forgot to update the link in my first post i moved it to www.hardstyledb.com/dev/ ... really sorry bout that :S hopefully you'll be nice and give me a second chance Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786926 Share on other sites More sharing options...
Dragen Posted March 17, 2009 Share Posted March 17, 2009 Okay, the dates on the 'latest news' and numbers on 'page statistics' aren't displaying correctly due to the CSS used. They are all pushed too far down. Also the 'latest artists' box seems to be wider than the others, which I think has pushed the 'latest labels' box out of place as it is right at the bottom of the page and looks a bit odd. Apart from that it looks fine I'm using Firefox by the way. Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786971 Share on other sites More sharing options...
Ayon Posted March 17, 2009 Author Share Posted March 17, 2009 that's so weird.. out of all the ppl I've recived feedback from, you're the 2nd saying that the boxes get's messed up... why is this occuring on only 2 out of maybe 20-30 ppl? Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-786991 Share on other sites More sharing options...
Dragen Posted March 17, 2009 Share Posted March 17, 2009 What browsers have you tested it on? It looks to me as though it's a simple CSS problem where firefox is giving a different result, although it's the same in Opera. Unfortunately I can't check ie at the moment as it's not working :/ Looking very quickly at the css and layout though, you could move the span tags that contain the date to before the news title rather than after. <a href="#" title="News title..."><span style="float:right; padding-right: 8px;">[01-01-2009]</span>News title...</a> Quote Link to comment https://forums.phpfreaks.com/topic/149363-feedback-on-design/#findComment-787036 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.