HTML & CSS HELP

[TechteamGB]

Hi Guys,

 

I'm not quite sure what sub-forum to post this in but I hope this is ok. Not to long ago we made a new site which is HTML 5 and CSS 3. We started with a template which works perfectly, but since our overhaul of the page it has a few bugs.

 

The site has a mobile/low res version of the css which hides the sidebar and puts it in a openable 'pocket'. The only problem is that since I removed some of the features the sidebar becomes a fullscreen, transparent annoyance...

Does anyone know how to fix this?

 

Please let me know what code you need to see to give me a hand!  The website is http://techteamgb.com

 

Thank you in advance!

[Sneaky]

Add display: none; in those sections for the low res version of the CSS, that will fix it.

[TechteamGB]

Hi sneaky, thanks for the quick reply. I added display: none; to the mobile and narrow css stylesheets under the nav section, is that where it should go?

 

Thanks

[Gofer01]

Hi Guys,

 

I'm not quite sure what sub-forum to post this in but I hope this is ok. Not to long ago we made a new site which is HTML 5 and CSS 3. We started with a template which works perfectly, but since our overhaul of the page it has a few bugs.

 

The site has a mobile/low res version of the css which hides the sidebar and puts it in a openable 'pocket'. The only problem is that since I removed some of the features the sidebar becomes a fullscreen, transparent annoyance...

Does anyone know how to fix this?

 

Please let me know what code you need to see to give me a hand!  The website is http://techteamgb.com

 

Thank you in advance!

Looks like a CSS issue. I saying this without looking at the code

[Gofer01]

Went to the site and open the page in source view and saw eight errors in the header section. It took me approximity 10 seconds to find those errors. There is no property attribute in the meta element. and carset is written differently in HTML 5. The errors are

<meta content="TechteamGB" name="title" /><meta content="www.techteamgb.com" property="og:url" /><meta content="http://techteamgb.com/images/logo.jpg" property="og:image" /><meta content="TechteamGB, The home of all things Tech!" property="og:description" /><meta content="TechteamGB" property="og:site_name" /><meta content="website" property="og:type" /><meta content="en_GB" property="og:type" /><meta content="text/html; charset=utf-8" http-equiv="content-type" />

The header section has two title entries

 

They use HTML 4.01 or XHTML1.0 DOCTYPES  for charset <meta content="text/html; charset=utf-8" http-equiv="content-type" />. The charset should be written in HTML 5 like this

<meta charset="utf-8" />

If this is a pre made template. The person should pick up a book from amazon on the current html rules or go to W3C and read up on current rules. Most likely this person learn HTML in the late 90's and never update his or her skills in HTML

 

Go here to look at meta requirements http://w3schools.com/tags/tag_meta.asp

[TechteamGB]

Hi Gofer! Thanks for taking a look and I changed the meta tag so it says '<meta charset="utf-8" />', but do you know how to fix the CSS problem with the low res/mobile version?

Also, when you say the the errors are

1. <meta content="TechteamGB" name="title" />
2. <meta content="www.techteamgb.com" property="og:url" />
3. <meta content="http://techteamgb.com/images/logo.jpg" property="og:image" />
4. <meta content="TechteamGB, The home of all things Tech!" property="og:description" />
5. <meta content="TechteamGB" property="og:site_name" />
6. <meta content="website" property="og:type" />
7. <meta content="en_GB" property="og:type" />
8. <meta content="text/html; charset=utf-8" http-equiv="content-type" />

what should I change to fix these errors?

Sorry if I sound like a noob to HTML, it's because I am.

 

Thank you for the time and patience already!

[TechteamGB]

P.s you have an amazing system dude! I wish I had a wife as loving as yours to buy all that!

 

 

Case: Obsidian 900D  MOBO: Rampage IV Extreme CPU:  i7-4960X Ivy Bridge-E 3.6GHz  RAM:: Vengeance Pro 32GB  Boot : RAID 0  840 Pro  512GB  Data:  RAID 10 WD Red  2TB PS: Corsair : AX1200 GPU:  ASUS  GTX-780 Ti

Birthday Gift from my wife - She made me order it and built it :-)