Write one CSS rule for the following task: Style an article element so that: its padding is 32px, its width, including padding, is one third of its parent container width, float it to the right side of the screen. Write one CSS rule for the following task: Style a footer element so that: it clears any prior floating elements, its width is 90% of its parent container width, its width is but no smaller than 768px, its width is no bigger than 1024px, centre the footer horizontally, regardless of the screen size. Write the HTML for: The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png; The image must link to the homepage of the website when clicked on; The image must include descriptive text that screen readers can access; The image must be 160px tall and wide. Write a CSS style so that the footer (DON'T include more CSS than you need to): has a background colour. has a height of 300px. Use 2 different methods to move the image: Write a CSS style that uses the CSS box model to place the image 200px from the left of the footer, and 20px from the top and bottom of the footer. Write another CSS style that uses positioning to push the image 200px to the left and 20px down from its original position in the normal flow of content.

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Write one CSS rule for the following task:

Style an article element so that:
- its padding is 32px,
- its width, including padding, is one third of its parent container width,
- float it to the right side of the screen.

Write one CSS rule for the following task:

Style a footer element so that:
- it clears any prior floating elements,
- its width is 90% of its parent container width,
- its width is but no smaller than 768px,
- its width is no bigger than 1024px,
- centre the footer horizontally, regardless of the screen size.
  
  Write the HTML for:
  - The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png;
  - The image must link to the homepage of the website when clicked on;
  - The image must include descriptive text that screen readers can access;
  - The image must be 160px tall and wide.
  Write a CSS style so that the footer (DON'T include more CSS than you need to):
  - has a background colour.
  - has a height of 300px.
  Use 2 different methods to move the image:
  1. Write a CSS style that uses the CSS box model to place the image 200px from the left of the footer, and 20px from the top and bottom of the footer.
  2. Write another CSS style that uses positioning to push the image 200px to the left and 20px down from its original position in the normal flow of content.

Expert Solution

Step by step

Solved in 5 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions