Loading...

Messages

Proposals

Stuck in your homework and missing deadline? Get urgent help in $10/Page with 24 hours deadline

Get Urgent Writing Help In Your Essays, Assignments, Homeworks, Dissertation, Thesis Or Coursework & Achieve A+ Grades.

Privacy Guaranteed - 100% Plagiarism Free Writing - Free Turnitin Report - Professional And Experienced Writers - 24/7 Online Support

Tutorial 3 case problem 1 html

14/10/2021 Client: muhammad11 Deadline: 2 Day

New Perspectives On HTML5 And CSS3, 7th Edition - Tutorial 3 - Case Problem 1

Complete the following:

1. Using your editor, open the sp_home_txt.html and sp_layout_txt.css files from the html03 > case1 folder. Enter your name and the date in the comment section of each file, and save them as sp_home.html and sp_layout.css respectively.

2. Go to the sp_home.html file in your editor. Within the document head, create links to the sp_base.css, sp_styles.css, and sp_layout.css style sheet files. Study the content and structure of the file and then save your changes to the document.

3. Go to the sp_layout.css file in your editor. Go to the Window and Body Styles section. Create a style rule for the html element that sets the height of the browser window at 100%.

4. Create a style rule for the page body that sets the width to 95% of the browser window ranging

from 640 pixels up to 960 pixels. Horizontally center the page body within the browser window.

Finally, Karen wants to ensure that the height of the page body is always at least as high as the

browser window itself. Set the minimum height of the browser window to 100%.

5. Create a style rule to apply the Border Box model to all header, ul, nav, li, and a elements in

the document.

6. Go to the Row Styles section. Karen has placed all elements that should be treated as grid rows

in the row class. For every element of the row class, create a style rule that expands the element

to cover any floating content within the element. (Hint: Use the technique shown in the tutorial

that employs the after pseudo-element.)

7. Go to the Page Header Styles section. In this section, you will create styles for the content of

the body header. Create a style rule for the logo image within the body header that displays the

image as a block with a width of 70% of the header, floated on the left margin.

8. The header also contains a navigation list that Karen wants to display vertically. Create a style

rule for the nav element within the body header that: a) floats the navigation list on the left,

b) sets the size of the left and right padding to 2%, and c) sets the width of the navigation list

to 30% of the width of the header.

9. The hypertext links in the navigation list should be displayed as blocks. Create a style rule for every a

element in the header navigation list that displays the element as a block with a width of 100%.

10. Go to the Horizontal Navigation List Styles section. Karen has added a second navigation list that

she wants to display horizontally. For all list items within the horizontal navigation list, create a

style rule that displays the items as blocks with a width of 12.5% floated on the left margin.

11. Go to the Topics Styles section. This section sets the styles for a list of four topics describing what

the company is offering. Karen wants this list to also be displayed horizontally on the page. For

list items within the ul element with the id topics, create a style rule to: a) display the items as

blocks with a width of 20%, b) float the items on the left margin, and c) set the size of the left

margin space to 0% and the right margin space to 1.5%.

12. Karen wants the topics list to be well away from the left and right edges of the page body. In the

same section, create a rule that sets the size of the left margin of the first item in the topics list to

7.75% and sets the right margin of the last item to 7.75%.

13. In the same section, create a rule that displays the image within each list item in the topics list as

a block with a width of 50% and centered within the list item block. (Hint: Set the left and right

margins to auto.)

14. Go to the HR Styles section. The hr element is used to display a horizontal divider between

sections of the page. Add a style rule that sets the width of the hr element to 50%.

15. Go to the Customer Comment Styles section. In this section, you will create style rules for the

customer comments displayed near the bottom of the page. For the ul element with the id

comments, create a style rule that sets the width to 75% and centers the element by setting the

top/bottom margin to 40 pixels and the left/right margin to auto.

16. Karen wants the list items to appear in two columns on the page. In the same section, create a

style rule for every list item in the comments list that: a) displays the item as a block with a width

of 50% floated on the left and b) sets the size of the bottom margin to 30 pixels.

17. Every customer comment is accompanied by an image of the student. Karen wants these

images displayed to the left of the comment. Create a style rule to display the image within

each comment list item as a block with a width of 20%, floated on the left, and with a left/right

margin of 5%.

18. Create a style rule for every paragraph nested within a customer list item that floats the

paragraph on the left margin with a width of 70%.

19. Go to the Footer Styles section and create a style rule that displays the footer only when both

margins are clear of floating objects.

20. Save your changes to the file and then open the sp_home.html file in your browser. Verify that

the layout and appearance of the page elements resemble that shown in Figure 3-66

Homework is Completed By:

Writer Writer Name Amount Client Comments & Rating
Instant Homework Helper

ONLINE

Instant Homework Helper

$36

She helped me in last minute in a very reasonable price. She is a lifesaver, I got A+ grade in my homework, I will surely hire her again for my next assignments, Thumbs Up!

Order & Get This Solution Within 3 Hours in $25/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 3 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

Order & Get This Solution Within 6 Hours in $20/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 6 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

Order & Get This Solution Within 12 Hours in $15/Page

Custom Original Solution And Get A+ Grades

  • 100% Plagiarism Free
  • Proper APA/MLA/Harvard Referencing
  • Delivery in 12 Hours After Placing Order
  • Free Turnitin Report
  • Unlimited Revisions
  • Privacy Guaranteed

6 writers have sent their proposals to do this homework:

Academic Master
Engineering Help
Financial Hub
Financial Solutions Provider
Math Exam Success
Study Master
Writer Writer Name Offer Chat
Academic Master

ONLINE

Academic Master

I reckon that I can perfectly carry this project for you! I am a research writer and have been writing academic papers, business reports, plans, literature review, reports and others for the past 1 decade.

$40 Chat With Writer
Engineering Help

ONLINE

Engineering Help

As per my knowledge I can assist you in writing a perfect Planning, Marketing Research, Business Pitches, Business Proposals, Business Feasibility Reports and Content within your given deadline and budget.

$15 Chat With Writer
Financial Hub

ONLINE

Financial Hub

This project is my strength and I can fulfill your requirements properly within your given deadline. I always give plagiarism-free work to my clients at very competitive prices.

$38 Chat With Writer
Financial Solutions Provider

ONLINE

Financial Solutions Provider

I have read your project details and I can provide you QUALITY WORK within your given timeline and budget.

$50 Chat With Writer
Math Exam Success

ONLINE

Math Exam Success

I can assist you in plagiarism free writing as I have already done several related projects of writing. I have a master qualification with 5 years’ experience in; Essay Writing, Case Study Writing, Report Writing.

$47 Chat With Writer
Study Master

ONLINE

Study Master

I am an experienced researcher here with master education. After reading your posting, I feel, you need an expert research writer to complete your project.Thank You

$28 Chat With Writer

Let our expert academic writers to help you in achieving a+ grades in your homework, assignment, quiz or exam.

Similar Homework Questions

Muslim Molvi 7340613399 OnLine No 1 FaMOUs VashIKaraN sPecIaLIsT IN Rajahmundry - Data driven decision making wgu - Sodium hydroxide lewis dot structure - Organ Leader - Assignment TAM - CIFAS6 - Asrs teacher ratings - Thirty year treasury bond rate - Midnight time 24 hour clock - Code name verity cliff notes - Sunrise model by madeleine leininger - Odds of winning ring toss game - Biogeochemical cycles stations activity - Conventions of a feature article - Case tools are mainly used during the ____ phase of the sdlc. - Reaction of potassium iodide with silver nitrate - Difference between radio and television news - Learning curve in project management - Assignment 9/7/20 2 - Caterpillar tunneling revitalizing user adoption of business intelligence - What happened to bruno's family after he died - Weeks 4 & 5 - Difference between rococo and neoclassical - Recruitment selection and orientation - Discussion 8 - Alternate entry master of science in nursing ae msn - Electronic configuration of ba - Document on marketing business strategy. needs reworking - Soc 515- topic 4 paper - Simon axworthy rio tinto - My daily walk bible - Managerial Economics - Reflection, Discussion and Assignment - A material with a wider hysteresis loop has - Sternberg's balance theory of wisdom - Richard taylor the meaning of life - Dictionary data structure in java - Go fund me for samantha josephson - I understand why stars twinkle hogan - Why are birds eye view shots used - Phonetic symbols for the words quay and queue - How do most sessile and burrowing mollusks obtain food - Module 11 Assignment - Linkers & Loaders - Research and writing del 3 - Fbga part marking decoder - The postmortal drew magary pdf - Triage assessment form crisis intervention - Aligned learning activities and differentiation elm 210 - What is plan of record - 5-0-5 agility test results - Alibaba case analysis - Caregiver medical consent form - Paper - Naati professional development logbook - Bingo bugle september 2019 - Mat 510 final exam - C11 Week 5 Discussion - Pbs nova cyber lab - Add a total row to this table and display the maximum value for the total spent column - Why did brutus betray caesar - Is lsd a hallucinogen stimulant or depressant - Mechanic shop business plan pdf - Explain how wheeled coach implements abc analysis - CST studio simple design with all instructions - Ionic equation for cocl2 na2co3 - Government accounting system in bangladesh - Barras bridge family court - This is america music video review - Option for the poor and vulnerable - Aumentar memoria virtual windows 10 - Miniclip word search games - Accented neutral interior design - Atlas metal spinning wok - Integrated marketing communication essay questions - Lattice enthalpy of formation - Examples of perception checking statements - Product design technology vcaa - Power consumption in star and delta connection - Lse behavioural science masters - Admissions comsats edu pk - Merck ivermectin case - CASES CASE 35 CIRQUE DU SOLEIL* The founder of Cirque du Soleil, Guy Laliberté, after see- ing the firm’s growth prospects wane in recent years, was thinking about expanding his firm in new directions. For three decades, the firm had reinvented and revolutionized the circus. From its beginning in 1984, Cirque de Soleil had thrilled over 150 million spectators with a novel show concept that was as original as it was nontraditional: an astonishing theatrical blend of circus acts and street enter- tainment, wrapped up in spectacular costumes and fairy- land sets and staged to spellbinding music and magical lighting. Cirque du Soleil’s business triumphs mirrored its high- flying aerial stunts, and it became a case study for business school journal articles on carving out unique markets. But following a recent bleak outlook report from a consultant, a spate of poorly received shows over the last few years, and a decline in profits, executives at Cirque said they were now restructuring a - Century 21 accounting chapter 15 mastery problem answers - Chocolate bar riddle quiz - What is an integrative literature review - Baba quotes kite runner - Cp 1 cp tester course manual - Assessment 2 – Cost and Quality Management Plans (2 parts) - Celia a slave summary by chapter - Tim burton female characters - Human Resources Management 9 - Essay for English - What is little's law in operations management - BA ONLY - Leaders - I need 500 words on instruction. - Discussion art film - I need a paper typed ASAP - Issa case study steve - Interesting facts about s.e hinton - Css225 part2 - Wk 4, HCS 430: Laws and Regulations in Health Care