Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by georgef
georgef
3,614 Points

HTML & CSS Test

I was browsing craigslist last night and found a job ad for someone to edit emails and webpages using html and CSS. The employer asks the potential employee to click on a link directing them to a plain text webpage and style the page within 15 minutes to see if they are qualified for the position. The instructions are on the test page. I thought people on here would like to take the test for themselves to see how well they do, and maybe even apply for the position.

Here is the URL for the craigslist job ad: http://phoenix.craigslist.org/nph/web/3847663883.html

and here is the URL for the test page: http://4mostllc.com/test.html

I thought it was interesting that whoever created the test page use tables to structure the content. They also use tables on their homepage.

2 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

They mention "email blasts", html emails are usually done in tables so there's that ...

georgef
georgef
3,614 Points

Your right...the teacher mentioned that in the html table's video.

garylaw
garylaw
14,632 Points
garylaw
garylaw
14,632 Points

hey guys, there is my answer to the test:

You may also reference to my codepen: http://codepen.io/marcolaw/pen/cHqtn

h2+p+p+p+ul>li{
    margin-bottom: 15px;
}

h2+p+p+p+ul>li:nth-child(3){
    font-weight: bold;
}

h2+p+p+p+ul>li:nth-child(4){
    text-decoration: underline;
    color: blue;
}


h4 {
    color: green;
}

html {
    font-family: Arial;
}

h2+p+p+p+ul>li:nth-child(7):after {
    content: url(pdf.png);
    display: block;
    text-align: center;

}

center > table {
    background-color: #77c4d3;
}

h2 {
    color: red;
    font-size: 32px;
}
georgef
georgef
3,614 Points

Thanks for posting! The only problem I had was centering the image. My first solution was to use the img tag in between a p tag and use the attribute align with the p tag. I soon after found out HTML 5 no longer supports the align attribute, so I wrapped the img tag in a div and used the text-align:center; statement. Not sure it matters, because I think the person who designed the test used table's to create the structure on the company homepage.