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

Float Issue

By: ellp on Mar 25th, 2013  |  syntax: PHP  |  size: 17.50 KB  |  views: 33  |  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.  
  2. <!DOCTYPE html>
  3.  
  4. <!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en-US"> <![endif]-->
  5. <!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en-US"> <![endif]-->
  6. <!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en-US"> <![endif]-->
  7. <!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en-US"> <![endif]-->
  8. <!--[if gt IE 9]><!--><html class="no-js" lang="en-US"><!--<![endif]-->
  9. <!-- the "no-js" class is for Modernizr. -->
  10.  
  11. <head id="www-sitename-com" data-template-set="html5-reset-wordpress-theme" profile="http://gmpg.org/xfn/11">
  12.  
  13.         <meta charset="UTF-8">
  14.        
  15.         <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
  16.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  17.        
  18.        
  19.         <title>
  20.                      Sample Page - A.M Araujo   </title>
  21.        
  22.         <meta name="title" content="  Sample Page - A.M Araujo">
  23.         <meta name="description" content="Illustradora">
  24.        
  25.         <meta name="google-site-verification" content="">
  26.         <!-- Speaking of Google, don't forget to set your site up: http://google.com/webmasters -->
  27.        
  28.         <meta name="author" content="Your Name Here">
  29.         <meta name="Copyright" content="Copyright Your Name Here 2011. All Rights Reserved.">
  30.  
  31.         <!-- Dublin Core Metadata : http://dublincore.org/ -->
  32.         <meta name="DC.title" content="Project Name">
  33.         <meta name="DC.subject" content="What you're about.">
  34.         <meta name="DC.creator" content="Who made this site.">
  35.        
  36.         <!--  Mobile Viewport meta tag
  37.         j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
  38.         device-width : Occupy full width of the screen in its current orientation
  39.         initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
  40.         maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width -->
  41.         <!-- Uncomment to use; use thoughtfully!
  42.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  43.         -->
  44.        
  45.         <link rel="shortcut icon" href="http://localhost:8888/andrea/wp-content/themes/reset/_/img/favicon.ico">
  46.         <!-- This is the traditional favicon.
  47.                  - size: 16x16 or 32x32
  48.                  - transparency is OK
  49.                  - see wikipedia for info on browser support: http://mky.be/favicon/ -->
  50.                  
  51.         <link rel="apple-touch-icon" href="http://localhost:8888/andrea/wp-content/themes/reset/_/img/apple-touch-icon.png">
  52.         <!-- The is the icon for iOS's Web Clip.
  53.                  - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
  54.                  - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
  55.                  - Transparency is not recommended (iOS will put a black BG behind the icon) -->
  56.        
  57.         <!-- CSS: screen, mobile & print are all in the same file -->
  58.         <link rel="stylesheet" href="http://localhost:8888/andrea/wp-content/themes/reset/style.css">
  59.        
  60.         <!-- all our JS is at the bottom of the page, except for Modernizr. -->
  61.         <script src="http://localhost:8888/andrea/wp-content/themes/reset/_/js/modernizr-1.7.min.js"></script>
  62.        
  63.         <link rel="pingback" href="http://localhost:8888/andrea/xmlrpc.php" />
  64.  
  65.        
  66.         <meta name='robots' content='noindex,nofollow' />
  67. <link rel="alternate" type="application/rss+xml" title="A.M Araujo &raquo; Feed" href="http://localhost:8888/andrea/feed/" />
  68. <link rel="alternate" type="application/rss+xml" title="A.M Araujo &raquo; Comments Feed" href="http://localhost:8888/andrea/comments/feed/" />
  69. <link rel="alternate" type="application/rss+xml" title="A.M Araujo &raquo; Sample Page Comments Feed" href="http://localhost:8888/andrea/sample-page/feed/" />
  70. <link rel='stylesheet' id='admin-bar-css'  href='http://localhost:8888/andrea/wp-includes/css/admin-bar.min.css?ver=3.5.1' type='text/css' media='all' />
  71. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=3.5.1'></script>
  72. <script type='text/javascript' src='http://localhost:8888/andrea/wp-includes/js/comment-reply.min.js?ver=3.5.1'></script>
  73. <link rel='next' title='Home' href='http://localhost:8888/andrea/' />
  74. <link rel='canonical' href='http://localhost:8888/andrea/sample-page/' />
  75.         <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
  76. <style type="text/css" media="print">#wpadminbar { display:none; }</style>
  77. <style type="text/css" media="screen">
  78.         html { margin-top: 28px !important; }
  79.         * html body { margin-top: 28px !important; }
  80. </style>
  81.        
  82. </head>
  83.  
  84. <body class="page page-id-2 page-template-default logged-in admin-bar no-customize-support">
  85.        
  86.         <div id="page-wrap"><!-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres -->
  87.  
  88.                 <header id="header">
  89.                         <h1><a href="http://localhost:8888/andrea/">A.M Araujo -  <span class="description">Illustradora</span></a></h1>
  90.                        
  91.                 </header>
  92.                
  93.                 <div class="menu"><ul><li class="page_item page-item-4"><a href="http://localhost:8888/andrea/">Home</a></li><li class="page_item page-item-2 current_page_item"><a href="http://localhost:8888/andrea/sample-page/">Sample Page</a></li></ul></div>
  94.  
  95.                                
  96.                 <article class="post" id="post-2">
  97.  
  98.                         <h2>Sample Page</h2>
  99.  
  100.                         <footer class="meta">
  101.         <i>Posted on:</i> <time datetime="2013-03-25T16:45:24+00:00" pubdate class="updated">February 7th, 2013</time>
  102.         <span class="byline author vcard">
  103.                 <i>by</i> <span class="fn">admin</span>
  104.         </span>
  105.         <a href="http://localhost:8888/andrea/sample-page/#respond" class="comments-link"  title="Comment on Sample Page">No Comments</a></footer>
  106.                         <div class="entry">
  107.  
  108.                                 <p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p>
  109. <blockquote><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)</p></blockquote>
  110. <p>&#8230;or something like this:</p>
  111. <blockquote><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p></blockquote>
  112. <p>As a new WordPress user, you should go to <a href="http://localhost:8888/andrea/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p>
  113.  
  114.                                
  115.                         </div>
  116.  
  117.                         <p><a class="post-edit-link" href="http://localhost:8888/andrea/wp-admin/post.php?post=2&amp;action=edit" title="Edit Page">Edit this entry.</a></p>
  118.                 </article>
  119.                
  120.                
  121.  
  122.                         <!-- If comments are open, but there are no comments. -->
  123.  
  124.                
  125.  
  126.  
  127. <div id="respond">
  128.  
  129.         <h2>Leave a Reply</h2>
  130.  
  131.         <div class="cancel-comment-reply">
  132.                 <a rel="nofollow" id="cancel-comment-reply-link" href="/andrea/sample-page/#respond" style="display:none;">Click here to cancel reply.</a>      </div>
  133.  
  134.        
  135.         <form action="http://localhost:8888/andrea/wp-comments-post.php" method="post" id="commentform">
  136.  
  137.                
  138.                         <p>Logged in as <a href="http://localhost:8888/andrea/wp-admin/profile.php">admin</a>. <a href="http://localhost:8888/andrea/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Flocalhost%3A8888%2Fandrea%2Fsample-page%2F&amp;_wpnonce=c2c84a42a2" title="Log out of this account">Log out &raquo;</a></p>
  139.  
  140.                
  141.                 <!--<p>You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></p>-->
  142.  
  143.                 <div>
  144.                         <textarea name="comment" id="comment" cols="58" rows="10" tabindex="4"></textarea>
  145.                 </div>
  146.  
  147.                 <div>
  148.                         <input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
  149.                         <input type='hidden' name='comment_post_ID' value='2' id='comment_post_ID' />
  150. <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
  151.                 </div>
  152.                
  153.                 <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="fece3f37cd" /><script>(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();</script>
  154.  
  155.         </form>
  156.  
  157.                
  158. </div>
  159.  
  160.  
  161.                
  162. <div id="sidebar">
  163.  
  164.     <div id="search-2" class="widget widget_search"><form action="http://localhost:8888/andrea" id="searchform" method="get">
  165.     <div>
  166.         <label for="s" class="screen-reader-text">Search for:</label>
  167.         <input type="search" id="s" name="s" value="" />
  168.        
  169.         <input type="submit" value="Search" id="searchsubmit" />
  170.     </div>
  171. </form></div>           <div id="recent-posts-2" class="widget widget_recent_entries">          <h2>Recent Posts</h2>           <ul>
  172.                                         <li>
  173.                                 <a href="http://localhost:8888/andrea/hello-world/" title="Hello world!">Hello world!</a>
  174.                                                 </li>
  175.                                 </ul>
  176.                 </div><div id="recent-comments-2" class="widget widget_recent_comments"><h2>Recent Comments</h2><ul id="recentcomments"><li class="recentcomments"><a href='http://wordpress.org/' rel='external nofollow' class='url'>Mr WordPress</a> on <a href="http://localhost:8888/andrea/hello-world/#comment-1">Hello world!</a></li></ul></div><div id="archives-2" class="widget widget_archive"><h2>Archives</h2>           <ul>
  177.                         <li><a href='http://localhost:8888/andrea/2013/02/' title='February 2013'>February 2013</a></li>
  178.                 </ul>
  179. </div><div id="categories-2" class="widget widget_categories"><h2>Categories</h2>               <ul>
  180.         <li class="cat-item cat-item-1"><a href="http://localhost:8888/andrea/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
  181. </li>
  182.                 </ul>
  183. </div><div id="meta-2" class="widget widget_meta"><h2>Meta</h2>                 <ul>
  184.                         <li><a href="http://localhost:8888/andrea/wp-admin/">Site Admin</a></li>                        <li><a href="http://localhost:8888/andrea/wp-login.php?action=logout&#038;_wpnonce=c2c84a42a2">Log out</a></li>
  185.                         <li><a href="http://localhost:8888/andrea/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  186.                         <li><a href="http://localhost:8888/andrea/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  187.                         <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
  188.                                                 </ul>
  189. </div>
  190. </div>
  191.                
  192.                
  193.  
  194.         </div><!--end page-wrap-->
  195.        
  196.         <footer id="footer" class="source-org vcard copyright website-info">
  197.                        
  198.                         <p>&copy;2013 A. M. Araujo - Ilustradora. All Rights Reserved. Webdesign: <a href="#">QuartoEstudio.com</a></p>
  199.         </footer>
  200.        
  201.  
  202.         <script type='text/javascript' src='http://localhost:8888/andrea/wp-includes/js/admin-bar.min.js?ver=3.5.1'></script>
  203.         <script type="text/javascript">
  204.                 (function() {
  205.                         var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
  206.  
  207.                         request = true;
  208.  
  209.                         b[c] = b[c].replace( rcs, ' ' );
  210.                         b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
  211.                 }());
  212.         </script>
  213.                         <div id="wpadminbar" class="nojq nojs" role="navigation">
  214.                         <a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
  215.                         <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0">
  216.                                 <ul id="wp-admin-bar-root-default" class="ab-top-menu">
  217.                 <li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost:8888/andrea/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
  218.                 <li id="wp-admin-bar-about"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/about.php">About WordPress</a>              </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
  219.                 <li id="wp-admin-bar-wporg"><a class="ab-item"  href="http://wordpress.org/">WordPress.org</a>          </li>
  220.                 <li id="wp-admin-bar-documentation"><a class="ab-item"  href="http://codex.wordpress.org/">Documentation</a>            </li>
  221.                 <li id="wp-admin-bar-support-forums"><a class="ab-item"  href="http://wordpress.org/support/">Support Forums</a>                </li>
  222.                 <li id="wp-admin-bar-feedback"><a class="ab-item"  href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a>         </li></ul></div>                </li>
  223.                 <li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost:8888/andrea/wp-admin/">A.M Araujo</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
  224.                 <li id="wp-admin-bar-dashboard"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/">Dashboard</a>         </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
  225.                 <li id="wp-admin-bar-themes"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/themes.php">Themes</a>             </li>
  226.                 <li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/customize.php?url=http%3A%2F%2Flocalhost%3A8888%2Fandrea%2Fsample-page%2F">Customize</a>           </li>
  227.                 <li id="wp-admin-bar-widgets"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/widgets.php">Widgets</a>          </li>
  228.                 <li id="wp-admin-bar-menus"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/nav-menus.php">Menus</a>            </li></ul></div>                </li>
  229.                 <li id="wp-admin-bar-comments"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/edit-comments.php" title="0 comments awaiting moderation"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a>               </li>
  230.                 <li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item"  aria-haspopup="true" href="http://localhost:8888/andrea/wp-admin/post-new.php" title="Add New"><span class="ab-icon"></span><span class="ab-label">New</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
  231.                 <li id="wp-admin-bar-new-post"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/post-new.php">Post</a>           </li>
  232.                 <li id="wp-admin-bar-new-media"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/media-new.php">Media</a>                </li>
  233.                 <li id="wp-admin-bar-new-page"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/post-new.php?post_type=page">Page</a>            </li>
  234.                 <li id="wp-admin-bar-new-user"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/user-new.php">User</a>           </li></ul></div>                </li>
  235.                 <li id="wp-admin-bar-edit"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/post.php?post=2&#038;action=edit">Edit Page</a>              </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
  236.                 <li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://localhost:8888/andrea/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div>              </li>
  237.                 <li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item"  aria-haspopup="true" href="http://localhost:8888/andrea/wp-admin/profile.php" title="My Account">Howdy, admin<img alt='' src='http://1.gravatar.com/avatar/91d4abfec3e2c2509e3620c90de2d123?s=16&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&amp;r=G' class='avatar avatar-16 photo' height='16' width='16' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
  238.                 <li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://localhost:8888/andrea/wp-admin/profile.php"><img alt='' src='http://1.gravatar.com/avatar/91d4abfec3e2c2509e3620c90de2d123?s=64&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&amp;r=G' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>admin</span></a>               </li>
  239.                 <li id="wp-admin-bar-edit-profile"><a class="ab-item"  href="http://localhost:8888/andrea/wp-admin/profile.php">Edit My Profile</a>             </li>
  240.                 <li id="wp-admin-bar-logout"><a class="ab-item"  href="http://localhost:8888/andrea/wp-login.php?action=logout&#038;_wpnonce=c2c84a42a2">Log Out</a>            </li></ul></div>                </li></ul>                      </div>
  241.                         <a class="screen-reader-shortcut" href="http://localhost:8888/andrea/wp-login.php?action=logout&#038;_wpnonce=c2c84a42a2">Log Out</a>
  242.                 </div>
  243.  
  244.                
  245.  
  246. <!-- here comes the javascript -->
  247.  
  248. <!-- jQuery is called via the Wordpress-friendly way via functions.php -->
  249.  
  250. <!-- this is where we put our custom functions -->
  251. <script src="http://localhost:8888/andrea/wp-content/themes/reset/_/js/functions.js"></script>
  252.  
  253. <!-- Asynchronous google analytics; this is the official snippet.
  254.          Replace UA-XXXXXX-XX with your site's ID and uncomment to enable.
  255.          
  256. <script>
  257.  
  258.  var _gaq = _gaq || [];
  259.  _gaq.push(['_setAccount', 'UA-XXXXXX-XX']);
  260.  _gaq.push(['_trackPageview']);
  261.  
  262.  (function() {
  263.    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  264.    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  265.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  266.   })();
  267.  
  268. </script>
  269. -->
  270.  
  271. </body>
  272.  
  273. </html>
clone this paste RAW Paste Data