Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Use 2- and 3-column layouts In this exercise, youll enhance the formatting of a home page so it uses a 2-column layout. Then, youll add

Use 2- and 3-column layouts In this exercise, youll enhance the formatting of a home page so it uses a 2-column layout. Then, youll add a third column with new content to the page. Submit the zipped project folder and screenshots of the 2 html files ( 2 column and 3 column) running in the browser

Specifications for the 2-column layout Float the aside in the main element to a sidebar thats displayed to the left of the section.image text in transcribed

The width of the sidebar should be 245px. Be sure to clear the footer so its not displayed below the list. Adjust the margins and padding for the sidebar and section as necessary. (Note: because the unordered list is given some left padding by default, you dont need to apply any additional margin or padding to it.) Change the color of the h2 heading in the sidebar so its the same as the color of the h3 headings in the section.

Specifications for the 3-column layout

image text in transcribed

To create the 3-column home page, you can copy the index.html page you just completed and rename it index_3_column.html. Then, you can copy the main.css file and rename it main_3_column.css

Modify the link element for the style sheet in the 3-column home page so it refers to the new style sheet.

Move the existing sidebar before the section in the HTML, and assign an id to this sidebar. Then, modify the CSS so it refers to the sidebar by this id.

Add another sidebar after the section, and add the content shown above to this sidebar. Youll find this content in the prepare.txt file in the text folder. Be sure to assign an id to this sidebar so you can use it to refer to the sidebar in the CSS. Then, format the sidebar as shown above.

Increase the width of the page to 1200px. Then, set the widths and spacing for the section and two sidebars and the floating for the new sidebar so the page appears as shown above.

The file name will be main_3_column and index_3_column.

Please show me a code with no errors

all i need is import images for the link..for the header, and it needs to look exactly like the pictures.

Aclditional resources Get ready to Shape Upl - Physical activity and How many times have you started a new workout routine or dier? And how nealen many simes has if tailed to give you the resuls you wan? Now, with the help of - Stretching emercisen this slite. you can learm about the exere ises and diet that wonk best for you. We - Strength training omer personalzeed programs as wein as access bo severat heanth and dieting - Cardiovasedar vainiod hoois so dont waill Get started looking and feekng better today - roga workout As fitress expert Amanda Russell said Fitriess is about so much more than exercise. It's a catalyst for posive change, and it amects every aspect of your mo What we offer Build strone muscles Tired of being tired? strength training can help you manage or lose weight and increase your metabotsm to hetp you burn more cabories. it can atso inctease bone density and reduce the nsk or osteoporoses. Cet your heart rate up Want to lose weight? Cardiovascular exercise Dums calories and improves overall feath. is can reduce bealy fat, promote brain growth. prevent stress, and neip you nocus Relax Stressed out? Stress can weaken the immune syatem and cause high blood pressure, fatigue, depression, anxiety, and even heart disease, Leam ways to manage and reduce stress Eat what's right for you Are you neaily what you ear? Lone weight, pain weight. or just feel greatt Mainfaining a tieathy diet is probably the most important thing you can do to promose overail heain. Additional resources. - Eirrazar makrifir and - Hirnechifie nserebiss - Hesingtis lirairman + Connerancuter iraining + Yoga moriual

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Conceptual Database Design An Entity Relationship Approach

Authors: Carol Batini, Stefano Ceri, Shamkant B. Navathe

1st Edition

0805302441, 978-0805302448

More Books

Students also viewed these Databases questions

Question

How is the NDAA used to shape defense policies indirectly?

Answered: 1 week ago