Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

A HREF not working

By: a guest on Jun 29th, 2013  |  syntax: None  |  size: 1.96 KB  |  views: 40  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style>
  2. @import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans:400,700);
  3. #top {
  4.   width:100%;
  5.   height:40px;
  6.   background-color:#121212;
  7.   position: fixed;
  8.   top: 0;
  9.   left: 0;
  10. }
  11. #margin {
  12.   margin-left:10px;
  13.   margin-right:10px;
  14. }
  15. #in {
  16.   color:#FFFFFF;
  17.   width:80%;
  18.   margin-left:auto;
  19.   margin-right:auto;
  20.   height:40px;
  21.   background-color:#4C4C4C;
  22. }
  23. #main {
  24.   background-color:#D0A020;
  25.   position:fixed;
  26.   z-index:-1;
  27.   width:100%;
  28.   height:100%;
  29.   top: 0;
  30.   left: 0;
  31. }
  32. #phone {
  33.   border-radius: 7px;
  34.   line-height:40px;
  35.   background-color:#121212;
  36.   width:200px;
  37.   height:125px;
  38.   color:#FFFFFF;
  39.   font-family:Arial, sans-serif;
  40. }
  41. #content {
  42.   background-color:#D1D166;
  43.   width:80%;
  44.   height:100%;
  45.   margin-left:auto;
  46.   margin-right:auto;
  47. }
  48. #nav {
  49. margin: 0; padding: 0;
  50.         display: block;
  51.         overflow: hidden;
  52.         line-height:30px;
  53. }
  54. #nav li {
  55.         float: left;
  56.         margin: 0; padding: 0 10px 10px;
  57.         position: relative;
  58. }
  59. #header {
  60.   font-family: 'Permanent Marker', cursive;
  61.   font-size:30px;
  62. }
  63. #nav li a {
  64.         display: block;
  65. }
  66. #nav a:link {
  67.   text-decoration:none;
  68.   color:#FFFFFF;
  69.   font-family: 'Open Sans', sans-serif;
  70.   font-weight:bold;
  71. }  
  72. #nav li.active a:after,
  73. #nav li a:hover:after {
  74.         content: "";
  75.         display: block;
  76.         margin: 0 auto; width: 0;
  77.         border: 5px solid #F0E890;
  78.         border-color: transparent transparent #F0E890 transparent;
  79. }
  80. </style>
  81. <div id="top">
  82.     <div id="in">
  83.  
  84. <ul id="nav">
  85.     <li></li>
  86.     <li><div id="header">Samuel Rogers</div></li>
  87.     <li></li>
  88.     <li><a href="#">HOME</a></li>
  89.     <li><a href="#" class="active">ABOUT</a></li>
  90.     <li><a href="#">CONTACT</a></li>
  91. </ul>
  92.     </div>
  93. </div>
  94. <div id="main">
  95.     <div style="height:40px;">
  96.     </div>
  97. <div id="content">
  98. <div id="margin">
  99. <br/>
  100.  
  101.    
  102. <div id="phone">
  103. Click here for Website Design
  104. </div>
  105. <a href="http://samuelrogers.co.uk">
  106. This A HREF doesn't work
  107. </a>
  108. </div>
  109. </div>
  110. </div>
clone this paste RAW Paste Data