Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Codes for t3 coding challenge artist sketchbook tutorial 3 code3-3_scroll.css Filename: code3-3_scroll. cs */ section#container { width: 900px; height: 370px; margin: 10px auto; position: relative;

Codes for t3 coding challenge artist sketchbook tutorial 3 code3-3_scroll.css

image text in transcribedimage text in transcribedimage text in transcribed
Filename: code3-3_scroll. cs */ section#container { width: 900px; height: 370px; margin: 10px auto; position: relative; top: 30px; left: 0; outline: 2px solid brown; overflow: auto;odespaces: solid orbit] ] Welcome Companion X . Set the width of the element to 900 pixels and the height to 370 pixels. . Horizontally center the element by adding a 10 pixel top/bottom margin and set the left/right margin to auto. . Place the element with relative positioning, setting the top value to 30 pixels and the left value to O pixels. . Add a 2 pixel solid brown outline to the element. . Have the browser automatically display scrollbars for any overflow content. Task 3: Create a style rule for the section element with the id container. Task 4: Create a style rule for every div element, setting the width to 300 pixels and the height to 330 pixels. Position the element with absolute positioning. There are nine div elements with ids ranging from slidel to slide9. Set the left position of the elements in 300 pixel increments starting with 0 pixels for slidel, 0 pixels for slide2, 600 pixels for slide3, and so forth up to 2400 pixels for s 3 platt increments starting with o pixels for slide1, 300 pixels for slide2, 600 pixels for slide3, and so forth up to 2400 pixels for slide9. X Task 5: Display every inline image as a block-level elemos with a width and height of V 300 pixels

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

Mobile Communications

Authors: Jochen Schiller

2nd edition

978-0321123817, 321123816, 978-8131724262

More Books

Students also viewed these Programming questions