API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 25th, 2013
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.36 KB | None | 0 0
raw download clone embed print report
  1. This is the external CSS file for the navigation that now will not show up
  2.  
  3. body {
  4.     font-family: Verdana, Arial, Helvetica, sans-serif;
  5.     font-size: 80%;
  6.     font-weight: bold;
  7.     background: #FFF;
  8.     }
  9.  
  10. h1 {
  11.     font-family:Verdana, Arial, Helvetica, sans-serif;
  12.     font-size:16px;
  13.     font-weight:bold;
  14.     margin:0;
  15.     padding:0;
  16.     }
  17.  
  18. hr {
  19.     border:none;
  20.     border-top:1px solid #CCCCCC;
  21.     height:1px;
  22.     margin-bottom:25px;
  23.     }
  24.  
  25. ul {
  26.     list-style: none;
  27.     margin: 0;
  28.     padding: 0;
  29.     }
  30.  
  31. img {
  32.     border: none;
  33.     }
  34.    
  35. #menu {
  36.     width: 200px;
  37.     margin: 10px;
  38.     float: left;
  39.     position: absolute;
  40.     }
  41.    
  42. #menu li a {
  43.     height: 32px;
  44.     voice-family: "\"}\"";
  45.     voice-family: inherit;
  46.     height: 24px;
  47.     text-decoration: none;
  48.     }  
  49.    
  50. #menu li a:link, #menu li a:visited {
  51.     color: #333;
  52.     display: block;
  53.     background:  url(menu.gif);
  54.     padding: 8px 0 0 10px;
  55.     }
  56.    
  57. #menu li a:hover {
  58.     color: #FFF;
  59.     background:  url(menu.gif) 0 -32px;
  60.     padding: 8px 0 0 10px;
  61.     }
  62.  
  63.  
  64.  
  65. Here's the HTML (along with the embedded CSS) of the index page
  66.  
  67.  
  68.  
  69.  
  70. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  71. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  72. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  73. <title>Adam Smolinski | Advanced Web Design - CIS-227-HY01
  74. </title>
  75. <link rel="stylesheet" type="text/css" href="styles.css">
  76. <style type="text/css">
  77. <!--
  78. body {
  79.     font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  80.     color: #000000;
  81. }
  82. body {
  83.     background-image:url(omaha_dt.gif);
  84.     background-color: #CCC;
  85. }
  86. a {
  87.     font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  88.     font-size: 12px;
  89.     color: #900;
  90. }
  91.  
  92. h1 {
  93.     font-size:24px;
  94.     color: #3090C7;
  95. }
  96.  
  97. div.content
  98. {
  99.    position:absolute;
  100.    top: 50px;
  101.    left:0px;
  102.    right:0px;
  103.    bottom:0px;
  104.    overflow-y:visible;        
  105. }?
  106.  
  107. a:link {
  108.     text-decoration: none;
  109.     color: black;
  110. }
  111. a:visited {
  112.     text-decoration: none;
  113.     color: #3090C7;
  114. }
  115. a:hover {
  116.     text-decoration: underline overline;
  117.     color: #3090C7;
  118. }
  119. a:active {
  120.     text-decoration: underline;
  121.     color: #3090C7;
  122. }
  123. div.transbox
  124.  {
  125.  width:400px;
  126.  height:1425px;
  127.  margin:30px 50px;
  128.  background-color:#ffffff;
  129.  border:1px solid black;
  130.  opacity:0.75;
  131.  filter:alpha(opacity=75); /* For IE8 and earlier */
  132. }
  133. div.transbox p
  134.  {
  135.  margin:30px 40px;
  136.  font-weight:bold;
  137.  color:#000000;
  138. }
  139. div.transbox {
  140.     -moz-border-radius: 14px;
  141.    -webkit-border-radius: 14px;
  142.    -khtml-border-radius: 14px;
  143.    border-radius: 14px;
  144. }
  145. }
  146.  
  147. </style></head>
  148. <div class="header"><p><center><h1>Advanced Web Design</h1></p></center>
  149. </div>
  150. <div style="color:#3090C7">Adam Smolinski</div>
  151.  
  152. <div id="menu">
  153.  <ul>
  154. <li><center><a href="chapter.1/ch01xhtmlex01.html">Exercise  1-1</a></center></li>
  155. <li><center><a href="chapter.1/ch01xhtmlex02.html">Exercise  1-2</a></center></li>
  156. <li><center><a href="chapter.1/ch01xhtmldp01.html">Project 1-1</a></center></li>
  157. <li><center><a href="chapter.2/ch02xhtmlex02.html">Exercise  2-2</a></center></li>
  158. <li><center><a href="chapter.2/ch02xhtmlex03a.html">Exercise  2-3</a></center></li>
  159. <li><center><a href="chapter.2/ch02xhtmldp02a.html">Project  2-2</a></center></li>
  160. <li><center><a href="chapter.3/ch03dwex01.html">Exercise  3-1</a></center></li>
  161. <li><center><a href="chapter.3/ch03dwex04.html">Exercise  3-4</a></center></li>
  162. <li><center><a href="chapter.3/ch03dwdp01.html">Project  3-1</a></center></li>
  163. <li><center><a href="chapter.4/ch04dwex02sol.html">Exercise 4-2</a></center></li>
  164. <li><center><a href="chapter.4/ch04dwex06.html">Exercise 4-3</a><center></li>
  165. <li><center><a href="chapter.4/ch04dwdp02.html">Project 4-2</a></center></li>
  166. <li><center><a href="chapter.5/ch05photoshopex03sol.jpg">Exercise 5-3</a></center></li>
  167. <li><center><a href="chapter.5/ch05photoshopex04sol.gif">Exercise 5-4</a></center></li>
  168. <li><center><a href="chapter.5/p5-2.html">Project 5-2</a></center></li>
  169. <li><center><a href="chapter.6/ch06photoshopex04sol.html">Exercise 6-4</a></center></li>
  170. <li><center><a href="chapter.6/ch06photoshopex05sol.html">Exercise 6-5</a></center></li>
  171. <li><center><a href="chapter.7/ch07flashex01.html">Exercise 7-1</a></center></li>
  172. <li><center><a href="chapter.7/ch07flashex02.html">Exercise 7-2</a></center></li>
  173. <li><center><a href="chapter.7/#">Project 7-2</a></center></li>
  174. </ul>
  175. </div>
  176.  
  177. <div class="content"><center><div class="transbox">
  178. <p><h2><strong>Chapter 1</strong></h2>
  179. <u><h3>Exercises:</u></h3>
  180. <ul>
  181. <li><a href="chapter.1/ch01xhtmlex01.html">1-1</a></li>
  182. <li><a href="chapter.1/ch01xhtmlex02.html">1-2</a></li>
  183. </ul>
  184. <u><h3>Project:</u></h3>
  185. <ul>
  186. <li><a href="chapter.1/ch01xhtmldp01.html">1-1</a></li>
  187.  
  188. <p><h2><strong>Chapter 2</strong></h2>
  189. <u><h3>Exercises:</u></h3>
  190. <ul>
  191. <li><a href="chapter.2/ch02xhtmlex02.html">2-2</a></li>
  192. <li><a href="chapter.2/ch02xhtmlex03a.html">2-3</a></li>
  193. </ul>
  194. <u><h3>Project:</u></h3>
  195. <ul>
  196. <li><a href="chapter.2/ch02xhtmldp02a.html">2-2</a></li>
  197.  
  198. <p><h2><strong>Chapter 3</strong></h2>
  199. <u><h3>Exercises:</u></h3>
  200. <ul>
  201. <li><a href="chapter.3/ch03dwex01.html">3-1</a></li>
  202. <li><a href="chapter.3/ch03dwex04.html">3-4</a></li>
  203. </ul>
  204. <u><h3>Project:</u></h3>
  205. <ul>
  206. <li><a href="chapter.3/ch03dwdp01.html">3-1</a></li>
  207.  
  208. <p><h2><strong>Chapter 4</strong></h2>
  209. <u><h3>Exercises:</u></h3>
  210. <ul>
  211. <li><a href="chapter.4/ch04dwex02sol.html">4-2</a></li>
  212. <li><a href="chapter.4/ch04dwex06.html">4-3</a></li>
  213. </ul>
  214. <u><h3>Project:</u></h3>
  215. <ul>
  216. <li><a href="chapter.4/ch04dwdp02.html">4-2</a></li>
  217.  
  218. <p><h2><strong>Chapter 5</strong></h2>
  219. <u><h3>Exercises:</u></h3>
  220. <ul>
  221. <li><a href="chapter.5/ch05photoshopex03sol.jpg">5-3</a></li>
  222. <li><a href="chapter.5/ch05photoshopex04sol.gif">5-4</a></li>
  223. </ul>
  224. <u><h3>Project:</u></h3>
  225. <ul>
  226. <li><a href="chapter.5/p5-2.html">5-2</a></li>
  227.  
  228. <p><h2><strong>Chapter 6</strong></h2>
  229. <u><h3>Exercises:</u></h3>
  230. <ul>
  231. <li><a href="chapter.6/ch06photoshopex04sol.html">6-4</a></li>
  232. <li><a href="chapter.6/ch06photoshopex05sol.html">6-5</a></li>
  233. </ul>
  234. <u><h3>Project:</u></h3>
  235. <ul>
  236. <li><a href="chapter.6/p6-3.html">6-3</a></li>
  237.  
  238. <p><h2><strong>Chapter 7</strong></h2>
  239. <u><h3>Exercises:</u></h3>
  240. <ul>
  241. <li><a href="chapter.7/ch07flashex01.html">7-1</a></li>
  242. <li><a href="chapter.7/ch07flashex02.html">7-2</a></li>
  243. </ul>
  244. <u><h3>Project:</u></h3>
  245. <ul>
  246. <li><a href="chapter.7/#">7-2</a></li>
  247. </ul>
  248. </p></div>
  249. </center>
  250. </div>
  251. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!