FREE Trial
Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

This is the css code that I need help with Book name is : New Perspectives on HTML, CSS, and XML, Comprehensive Tutorial 5 Case

This is the css code that I need help with

Book name is : New Perspectives on HTML, CSS, and XML, Comprehensive Tutorial 5 Case 3 ***********************************

.domeSpecs { float: right; font-size: 16px; margin-left: 20px; margin-bottom: 20px; border-collapse: collapse; }

caption { font-size: 18px; letter-spacing: 5px; caption-side: top; margin-bottom: 10px; }

.firstColumn { width: 22%; }

.lastColumn { width: 22%; }

.middleColumns { width: 28%; }

thead tr { border-bottom: 2px solid gray; }

tfoot tr { border-top: 2px solid gray; text-align: center; }

tbody tr { border-top: 1px dotted gray; border-bottom: 1px dotted gray; }

table, tr, th, td { padding-top: 0; padding-left: 5px; padding-right: 5px; }

table th { letter-spacing: 2px; }

tr { height: 30px; }

.firstColumn { background-image: url('left.jpg'); background-position: left; background-repeat: repeat-y; }

.middleColumns { background-image: url('blank.gif'); background-repeat: repeat; }

.lastColumn { background-image: url('right.jpg'); background-position: right; background-repeat: repeat-y; }

thead tr { background-image: url('top.jpg'); background-position: top; background-repeat: repeat-x; }

tfoot tr { background-image: url('bottom.jpg'); background-position: bottom; background-repeat: repeat-x; }

table.domeSpecs { background-image: url('tableback.jpg'); background-position: 98% 70%; background-repeat: no-repeat; }

#topLeft { background-image: url('topleft.jpg'); background-position: left top; background-repeat: no-repeat; }

#topRight { background-image: url('topright.jpg'); background-position: right top; background-repeat: no-repeat; }

#bottomleft { background-image: url('bottomleft.jpg'); background-position: left bottom; background-repeat: no-repeat; }

#bottomright { background-image: url('bottomright.jpg'); background-position: right bottom; background-repeat: no-repeat; } ____________________

HTML file

< html>

< !-- New Perspectives on HTML and CSS Tutorial 5 Case Problem 3

dHome: Quality Geodesic Homes Author: Ahmed Alamoudi Date: 11/01/2018

Filename: dhome.htm Supporting files: bottom.jpg, bottomleft.jpg, bottomright.jpg, dhomelogo.png, dome.css, dtable.css, left.jpg, modernizr-1.5.js, right.jpg, tableback.jpg, top.jpg, topleft.jpg, topright.jpg

-->

< title>dHome: Quality Geodesic Homes < script src="modernizr-1.5.js"> < link href="dome.css" rel="stylesheet" type="text/css" /> < link href="dtable.css" rel="stylesheet" type="text/css" /> < /head>

< img src="dhomelogo.png" alt="student submitted image, transcription available below" /> < /header>