This is the P2PU Archive. If you want the current site, go to www.p2pu.org!

Web Design 101: Study Group

My recent threads

You haven't posted any discussions yet.

Recently updated threads

Week Three

Go back to: General discussion

Please use this forum space to share your posts about CSS and HTML, and to share links to the webpage files you worked on this week.

More information about this week's tasks are here.

Josh Knox's picture
Josh Knox
Thu, 2010-09-30 13:03

First CSS Test Page
Basic CSS Page
I placed the CSS code under each Styled element.

Justin  Bennett's picture
Justin Bennett
Sat, 2010-10-02 05:10

Hey Josh,

Your CSS looks good. Great start!

The <code> tag might be a better choice for displaying code in your web pages though. From a 'semantic web' perspective, <code> is a better descriptor of the content you want to display. There are some differences in how content is rendered as well - content within <pre> tags will render without any line breaks unless specifically instructed to do so in the html code which could present some challenges for displaying lengthy strings of code.

I haven't found any good references to post yet but I'll keep looking.

Monica Resendes's picture
Monica Resendes
Tue, 2010-10-05 19:41

Josh - I really like this page and find it useful as a beginner with CSS. Having the code directly underneath the visual example is exactly what I need to cement the rules in my head.
I actually think it would be great to compile a bunch of similar pages as a resource or reference source...

gonediscin's picture
gonediscin
Mon, 2010-10-04 02:19

Thanks Josh! I used your page to help measure the size. http://kylerowden.com/study_notes/study_guide.html is my basic CSS page. It is also my A+ notes so if you see anything wrong in there let me know!

Also why am I getting this error repeatedly? ine 33, Column 9: document type does not allow element "UL" here; assuming missing "LI" start-tag

http://validator.w3.org/check?uri=http%3A%2F%2Fkylerowden.com%2Fstudy_no...

Josh Knox's picture
Josh Knox
Mon, 2010-10-04 04:21

Ok I found your error.
You're not nested right. -josh

I fixed it here:
www.cornerstone4him.com/week3/kylespage.htm
(Just view the source and you can read the comments I added where I fixed it.)

and here is the validation:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cornerstone4him.com%2...

gonediscin's picture
gonediscin
Tue, 2010-10-05 01:42

Cool thanks! But fixing that messes up the look of it, it has the bulleted list within it's own bullet

gonediscin's picture
gonediscin
Tue, 2010-10-05 01:44

My second go around with basic CSS. The content was written by a classmate/teacher's assistant/A+ certified friend and I turned it into a webpage. http://kylerowden.com/study_notes/how_to_pass.html

Monica Resendes's picture
Monica Resendes
Tue, 2010-10-05 19:39

hey kyle - nice work! Entertaining :)
I think the only teeny thing I saw was an extra tag? (rather than )
that's the only suggestion I can offer!!

gonediscin's picture
gonediscin
Thu, 2010-10-07 15:06

I just found that tag extra /head>" tag! thank you! bout to change it

Monica Resendes's picture
Monica Resendes
Tue, 2010-10-05 02:04

Here is my week 3 work with some basic CSS:
http://individual.utoronto.ca/monica_resendes/index.html

gonediscin's picture
gonediscin
Tue, 2010-10-05 02:49

I like it overall. I saw your contact, and was wondering if it uses php? and also if I can suggest, that you put your "link header bar", if that is what you call the | home | contact... bar, on every page. It is just easier for navigation. A+++ :)

Monica Resendes's picture
Monica Resendes
Tue, 2010-10-05 03:24

thanks for the good advice!
and no, my comment box doesn't use php, I don't know the first thing about it! I did link it up to a "thank you" page by following the instructions on one of the blog readings - not sure if that works though.