linking pages

cascading style sheets

Page 1 of 1

1 Replies - 4169 Views - Last Post: 04 October 2010 - 11:45 PM

#1 Guest_Mandi*


Reputation:

linking pages

Posted 04 October 2010 - 06:49 PM

For homework I have to link a cascading style sheet to two pages...

I can't get the navigation area to bold or the page to be centered at 80%.

here is what i have for the cascading style sheet.

body { background-color: #6699ff;
       color: #d5e3ff;
       font-family: Verdana, Arial, sans-serif;
     }

h1 {background-color: #6699ff;
    color: #003366;
    line-height: 200% ;
   }
   
 .nav { font-weight:bold;
     }
 
 .category { background-color: #6699ff;
            color: #003366;
            font-size: 1.1em;
           }
           
 #footer { font-size: .70em;
           font-style: italic;
          }
          
 #container { margin-left: auto;
              margin-right: auto;
              width: 80%;
             }




and for the other two pages.


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Fish Creek Animal Hospital</title>
<link rel= "stylesheet" href="fishcreek.css" type="text/css" />
</head>
<body>
<h1>Fish Creek Animal Hospital</h1>
<div id="nav"><a href="index.html">Home</a>&nbsp;&nbsp;&nbsp;<a href="services.html">Services</a>&nbsp;&nbsp;&nbsp;<a href="askvet.html">Ask the Vet</a>&nbsp;&nbsp;&nbsp;<a href="contact.html">Contact</a></div>
<dl>
  <dt class="category">Full Service Facility</dt>
    <dd>Veterinarians and staff are on duty 24 hours a day,7 days a week.</dd>
  <dt class="category">Years of Experience</dt>
    <dd>Fish Creek Veterinarians have provided quality,dependable care for your beloved animals since 1984.</dd>
  <dt class="category">Open Door Policy</dt>
    <dd>Our professionals welcome owners to stay with their pets during any medical procedure.</dd>
</dl>
<p><small>1-800-555-5555<br />
1242 Grassy Lane<br />
Fish Creek, WI 55534</small></p>
<div id="footer">Copyright &copy; 2008 Fish Creek Animal Hospital<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Fish Creek Animal Hospital Services</title>
<link rel= "stylesheet" href="fishcreek.css" type="text/css" />
</head>
<body>
<h1>Fish Creek Animal Hospital</h1>
<div id="nav"><a href="index.html">Home</a> &nbsp;&nbsp;<a href="services.html">Services</a> &nbsp;&nbsp;<a href="askvet.html">Ask the Vet</a> &nbsp;&nbsp;<a href="contact.html">Contact</a></div>
<ul>
  <li><span class="category">Medical Services</span><br />
We offer state-of-the-art equipment and technology.</li>
  <li><span class="category">Surgical Services</span><br />
Full range of surgical procedures including orthopedics and emergency surgeries.</li>
<li><span class="category">Dental Care</span><br />
A dental exam can determine whether your pet needs preventive dental care such as scaling and polishing.</li>
  <li><span class="category">House Calls</span><br />
The elderly, physically challenged, and multiple pet households often find our in-home veterinary service helpful and convenient.</li>
  <li><span class="category">Emergencies</span><br />
At least one of our doctors is on call every day and night.</li>
</ul>
<div id="footer">Copyright &copy; 2008 Fish Creek Animal Hospital<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</body>
</html> 




Is This A Good Question/Topic? 0

Replies To: linking pages

#2 Shorte85  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 03-October 10

Re: linking pages

Posted 04 October 2010 - 11:45 PM

For your css, this:

11     .nav { font-weight:bold;
12         }


needs to be:

11     #nav { font-weight:bold;
12         }


because it's a "div id".

But since this is homework, I am going to let you work on figuring out what the other is. Always double check your work. Look at our code closely. :)

Good luck!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1