Ok need a little help with so homework. I'm working on a web page and it has links on the top their are in a column and I need them to be in a row across the top, and I need to add a image to the back ground.
The question says.
Change the list items to inline object, floating on the margin.
Set the font size to 14 pixels and the right margin to 5 pixels. I think I have this done.
Display the backgroung image file rightbox.jpg, placed on the center of the right margin. Do not tile image.
Here are the code for my style sheet:
body {margin: 0px; padding: 0px; font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
background: url(domepaper.jpg) no-repeat 0% 0%}
#head {position: absolute; top: 0px; left: 0px}
#links {font:size; absolute; top: 60px; left: 5px; width: 750px; border-bottom: 2px solid rgb(132,208,195); background-image: url(rightbox.jpg)}
#links ul {list-style-type: none; padding: 0px; margin-top-left: 5px; margin-right-botom: 10px; font-size: 14px;
margin-right: 5px}
#pageContent {position: absolute; top: 115px; left: 15px; width: 750px;}
#pageContent p b {color: rgb(82,158,145); letter-spacing: 3px}
#table {float: right}
address {font-style: normal; font-variant: small-caps; text-align: center;
border-top: 2px solid rgb(132,208,195)}
Here is the html code:
<html>
<head>
<!--
New Perspectives on HTML and XHTML
Tutorial 5
Case Problem 3
dHome: Quality Geodesic Homes
Author: Timothy Bashford
Date: 1/9/2010
Filename: dhome.htm
Supporting files: dlogo.jpg, dome.css, dtable.css
-->
<title>dHome: Quality Geodesic Homes</title>
<link href="dome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="head">
<img src="dlogo.jpg" alt="dHome" />
</div>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Construction Kits</a></li>
<li><a href="#">Online Store</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="pageContent">
<div id="table">
<table class="domeSpacs"
summary="A table descibing six dome models sold by dHome,inc.>
<caption>Building Models</caption>
<tr>
<tb class="firstColumn"></td>
<tb class="middleColumn" span="2"></td>
<tb class="lastcolumn"></td>
</tr>
<tr>
<td>Model</th>
<td>Total Sq. Ft.</th>
<td>Sphere Size</th>
<td>Price</th>
</tr>
<tr>
<td>Class IA</td>
<td>4700 Square Ft.</td>
<td>50 Ft. 5/8 Sphere</td>
<td>$115,000</td>
</tr>
<tr>
<td>Class IB</tb>
<td>4100 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$95,000</td>
</tr>
<tr>
<td>Class IIA</td>
<td>3700 Square Ft.</td>
<td>50 Ft. 5/8 Sphere</td>
<td>$87,000</td>
</tr>
<tr>
<td>Class IIB</td>
<td>3100 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$$77,000</td>
</tr>
<tr>
<td>Class IIIA</td>
<td>2600 Square Ft.</td>
<td>45 Ft. 5/8 Sphere</td>
<td>$69,000</td>
</tr>
<tr>
<td>Class IIIB</td>
<td>2200 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$63,000</td>
</tr>
<tr>
<th></th>
<th span="2">Call us about custom pricing</th>
<th></th>
</tr>
</table>
</div>
<p>
<b>dHome</b> is the lead
The question says.
Change the list items to inline object, floating on the margin.
Set the font size to 14 pixels and the right margin to 5 pixels. I think I have this done.
Display the backgroung image file rightbox.jpg, placed on the center of the right margin. Do not tile image.
Here are the code for my style sheet:
body {margin: 0px; padding: 0px; font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
background: url(domepaper.jpg) no-repeat 0% 0%}
#head {position: absolute; top: 0px; left: 0px}
#links {font:size; absolute; top: 60px; left: 5px; width: 750px; border-bottom: 2px solid rgb(132,208,195); background-image: url(rightbox.jpg)}
#links ul {list-style-type: none; padding: 0px; margin-top-left: 5px; margin-right-botom: 10px; font-size: 14px;
margin-right: 5px}
#pageContent {position: absolute; top: 115px; left: 15px; width: 750px;}
#pageContent p b {color: rgb(82,158,145); letter-spacing: 3px}
#table {float: right}
address {font-style: normal; font-variant: small-caps; text-align: center;
border-top: 2px solid rgb(132,208,195)}
Here is the html code:
<html>
<head>
<!--
New Perspectives on HTML and XHTML
Tutorial 5
Case Problem 3
dHome: Quality Geodesic Homes
Author: Timothy Bashford
Date: 1/9/2010
Filename: dhome.htm
Supporting files: dlogo.jpg, dome.css, dtable.css
-->
<title>dHome: Quality Geodesic Homes</title>
<link href="dome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="head">
<img src="dlogo.jpg" alt="dHome" />
</div>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Construction Kits</a></li>
<li><a href="#">Online Store</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="pageContent">
<div id="table">
<table class="domeSpacs"
summary="A table descibing six dome models sold by dHome,inc.>
<caption>Building Models</caption>
<tr>
<tb class="firstColumn"></td>
<tb class="middleColumn" span="2"></td>
<tb class="lastcolumn"></td>
</tr>
<tr>
<td>Model</th>
<td>Total Sq. Ft.</th>
<td>Sphere Size</th>
<td>Price</th>
</tr>
<tr>
<td>Class IA</td>
<td>4700 Square Ft.</td>
<td>50 Ft. 5/8 Sphere</td>
<td>$115,000</td>
</tr>
<tr>
<td>Class IB</tb>
<td>4100 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$95,000</td>
</tr>
<tr>
<td>Class IIA</td>
<td>3700 Square Ft.</td>
<td>50 Ft. 5/8 Sphere</td>
<td>$87,000</td>
</tr>
<tr>
<td>Class IIB</td>
<td>3100 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$$77,000</td>
</tr>
<tr>
<td>Class IIIA</td>
<td>2600 Square Ft.</td>
<td>45 Ft. 5/8 Sphere</td>
<td>$69,000</td>
</tr>
<tr>
<td>Class IIIB</td>
<td>2200 Square Ft.</td>
<td>35 Ft. 5/8 Sphere</td>
<td>$63,000</td>
</tr>
<tr>
<th></th>
<th span="2">Call us about custom pricing</th>
<th></th>
</tr>
</table>
</div>
<p>
<b>dHome</b> is the lead
