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

Cross-browser code

By: a guest on Jun 11th, 2010  |  syntax: HTML  |  size: 3.33 KB  |  views: 184  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <head>
  7.   <title>Untitled</title>
  8.  
  9.   <style type="text/css">
  10.   * {
  11.         paddign: 0;
  12.         margin: 0;
  13.   }  
  14.   body {
  15.     background: #FFFFFF;
  16.     /* Mozilla: */
  17.     background: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
  18.     /* Chrome, Safari:*/
  19.     background: -webkit-gradient(linear,
  20.                 left top, left bottom, from(#FFFFFF), to(#AAAAAA));
  21.     /* MSIE */
  22.     filter: progid:DXImageTransform.Microsoft.Gradient(
  23.                 StartColorStr='#FFFFFF', EndColorStr='#AAAAAA', GradientType=0);
  24.   }
  25.   .left_menu {
  26.           text-align: left;
  27.           font-family: Calibri;
  28.           background-image: url(images/left_menu.png);
  29.           background-repeat: no-repeat;
  30.           height: 402px;
  31.           width: 158px;
  32.           vertical-align: top;
  33.           padding-left: 12px;
  34.           padding-top: 56px;
  35.   }
  36.   .left_menu  a {
  37.           font-size: 12px;
  38.           margin-top: 16px;
  39.           display: block;
  40.           color: #376C4B;
  41.           text-decoration: none;
  42.   }
  43.   .left_menu a:hover {
  44.           color: #54519B;
  45.   }
  46.   .left_menu .active {
  47.           color: #4E4B98;
  48.           font-weight: bolder;
  49.   }
  50.   .left_menu .menu_name {
  51.           font-size: 12px;
  52.           display: block;
  53.           color: #376C4B;
  54.           text-decoration: none;
  55.           color: #376C4B;
  56.           font-weight: bolder;
  57.           margin-top: -40px;
  58.   }
  59.  
  60.   .top_menu {
  61.           background-image: url(images/header.png);
  62.           background-repeat: no-repeat;
  63.           height: 155px;
  64.           font-family: LilyUPC;
  65.           padding-left: 184px;
  66.           padding-top: 120px;
  67.   }
  68.   .top_menu  a {
  69.           font-size: 21px;
  70.           padding-left: 4px;
  71.           color: #376C4B;
  72.           text-decoration: none;
  73.   }
  74.   .top_menu a:hover {
  75.           color: #54519B;
  76.   }
  77.   .top_menu .active {
  78.           color: #4E4B98;
  79.           font-weight: bolder;
  80.   }
  81.  
  82.   .content {
  83.           font-family: Calibri;
  84.       font-size: 15px;
  85.           background-image: url(images/content.png);
  86.           background-repeat: no-repeat;
  87.           height: 402px;
  88.           padding-left: 20px;
  89.           padding-top: 64px;
  90.           vertical-align: top;
  91.   }
  92.   </style>
  93. </head>
  94.  
  95. <body>
  96. <div align="center">
  97. <table width="1001" border="0" cellpadding="0" cellspacing="0" style="border-style: hidden;">
  98.   <tr>
  99.     <td colspan="2" class="top_menu">
  100.         <a href="Menu Entry 1.html" class="active">Menu Entry 1&nbsp;&nbsp;|</a>
  101.         <a href="Menu Entry 2.html">Menu Entry 2&nbsp;&nbsp;|</a>
  102.         <a href="Menu Entry 3.html">Menu Entry 3&nbsp;&nbsp;|</a>
  103.         <a href="Menu Entry 4.html">Menu Entry 4&nbsp;&nbsp;|</a>
  104.         <a href="Menu Entry 5.html">Menu Entry 5&nbsp;&nbsp;|</a>
  105.     </td>
  106.   </tr>
  107.   <tr>
  108.     <td width="158"class="left_menu">
  109.         <span class="menu_name">Menu Header</span>
  110.         <a href="Menu Entry 1.html" style="margin-top: 38px;" class="active">Menu Entry 1</a>
  111.         <a href="Menu Entry 2.html">Menu Entry 2</a>
  112.         <a href="Menu Entry 3.html">Menu Entry 3</a>
  113.         <a href="Menu Entry 4.html">Menu Entry 4</a>
  114.         <a href="Menu Entry 5.html">Menu Entry 5</a>
  115.         <a href="Menu Entry 6.html">Menu Entry 6</a>
  116.         <a href="Menu Entry 7.html">Menu Entry 7</a>
  117.     </td>
  118.     <td class="content">
  119.         <table><tr><td width="358">
  120.             <p>Test text..</p>
  121.         </td>
  122.         <td style="padding-left: 44px; vertical-align: top;">&nbsp;</td></tr></table>
  123.     </td>
  124.   </tr>
  125. </table>
  126. </div>
  127.  
  128. </body>
  129.  
  130. </html>