My Pastes
Public Pastes
Layout Width
Share Pastebin
Guest
Public paste!

My websitees

By: a guest | Sep 9th, 2010 | Syntax: HTML | Size: 1.89 KB | Hits: 24 | Expires: Never
Download | Raw | Embed | Report abuse
Copy text to clipboard
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
  5. <!-- Description: Index of assignment 1 -->
  6. <!-- Author: Jordan Wardle -->
  7. <!-- Date: 9/09/2010 -->
  8. <!-- Validated:  -->
  9. <head>
  10.         <title>Web 2.0 home</title>
  11.         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  12.         <meta name="author" content="Jordan Wardle 7182791" />
  13.         <meta name="description" content="Web 2.0" />
  14.         <meta name="keywords" content="Web 2.0, Web, 2.0" />
  15.        
  16.         <!-- put this in an external sheet once i'm done -->
  17.         <style type="text/css">
  18.                 h1
  19.                 {
  20.  
  21.                 }
  22.                
  23.                 div
  24.                 {
  25.                         text-align: Center;
  26.                 }
  27.                
  28.                 #nav
  29.                 {
  30.                         margin-left:auto;
  31.                         margin-right:auto;
  32.                         list-style-type: none;
  33.                         font-size:20px;
  34.                 }
  35.                
  36.                 #nav li
  37.                 {
  38.                         display: inline;
  39.                         background: black;
  40.                         color: white;
  41.                         padding-top:0px;
  42.                         padding-bottom:0px;
  43.                         padding-right:0px;
  44.                         padding-left:0px;
  45.                 }
  46.                
  47.                 #nav li:hover, #nav a:link:hover
  48.                 {
  49.                         display: inline;
  50.                         background: white;
  51.                         color: black;
  52.                 }
  53.                
  54.                 #nav a:link, a, a:visited
  55.                 {
  56.                         color:white;
  57.                         background: black;
  58.                         text-decoration: none;
  59.                 }
  60.                
  61.                 #heading
  62.                 {
  63.                         margin-left:auto;
  64.                         margin-right:auto;
  65.                         width: 800px;
  66.                         text-align:center;
  67.                         border-top-style: solid;
  68.                         border-right-style: solid;
  69.                         border-left-style: solid;
  70.                         color:black;
  71.                         font-size:45px;
  72.                 }
  73.                
  74.                 #mid
  75.                 {
  76.                         width: 800px;
  77.                         border-right-style: solid;
  78.                         border-left-style: solid;
  79.                         margin-left: auto;
  80.                         margin-right: auto;
  81.                 }
  82.                
  83.                 #li
  84.                 {
  85.                         padding-right:0px;
  86.                         padding-left:0px;
  87.                         border:0px;
  88.                 }
  89.         </style>
  90. </head>
  91. <body>
  92. <div id="heading">
  93.         Web 2.0
  94. </div>
  95. <div id ="mid">
  96.         <ul id="nav">
  97.                 <li><a href="index.htm">Home</a></li>
  98.                 <li>Option2</li>
  99.         </ul>
  100. </div>
  101. </body>
create new paste | create new version of this paste RAW Paste Data