MG1878

Other than using Wix 🤮, I must admit I was surprised to see that your website is not responsive, despite the fact that you offer this service yourself - " We create responsive websites customised to your business..."

I agree, the grey (whilst looking ad-like) is less obtrusive than the orange version. That wouldn't be hard though. But, that being said, I understand your particular concerns, Grant. I do not believe it needs jazzing up as it is a reference for anyone looking to find something once on the site - but that is not your primary content (which you want the visitor to look at) on the page. If you wanted to add some colour, why not highlight your headings such as "COMPUTERS" and "WINDOWS" in the orange that you have used?

Wow! As much as I resent it, you need something like WordPress. Plenty of tutorials online I am extremely confident of that fact.

The fact your manager is concerned about that browser is enough of a concern, really. It created uproar in my day job where a release of an ordering system went out and many users couldn't see a fairly fundamental function (a date picker) due to the fact their company pretty much states that they must use IE8. It has been redeveloped now in such a way that users of IE8 and even IE7 can view the date picker. I think it is just interesting to actually understand how many people still use those versions of that browser.

Or: { margin: 0 auto; }

Your <header> element is set to 100% width and when scaled down in terms of screen size, that element is still 100% wide. It is the elements contained within that need the attention - your logo and navigation here. You can see the navigation breaks onto a second line (on a smaller screen). You have set your <header> element to be 129px high, remove this, this is not neccesary. You can tweak the code to get the desired height by adding some padding to the top and bottom of this element Now, the way (when viewed on smaller screens) the navigation seems to float on top of your logo is due to the fact that on the <ul> element, you have set the position: absolute, maybe change this to position: relative so that it sits right in relation to that element. Let us know how you get on.

Unless I am missing something really obvious, you have no media queries other than the standard setup. Nothing for screens 480px down etc? Have you looked into anything like this?

Answer to the question set out in the thread title? Consider yourself very fortunate That is a top domain name considering these big companies/dealers who snap them up whilst still in the virtual womb. Bravo!

The above is a very good shout (let us know the outcome), also, you have some code that isn't correctly nested/closed. <td height="106"><a name="home" /><h1>HOTELIERS SHOUT OUT!</h1></td> If "HOTELIERS SHOUT OUT!" is to the link for the <a> tag named "home" then you need to remove the "/" from "<a name="home" />" and add a "</a>" after "HOTELIERS SHOUT OUT" so it would appear: <td height="106"><a name="home"><h1>HOTELIERS SHOUT OUT!</h1></a></td> Viewing the Page Source typically would highlight these small errors. And yeah, as BlueDreamer alluded to, what is your reason for NOT wanting to use semantic markup? Just intrigued to gain some insights as to your opinion on this.

I like the design. Something I would do is to add some kind of hover change state such as a darker shade of the colour etc, just so someone knows that by clicking what they are hovering over, then that will take them somewhere. I guess there is the pointer finger but not everyone would put 2 and 2 together. Just something small in my opinion. I don't like the generic footer, looks too similar to so many other sites out there. I would remove the Wordpress text from your <title> tags on the Blog page, though it's up to you. <title> Blog :: Pixel Coder :: Just another WordPress site</title> I am maybe beginning to sound like a broken record but the fact that it is designed in Wordpress is a -1 from me but hey, that's just my opinion, again!

I had tried using the Firefox Web Developer Toolbar to 'Edit the CSS' but as it is in your actual .html page and not the .css file (unless I am missing something), it won't allow me to make the changes in real time to know for sure.

It is (I believe) due to the padding you have added to the actual element .cols-content-td. Maybe try either adding padding-left or margin-left to the <h3> and <p> tags and see how that goes?

A link to your site? Or some code to inspect? (Assuming it's not mpl.gg, which doesn't appear to be responsive at all).

In my opinion - the orange gap between the "New Business Deals" and your footer (I assume) looks too wide. Apart from that, it looks OK. Flat design does make you feel like you have done half the job but think of the time spent by designers adding drop-shadows, rounded corner, gradients etc.

I have never heard of Inkscape but it could prove to be very useful indeed. Thanks for the tip