Web Hosting, Design, & Coding forum

Question

Web design question for beginner

by Drunker2013 / April 24, 2013 5:15 AM PDT

Can anyone help me to define the followings? Please explain to me in details. Many thanks!

1) Identify the different parts of the style: selector, declaration, class, context where the style is used.

table td .content {
font-size:13px;
padding: 10px 5px 5px 20px;
background-color:#FBF0FA;
}

2) Based on the given code, describe how rectangle.gif will be positioned within the Web page.

<img src="rectangle.gif"
style="position:absolute;left:120px;top:80px;z-index:2;">
<img src="square.gif"
style="position:absolute;left:120px;top:100px;z-index:1;">

The image rectangle.gif has a height of 150 pixels and width of 100 pixels, and each side of square.gif has a length of 75 pixels.

3) Based on the given code, describe how the text "Winner of the 2013 Web Design Award" will
be displayed within the web page.

<div id="title1"
style="position:absolute;left:100px;top:1.5em;font-size:18pt;">The
Joy of Web Design
<SPAN style="position:relative; left: 25px; top:
3em;font-size:14pt;">Winner of the 2013 Web Design Award</SPAN>
</div>

Discussion is locked
You are posting a reply to: Web design question for beginner
The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our CNET Forums policies for details. All submitted content is subject to our Terms of Use.
Track this discussion and email me when there are updates

If you're asking for technical help, please be sure to include all your system info, including operating system, model number, and any other specifics related to the problem. Also please exercise your best judgment when posting in the forums--revealing personal information such as your e-mail address, telephone number, and address is not recommended.

You are reporting the following post: Web design question for beginner
This post has been flagged and will be reviewed by our staff. Thank you for helping us maintain CNET's great community.
Sorry, there was a problem flagging this post. Please try again now or at a later time.
If you believe this post is offensive or violates the CNET Forums' Usage policies, you can report it below (this will not automatically remove the post). Once reported, our moderators will be notified and the post will be reviewed.
Popular Forums
icon
Computer Help 49,613 discussions
icon
Computer Newbies 10,349 discussions
icon
Laptops 19,436 discussions
icon
Security 30,426 discussions
icon
TVs & Home Theaters 20,308 discussions
icon
Windows 10 360 discussions
icon
Phones 15,802 discussions
icon
Windows 7 7,351 discussions
icon
Networking & Wireless 14,641 discussions

Tech explained

Do you know what an OLED TV is?

CNET explains how OLED technology differs from regular TVs, and what you need to know to make the right shopping decision.