Here it is --code is validated.
This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.
Lets put together the knowledge of HTML that we have gained so far. For this task, use the previous tasks as a fundation to construct a personal resume using HTML. Your resume or bio page should contain most or all of the following elements:
Optional tags include:
Once your page is complete, be sure to check your markup using the W3C Markup Validation Tool.
Post a link to your validated HTML page on the discussion area for this task.
Be sure to give feedback to fellow learners so that we can learn from each other
Here it is --code is validated.
It is a little rough. Only used a few things that have not been covered yet. This exercise helped me get more familiar with HTML5 and CSS.
Here is a link to the validation:
It shows a couple of errors, but they seem to be caused by some anlalytics code put in there by my website hosting company.
Here's a link to the validation: http://validator.w3.org/check?uri=http%3A%2F%2Fhtmlpad.org%2FBioPage%2F
Here's a link to the bio page: http://htmlpad.org/BioPage/
If anyone could give me any advice on centering the bullets and the picture, that would be great. For the bullets, I tried "text-align: center;", and for the picture, I tried "text-align: center;", which I figured would be wrong.
Aqui mi trabajo:
Curriculum Acordeón ( un poquito de JavaScrpipt)
Ok... So after a bit of struggles muggles I have finished it, a resume for imaginary person - John Doe... Check it out and tell me what you think:
P.S. I have checked it also through W3C Markup Validator and it seems it validates as HTML5... Nice!
I want to add just a small comment though. The small box on the left hand side is chopped off a bit on the right. I attached a screenshot of your page:
(I use Firefox 8.0.)
For some reason I am not able to access your screenshot http://dl.dropbox.com/u/49688808/vita.png, however I checked the page on FF8 but didn't find any error, can you please check the Dropbox and post the screenshot again?
I deleted it from my dropbox, because I'm running very low on memory space on my pc. I have to re-partition my laptop to make more room. The other day I was cleaning up my system in an attempt to create more memory space and deleted many files (a couple of thousands) accidentaly. My system is running without any trouble so far, but I lost most of my html files. I should have made a backup copy...
Anyway, here's the screenshot:
I am really sorry to hear about your lost files, I can imagine how frustraiting it can be at times and good luck with making the backup in the future...
Anyway, thank you for your feedback and screenshot, it was really helpful coz I don't have none of the Linux OS to check my work on. At the beginning I was quite confused not being able to understand what was the error until I realized a simple thing - the box on the top left corner is actualy a simple table, and simple table is as wide as is the text inside it. The font on your screenshot looks bolder and that means it takes more space, and that means that the table is streched a bit wider. So, what I did... I just made the whole page a bit wider to leave more space for the table, so sily. Maybe I could find another solution without changing the whole page, but I am not a very big fan of tables and not using them so often, in this case wanted to play a bit and look where it got me...
Thanks Demian, I hope you'll check my page again and give me your feedback one more time, I will appreciate it..!!!
Your new page looks good; no overwrapping. I'm not an experienced web developer, so my knowledge is very limited, but the easiest way to ensure that a web page works for all browsers, I think, is to use the flexible box model (setting width 100%). For example, in your case, you can put the education, additional knowledge, and languages in a flexible box floating on the right side, and all stuff on the left you can put it in another box (fixed). I think that the fixed box model is going to be outdated, and that flexible box model will become mainstream eventually.
You are taking CSS Bliss & Beyond, aren't you? They have a list of really good sites for CSS3 and updates. If you haven't checked them out, I want to encourage you to do so. The flexible box model is one of the newest stuff that was introduced this year.
In any case, I hope seasoned web coders in this course would give you better advise.