CSS/HTML annoyance.

Number_25 said:
How much would it take for me to get to work across all platforms?

I am aware that different web browsers are all different in the way they view webpages.
Click to expand...

You have your external CSS in your html file...

mind-blown.jpg



Well for starters put the CSS in another file and link it to your HTML.
Generally all code will work in modern browsers, but sites should go back to IE8.

Just make different CSS docs for the other browsers which aren't playing ball, generally just a few tweaks here and there.

Detect different browsers using an if statement in the head of the HTML.


Also, sort the code out, you haven't even indented code, let alone declared a doc type.


Also, you may want to put a comment in your code that you ripped the navigation bar off, from someone else's work, or you could get a big fat fail :P

O0M5f.png
 
Last edited:
Oh - by the way. I'm sure you think we're all kind of harsh. But this is what it's like when you link bad code up on a website, people are ruthless because the need for standards are much greater now and failing at the first step IE declaring your HTML document and a Doctype are some of the worst basic errors.

Two years time if you're still in to it, chances are you will look back on this with humour and shame.
 
Throrik said:
Oh - by the way. I'm sure you think we're all kind of harsh. But this is what it's like when you link bad code up on a website, people are ruthless because the need for standards are much greater now and failing at the first step IE declaring your HTML document and a Doctype are some of the worst basic errors.

Two years time if you're still in to it, chances are you will look back on this with humour and shame.
Click to expand...

Well I'm doing Computer Science in University in September and I'm probably going to keep going on this throughout the next few months.
 
Understandable that this is your first attempt but you must start how you wish to go on and the very first step in any web page is to declare your doctype, embedded style is fine for testing but you really shouldn't be having compat issues so soon on such a basic piece of mark-up, strongly recommend you read up on some basics if you wish to get more involved in this area.

edit: for testing adobe browser lab is a free online resource for browser screen caps, look up ie tester if you want faster access to old ie versions for interactive testing.
 
Last edited:
I was like you once, hacking at HTML. Then during my software engineering degree I did a web development module, which had a major requirement to make sure everything was validated: XHTML 1.0, CSS and Javascript at the time, plus I did some accessibility work for extra marks. Opened my eyes up to the way things should be done.

Use these to help with making your site standards compliant. It takes a bit to understand it, but once you get the hang of it you'll find your code is so much easier to write and read in future:

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
http://www.jslint.com/

For HTML 5 (I've only just started to use this now) use http://html5.validator.nu/
 
Yeah, don't use HTML 5 tags in XHTML 1.1 code.

In XHTML you'd have to use a flash video and embed/param. XHTML isn't happy because your video tag doesn't have either a </video> or /> ending the opening video tag.

Much improved compared to the original link though.
 
You must log in or register to reply here.
Back
Top Bottom