SlideShare a Scribd company logo
1 of 1
Download to read offline
Bringing it all Together - Combining your efforts from the previous activities, modify your prac2.css
style sheet to recreate this webpage. - You may override previous styles and add new
styles/classes as needed. Overriding/adding styles may change the appearance of pages from
previous exercises, but if done properly won't affect your marks. Layout like a lizard This div is The
red box is 1000px wide by 100px high, and floated left positioned 100px each from the top and left
of this box. Its overflow is hidden. Any content that overflows the bottom of the div will scroll - A
List - Containing The total width of this page is 600px. - A It is centered. - Number There is 10x of
margin between the divs. - Of Both this and the left div are 400px tall. - Items - That - Will -
Overflow - Save it in a file called in your prac2 folder. Resources - Review this CSS Overflow
page. - Review this CSS Position page. - Review this CSS Float page. - Review this CSS Align b
page. - Do the exercises on those pages.

More Related Content

More from advaith20071

Breve historial del paciente La Sra J es una vctima de un.pdf
Breve historial del paciente  La Sra J es una vctima de un.pdfBreve historial del paciente  La Sra J es una vctima de un.pdf
Breve historial del paciente La Sra J es una vctima de un.pdf
advaith20071
 
Brecha interpersonal se trata de las intenciones de un indi.pdf
Brecha interpersonal se trata de las intenciones de un indi.pdfBrecha interpersonal se trata de las intenciones de un indi.pdf
Brecha interpersonal se trata de las intenciones de un indi.pdf
advaith20071
 
Brain Development 1 tist the four regions of the brain 2 .pdf
Brain Development 1 tist the four regions of the brain 2 .pdfBrain Development 1 tist the four regions of the brain 2 .pdf
Brain Development 1 tist the four regions of the brain 2 .pdf
advaith20071
 

More from advaith20071 (20)

Briefly summarize the categories of the ISPs as discussed in.pdf
Briefly summarize the categories of the ISPs as discussed in.pdfBriefly summarize the categories of the ISPs as discussed in.pdf
Briefly summarize the categories of the ISPs as discussed in.pdf
 
Briefly summarize each of the 12 principles of the Agile Man.pdf
Briefly summarize each of the 12 principles of the Agile Man.pdfBriefly summarize each of the 12 principles of the Agile Man.pdf
Briefly summarize each of the 12 principles of the Agile Man.pdf
 
Briefly describe how this conditiondiagnosis is affected by.pdf
Briefly describe how this conditiondiagnosis is affected by.pdfBriefly describe how this conditiondiagnosis is affected by.pdf
Briefly describe how this conditiondiagnosis is affected by.pdf
 
Brief history and description of Guyana Early Childhood Educ.pdf
Brief history and description of Guyana Early Childhood Educ.pdfBrief history and description of Guyana Early Childhood Educ.pdf
Brief history and description of Guyana Early Childhood Educ.pdf
 
Brezilya ili in Kolombiya ek Cumhuriyeti Msr Yunanis.pdf
Brezilya ili in Kolombiya ek Cumhuriyeti Msr Yunanis.pdfBrezilya ili in Kolombiya ek Cumhuriyeti Msr Yunanis.pdf
Brezilya ili in Kolombiya ek Cumhuriyeti Msr Yunanis.pdf
 
Breve historial del paciente La Sra J es una vctima de un.pdf
Breve historial del paciente  La Sra J es una vctima de un.pdfBreve historial del paciente  La Sra J es una vctima de un.pdf
Breve historial del paciente La Sra J es una vctima de un.pdf
 
Brecha interpersonal se trata de las intenciones de un indi.pdf
Brecha interpersonal se trata de las intenciones de un indi.pdfBrecha interpersonal se trata de las intenciones de un indi.pdf
Brecha interpersonal se trata de las intenciones de un indi.pdf
 
Breastfeeding provides many benefits From the following lis.pdf
Breastfeeding provides many benefits From the following lis.pdfBreastfeeding provides many benefits From the following lis.pdf
Breastfeeding provides many benefits From the following lis.pdf
 
BreadTalk Grubu BreadTalk iin stratejisini formle ederken.pdf
BreadTalk Grubu BreadTalk iin stratejisini formle ederken.pdfBreadTalk Grubu BreadTalk iin stratejisini formle ederken.pdf
BreadTalk Grubu BreadTalk iin stratejisini formle ederken.pdf
 
Brain Stem 36 List the three regions of the brain stem 37.pdf
Brain Stem 36 List the three regions of the brain stem 37.pdfBrain Stem 36 List the three regions of the brain stem 37.pdf
Brain Stem 36 List the three regions of the brain stem 37.pdf
 
Brain Development 1 tist the four regions of the brain 2 .pdf
Brain Development 1 tist the four regions of the brain 2 .pdfBrain Development 1 tist the four regions of the brain 2 .pdf
Brain Development 1 tist the four regions of the brain 2 .pdf
 
Brain circuit for scratching We have cells 1 Output cell i.pdf
Brain circuit for scratching We have cells 1 Output cell i.pdfBrain circuit for scratching We have cells 1 Output cell i.pdf
Brain circuit for scratching We have cells 1 Output cell i.pdf
 
Both PI 3Kinase and phospholipase C relay signals by modify.pdf
Both PI 3Kinase and phospholipase C relay signals by modify.pdfBoth PI 3Kinase and phospholipase C relay signals by modify.pdf
Both PI 3Kinase and phospholipase C relay signals by modify.pdf
 
Borner Communications articles of incorporation authorized .pdf
Borner Communications articles of incorporation authorized .pdfBorner Communications articles of incorporation authorized .pdf
Borner Communications articles of incorporation authorized .pdf
 
BONUS 14 pts 7 pts ea A certain piece of equipment that j.pdf
BONUS 14 pts 7 pts ea A certain piece of equipment that j.pdfBONUS 14 pts 7 pts ea A certain piece of equipment that j.pdf
BONUS 14 pts 7 pts ea A certain piece of equipment that j.pdf
 
Bones and Bone Tissue Study Guide Describe the gross anato.pdf
Bones and Bone Tissue Study Guide  Describe the gross anato.pdfBones and Bone Tissue Study Guide  Describe the gross anato.pdf
Bones and Bone Tissue Study Guide Describe the gross anato.pdf
 
Bonita Company tena un inventario final a precios de fin de.pdf
Bonita Company tena un inventario final a precios de fin de.pdfBonita Company tena un inventario final a precios de fin de.pdf
Bonita Company tena un inventario final a precios de fin de.pdf
 
Bones and Bone Tissues Study Guide Explain the chemical co.pdf
Bones and Bone Tissues Study Guide  Explain the chemical co.pdfBones and Bone Tissues Study Guide  Explain the chemical co.pdf
Bones and Bone Tissues Study Guide Explain the chemical co.pdf
 
Bond valuation Hamilton Inc bonds have a coupon rate of .pdf
Bond valuation Hamilton Inc bonds have a coupon rate of .pdfBond valuation Hamilton Inc bonds have a coupon rate of .pdf
Bond valuation Hamilton Inc bonds have a coupon rate of .pdf
 
Bombas Creating Socks with a purpose case study marketin.pdf
Bombas Creating Socks with a purpose case study  marketin.pdfBombas Creating Socks with a purpose case study  marketin.pdf
Bombas Creating Socks with a purpose case study marketin.pdf
 

Recently uploaded

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Recently uploaded (20)

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 

Bringing it all Together Combining your efforts from the p.pdf

  • 1. Bringing it all Together - Combining your efforts from the previous activities, modify your prac2.css style sheet to recreate this webpage. - You may override previous styles and add new styles/classes as needed. Overriding/adding styles may change the appearance of pages from previous exercises, but if done properly won't affect your marks. Layout like a lizard This div is The red box is 1000px wide by 100px high, and floated left positioned 100px each from the top and left of this box. Its overflow is hidden. Any content that overflows the bottom of the div will scroll - A List - Containing The total width of this page is 600px. - A It is centered. - Number There is 10x of margin between the divs. - Of Both this and the left div are 400px tall. - Items - That - Will - Overflow - Save it in a file called in your prac2 folder. Resources - Review this CSS Overflow page. - Review this CSS Position page. - Review this CSS Float page. - Review this CSS Align b page. - Do the exercises on those pages.