Open the code6-3_columns.css file and create a style rule for the article element to display the contents in a 3 column layout with a minimum column width of 350 pixels, separate the columns with a 5 pixel border in the ridge style and using the color value rgb(231, 231, 231), and set the space between the columns to 20 pixels.

Open the code6-3_columns.css file and create a style rule for the article element to display the contents in a 3 column layout with a minimum column width of 350 pixels, separate the columns with a 5 pixel border in the ridge style and using the color value rgb(231, 231, 231), and set the space between the columns to 20 pixels.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter6: Working With Tables And Columns: Creating A Program Schedule For A Radio Station

Section: Chapter Questions

Problem 22CP3

See similar textbooks

Similar questions

Open the code4-2_grad.css file. Create a style rule for the article element that adds a black inset box shadow with a horizontal and vertical offset of 0 pixels, a blur radius of 50 pixels and a size of 20 pixels.
CSS question Add another div element to the web form containing the following code: Insert an input element to create an option button for the orderType field with the ID delivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the text Delivery. Add an input element to create a second option button for the orderType field with the ID pickup, followed by a label associated with the pickup control containing the text Pickup.
Use the styles.css file to create style rules to design the table as shown in Figure 8–68. The table uses the following hexadecimal color codes: ffe5dc (body background-color), fd4d0c (table border color), 792101 (box shadow color), a22c02 (table data border color), fe9772 (odd rows background color). Apply a box shadow to the table and a sans-serif font to the page
Create a style rule for the section element with the id "sub" that displays that element as a grid consisting of three columns of equal width by repeating the column width 1fr three times.
In the styles.css file, add the ul selector to the CSS reset style rule. Remove the declaration for the margin property in the nav ul style rule. Modify the nav li style rule by changing the display value to block and add a top border that specifies a solid border width of 0.5px with the color value #f6eee4. My CSS nav li { display: block; font-size: 1.5em; font-family: Geneva, Arial, sans-serif; font-weight: bold; border-top: solid border;
Go to the cw_home.html and cw_styles.css files and enter your name and the date in the comment section of each file. In cw_styles.css file and at the top of the file, use the @import rule to import the contents of the cw_designs.css file, which contains several style rules that format the appearance of different page elements. Go to the cw_home.html file and within the document head, insert a meta element that sets the browser viewport for use with mobile devices. Also, create links to cw_reset.css and cw_styles.css style sheets. Take some time to study the contents and structure of the document.
In the styles.css file, add the section, aside, figure, and figcaption elements to the CSS reset. Below the img style rule, add the following comment and style rule: /* Style rule for box sizing applies to all elements */ * { box-sizing: border-box; } Create a style rule for the aside element within the mobile viewport and include the following declarations: text-align: center; font-size: 1.5em; font-weight: bold; color: #373684; text-shadow: 3px 3px 10px #8280cb; Create a style rule for the figure element within the mobile viewport, and include the following declarations: position: relative; max-width: 275px; margin: 2% auto; border: 8px solid #373684; Create a style rule for the figcaption element within the mobile viewport, and include the following declarations: position: absolute; bottom: 0; background: rgba(55, 54, 132, 0.7); color: #fff; width: 100%; padding: 5% 0; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 1.5em; font-weight:…
CSS question Scroll down to the section element and, directly after the initial paragraph, insert a form element that employs the action at the fictional address http://www.example.com/redball/customer using the post method. Within the form element, insert a div element that encloses a label with the text Name* associated with the nameBox control. Also, within the divelement, add an input text box with the ID nameBox, field name custName, and placeholder text First and Last Name. Make custName a required field. (Hint: To make a field required, add the required attribute to the corresponding control element e.g. <input ... required>)
Write the HTML for an article element that includes: • an h2 element • a paragraph element the iframe code provided by Google Maps for the location of the Eiffel Tower (Paris, France). Add a descriptive title in the iframe's HTML so that screen readers can read out what the content of the iframe is. Add CSS to the iframe's inline style to make the iframe width 100% of its parent element's width. Write the CSS styles needed to: Give the article element a coloured border and a width of 350px; Give the h2 and the p elements a margin of 32px.
Go to the Blockquote Styles section. Amy has included three sample reviews from users of the Save your Fork website. Amy wants the text of these reviews to appear within the image of a speech bubble. For every blockquote element, create a style rule that does the following: a) sets the background image to the sf_speech.png with no repeat and a horizontal and vertical size of 100% to cover the entire block quote (Hint: use property background-size: 100% 100%; ) b) uses the drop-shadow filter to add a drop shadow around the speech bubble with horizontal and vertical offsets of 5 pixels, a blur of 10 pixels and the color rgb(51, 51, 51) (Hint: use property filter: drop-shadow(5px 5px 10px rgb(51, 51, 51));)
***I have the files needed for the remainder of the assignment. I just need help setting up the style sheet.***