pastebin - collaborative debugging

pastebin is a collaborative debugging tool allowing you to share and modify code snippets while chatting on IRC, IM or a message board.

This site is developed to XHTML and CSS2 W3C standards. If you see this paragraph, your browser does not support those standards and you need to upgrade. Visit WaSP for a variety of options.

HTML pastebin - collaborative debugging tool View Help


Posted by join on Tue 7 Oct 13:14
report abuse | download | new post

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.         "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  6. <head>
  7.         <title>demo_position_before_css</title>
  8.        
  9.         <style type="text/css">
  10.                 body {
  11.                         font-family: 'Lucida Grande';
  12.                         font-size: 11pt;
  13.                         background-color: #DEDEDE;
  14.                 }
  15.                
  16.                
  17.                 div.faireattention {
  18.                         float: right;
  19.                         width: 10em;
  20.                         margin: 1em;
  21.                         padding: 1em;
  22.                         font-family: 'Lucida Grande';
  23.                         font-size: 7pt;
  24.                         font-weight: bold;
  25.                         background-color: #CFCFCF;
  26.                         border: 1px solid #BFBFBF;
  27.                 }
  28.                
  29.                 div.faireattention:before {
  30.                         content: url('icon3.png') ' ';
  31.                 }
  32.                
  33.                
  34.                 div.faireattention2 {
  35.                         float: right;
  36.                         width: 10em;
  37.                         margin: 1em;
  38.                         padding-left: 7px;
  39.                         padding-right: 7px;
  40.                         padding-top: 3px; /* 7px - 4px */
  41.                         padding-bottom: 7px;
  42.                         font-family: 'Lucida Grande';
  43.                         font-size: 7pt;
  44.                         font-weight: bold;
  45.                         background-color: #CFCFCF;
  46.                         border: 1px solid #BFBFBF;
  47.                 }
  48.                
  49.                 div.faireattention2 > span {
  50.                         /* Repositionnement vertical ici ! */
  51.                         position: relative;
  52.                         top: 4px;
  53.                 }
  54.                
  55.                 div.faireattention2 > span:before {
  56.                         content: url('icon3.png') ' ';
  57.                 }
  58.         </style>
  59. </head>
  60.  
  61. <body>
  62. <h1>Exemplum</h1>
  63. <div class="faireattention">Pas bien.
  64.         </div>
  65. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque non tortor ac ligula imperdiet tempus. Nullam nec odio id odio commodo blandit. Aenean dictum eleifend justo. </p>
  66. <div class="faireattention2"><span></span>Bien.</div>
  67. <p>Mauris aliquet arcu eu tortor. Morbi sapien libero, scelerisque eu, consequat et, placerat nec, massa. Praesent fringilla congue ligula. Donec eget odio. Fusce viverra mattis nisl. Duis sit amet tortor. Integer convallis vehicula odio. Praesent ornare. Integer euismod. Cras vel lacus congue metus suscipit laoreet. Etiam quis diam nec leo congue bibendum. Quisque fermentum nisi non justo. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
  68. </body>
  69. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with @@


Remember me so that I can delete my post