pixel margin around the table and collapse the table borders. For the th element nested within the table row of the table header row group: Set the font color to white, the background color to red, and the font size to 1.5em. Add a 1 pixel solid gray border around the element. For every td element: Set the width and height to 50 pixels, the font size to 0.7em, the border to a 1 pixel solid gray, and align the text with the top-left corner of the cell. For every td element of the blank class: Change the background to a linear gradient going toward the bottom-right corner of the elem

pixel margin around the table and collapse the table borders. For the th element nested within the table row of the table header row group: Set the font color to white, the background color to red, and the font size to 1.5em. Add a 1 pixel solid gray border around the element. For every td element: Set the width and height to 50 pixels, the font size to 0.7em, the border to a 1 pixel solid gray, and align the text with the top-left corner of the cell. For every td element of the blank class: Change the background to a linear gradient going toward the bottom-right corner of the elem

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 16CP3

See similar textbooks

Similar questions

Open the code6-1_table.css file and create the following style rules for the indicated elements: 1. For the table element: Add a 20 pixel grooved gray border and collapse the table borders. 2. For the th and td elements: Add a 1 pixel solid gray border, set the padding space to 5 pixels, and align the cell content with the top-left corner of the cell. 3. For the caption element, set the display the caption at the top-left of the table and set the font size of the caption text to 1.5em. 4. For col element with the id first Col, change the background color to yellow and set the column width to 150 pixels. 5. For col element with the id hourCols, set the column width to 75 pixels. 6. Change the background color of the thead element to aqua.
Table Layout Open the mi_tables.css and go to the Table Styles section and add a style rule for the table element that: sets the background color to a linear gradient that goes to the bottom of the table background starting from rgb(190, 215, 255) and ending in black and adds a 5-pixels solid gray border. Table Elements For every th and td element in the table, create a style rule that: adds a 3-pixel solid gray border, sets the line height to 1.4em, and sets the padding space to 8 pixels. For every th element, create a style rule that: sets the background color to black, sets the font color to rgb(130, 210, 255), and sets the font weight to normal. For every td element, create a style rule that: sets the font color to white, sets the font size to 0.9em, and aligns the cell text with the top of the cell.
Table Layout Open the mi_tables.css and go to the Table Styles section and add a style rule for the table element that: sets the background color to a linear gradient that goes to the bottom of the table background starting from rgb(190, 215, 255) and ending in black and adds a 5-pixels solid gray border. this is a programming question. The following is what I currently have (under table styles), but I am having a hard time getting more of the background columns to show. Thanks. /* Table Styles */ table { background: linear-gradient(to bottom , rgb(190, 215, 255), black); border: 5px solid gray; } th, td { border: 3px solid gray; line-height: 1.4em; padding: 8px; } th { background: black; color: rgb(130, 210, 255); font-weight: normal; } td { color: white; font-size: 0.9em; vertical-align: top; }
Open index.html in your browser to view the webpage. Maximize the browser window to use a desktop viewport. Below the gradient style rules comment, create a style rule for the gradient1 class selector and add the following declaration to specify a linear-gradient for the background: background: linear-gradient(to right, #67afcb, #1a3e4c 25%); Create a style rule for the gradient2 class selector and add a declaration to specify a linear-gradient to the left, use #d4f7ec and #448d76 for color values, and use 90% as the color stop. Create a style rule for the gradient3 class selector and add a declaration to specify a linear-gradient to the top left, and use #efddfd and #36065b for color values. Create a style rule for the gradient4 class selector and add a declaration to specify a linear-gradient that uses the following four color values: #e6e6ff #70dbdb #ffffcc #cc6699 Create a style rule for the gradient5 class selector and add the following declaration to…
Question 7 Calculate the total width: The picture above is 350px wide. The total width of this element is also 350px. The DIV element below the image has a width of 320px. After applying CSS styling, the DIV element becomes 350px wide (the same as the flower image above it) Using border, margin and padding, add to the DIV CsS styling that will make the DIV element 350px wide (You must use all three). div { width: 320px ..... } For the toolbar, press ALT+F10 (PC) or ALT+FN+F10 (Mac).
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.
Setting Background Color Go to the Structural Styles section, creating a style rule that sets the background color of the html element to the value hsl(91, 8%, 56%). Add a style rule for the body element to set the background color to the value hsl(58, 31%, 84%) and the font of the body text to the font stack: Palatino Linotype, Book Antiqua, Palatino, serif. Create a style rule for the header element that sets the background color to black.
Create a CSS style sheet including the following steps:
i need this solved. below is style.css In the tablet media query, add a style rule for the grid class selector that sets the display to a grid, creates three columns with the grid template columns property, and sets the grid gap to 20px. In the tablet media query, add a style rule for the aside element that creates one grid column that spans three columns. Review the various favicons in the images folder. Add four link elements within the head to add a favicon, favicon shortcut, and favicons for iOS and Android. style.css /* CSS Reset */ body, header, nav, main, footer, h1, h3, div, section, article, aside { margin: 0; padding: 0; border: 0; } /* Style rule for body */ body { background-color: #ffebdc; } /* Style rules for mobile viewport */ /* Style rule for header */ header { font-family: Verdana, Arial, sans-serif; margin-top: 0.2em; background-color: #9d4502; color: #feab6d; padding: 2%; } /* Style rules for nav area */ nav {…
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.
In the styles.css file, below the last style rule, add a new comment with the text, Media Query for Tablet Viewport. Below the comment, add a media query to target screen and print for a tablet viewport. Use a min-width: 481px. 1 Step 1 In the tablet media query, create a new style rule for the article element that sets the width to 43%, floats the element to the left, and sets a height of 160px. 2 In the tablet media query, create a new style rule for the footer selector that clears a float on the left Step 2 In the styles.css file, below the tablet media query, add a comment with the text, Media Query for Desktop Viewport. Below the comment, add a media query to target a desktop viewport screen with a minimum width of 900px. 1 In the desktop media query, create a style rule for an article selector that sets the width to 27% and the height to 140px. 2 In the desktop media query, create another style rule for the article…
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.