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

Html and css tutorial 7 case 1

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

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:

Fatimah Syeda
Coursework Helper
Quality Homework Helper
Coursework Assignment Help
Accounting Homework Help
Top Quality Assignments
Writer Writer Name Offer Chat
Fatimah Syeda

ONLINE

Fatimah Syeda

I am a professional and experienced writer and I have written research reports, proposals, essays, thesis and dissertations on a variety of topics.

$49 Chat With Writer
Coursework Helper

ONLINE

Coursework Helper

I have done dissertations, thesis, reports related to these topics, and I cover all the CHAPTERS accordingly and provide proper updates on the project.

$33 Chat With Writer
Quality Homework Helper

ONLINE

Quality Homework Helper

I am an academic and research writer with having an MBA degree in business and finance. I have written many business reports on several topics and am well aware of all academic referencing styles.

$18 Chat With Writer
Coursework Assignment Help

ONLINE

Coursework Assignment Help

I have written research reports, assignments, thesis, research proposals, and dissertations for different level students and on different subjects.

$16 Chat With Writer
Accounting Homework Help

ONLINE

Accounting Homework Help

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

$20 Chat With Writer
Top Quality Assignments

ONLINE

Top Quality Assignments

I will be delighted to work on your project. As an experienced writer, I can provide you top quality, well researched, concise and error-free work within your provided deadline at very reasonable prices.

$41 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

Individual Learning Project - American history a survey mcgraw hill - Organizational structure - Charles tyrwhitt 3 for 99 2018 - Costco core competencies - Drawing on the right side of the brain - Week 4 individua; - Multidomestic strategy pros and cons - Abstract algebra a first course 2nd edition by dan saracino - Inferential Statistics(dissertation) - Duke university campus life - Funk roberts circuit workout - First four lines of maya angelou's inauguration poem - Vornado 733 harvey norman - Attachment theory and social work values - Easy English homework - NURSING: EVIDENCED-BASED PRACTICE PROJECT - The secret to efficient teamwork is ridiculously simple - Calorimetry and hess's law - Then map the data layer information to your remarketing tag - Ethical concerns electroshock therapy - The murder city devils in san francisco slim's december 31 - High pitched blowing systolic murmur - What constitutes meaningful compensation for an organ donor - Macewan conference & event centre - Week 2 Discussion: Religion and Ethics - David sedaris tickets state theatre of ithaca april 5 - A submarine left hawaii - Minimum insulation resistance value for motors - Ata paint technician online test - A graph showing wave displacement versus position at a specific instant of time is called a - Board of engineers malaysia scale of fees - Nurse as knowledge worker infographic - Wgu c229 time log obesity - Which of the following statements about insulin effects is correct - Wingate company a wholesale distributor - Essay Assignment - Isbn 978 1 259 42047 4 - Cultural influences on training and development - Brimington crematorium funerals today - Alice walker thesis statement - I can depend on god rev charles nicks lyrics - College of nursing university of saskatchewan - Http www tenement org research html - Bread making lab report - Stemco crewson slack adjuster - Broadford secondary college website - Scientific management theory ppt - Frm exam admission ticket - 58 oswald street invermay - Nestle tuna carbonara recipe - Examples of variable costs in healthcare - Psychology - Asthma exacerbation soap note - Mba 503 milestone 2 - Wwnorton com studyspace give me liberty - Limit laws of sequences - Thorndike stimulus response theory - Challenges with realising aspirations of the common good - As noted in your text global segmentation targeting - 6 gleno court cardigan - Sinusoidal function word problems examples - Maroubra bay public schoolmaroubra bay public school - What is an appeal letter - Adverse possession application fee - Adding scalar multiples of vectors graphically mastering physics - P2121 throttle/pedal position sensor/switch d circuit range/performance - Map application process of arapu - A critical assessment of business model research - Center tapped transformer full wave rectifier - Reference page activity - Week 8 E-Commerce and E-Business - Where in the World Is Evidence-Based Practice? - A history of korea kyung moon hwang pdf - Mills 3 questions sociological imagination - Please select topic - The exodus people crossword - Amalgamated instrument co pty ltd - Pipe welding method statement - Philosophy Plato - Is fizzing a chemical change - Seven myths of the spanish conquest sparknotes - Aaron beck automatic thoughts - Concrete roof tiles nz - Putnam corporation had these transactions during 2014. - Northwood community primary school - Analyzing pro forma statements xyz company - Poe shock and horror - Capstone Research Companion - Chlorine dioxide which is produced by the reaction - Human survivorship curve - West oaks school meanwood - Nurse esther listens to ms lieberman's abdomen - Informatics - Which css property can be used to configure italic text? - In this unit you will submit your final research paper - Vocabulary - Raj rajaratnam clorox - A discussion hw - Create a list of stakeholders for the ir planning committee