Scribd
Upload
125 views

CSS-E.M.A501 (Overflow Contents)

This document provides instructions for a CSS assignment with two problems. The first problem involves adding scrollbars to a content box with fixed height only when the content overflows. The second problem hides any part of an image that overflows the box dimensions. The assignment is coded CSS-E.M.A501 and students are provided a project folder to submit their work.

Uploaded by

Bình Hiếu
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
125 views

CSS-E.M.A501 (Overflow Contents)

This document provides instructions for a CSS assignment with two problems. The first problem involves adding scrollbars to a content box with fixed height only when the content overflows. The second problem hides any part of an image that overflows the box dimensions. The assignment is coded CSS-E.M.A501 and students are provided a project folder to submit their work.

Uploaded by

Bình Hiếu
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

CSS Essentials

Assi gnment s

Document Code 25e-BM/HR/HDCV/FSOFT

Version 1.1

Effective Date 20/11/2012

Hanoi, 04/2019
Assignments JavaScript Essentials Issue/Revision: x/y

RECORD OF CHANGES

No Effective Date Change Description Reason Reviewer Approver

1 25/Jun/2018 Create a new Lab Create new DieuNT1 VinhNV

2 01/May/2019 Update Fsoft Template Update DieuNT1 VinhNV

25e-BM/HR/HDCV/FSOFT v1.1 Internal use 2/5


Assignments JavaScript Essentials Issue/Revision: x/y

Contents
Unit 5 – Overflow contents............................................................................................................... 4
Objectives:................................................................................................................................ 4
Project Structure....................................................................................................................... 4
Problem 1:................................................................................................................................. 4
Problem 2:................................................................................................................................. 4

25e-BM/HR/HDCV/FSOFT v1.1 Internal use 3/5


Assignments JavaScript Essentials Issue/Revision: x/y

CODE: CSS-E.M.A501
TYPE: Medium
LOC: N/A
DURATION: 60 MINUTES

Unit 5 – Overflow contents


Objectives:
 Understand Overflow in CSS
Project Structure
 A project called CSS-E.M.A501 (this will be your root folder) is provided to you
 Put your work for each problem in corresponding folder inside root folder

Problem 1:

In this problem, the content is overflowing the box because it has a fixed height. Keep the height
but cause the box to have scrollbars only if there is enough text to cause an overflow. Test by
removing some of the text from the HTML, that if there is only a small amount of text that does not
overflow, no scrollbar appears..

Expected output:

Problem 2:
In this task an image is in the box, it is bigger than the dimensions of the box so overflows visibly.
Change it to that any image outside of the box is hidden.

25e-BM/HR/HDCV/FSOFT v1.1 Internal use 4/5


Assignments JavaScript Essentials Issue/Revision: x/y

Expected output:

-- THE END --

25e-BM/HR/HDCV/FSOFT v1.1 Internal use 5/5

You might also like