Advertisement
Guest User

A HREF not working

a guest
Jun 29th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.96 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement