Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

What's the best way to represent a stage script in HTML

By: a guest on Feb 27th, 2012  |  syntax: None  |  size: 1.68 KB  |  hits: 25  |  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. <pre>
  2.        
  3. <dl>
  4.    <dt>Jeff</dt>
  5.    <dd>This sure is a nice website we've got now.</dd>
  6. </dl>
  7.  
  8.  
  9. dl {
  10.   overflow:hideen;
  11. }
  12.  
  13. dl dt {
  14.   float:left;
  15.   width:30%;
  16. }
  17.  
  18. dl dd {
  19.   float:left;
  20.   width:70%;
  21. }
  22.        
  23. <ol>
  24.   <li><cite>Jeff</cite>
  25.     <blockquote><p>This sure is a nice website we've got now.</p><blockquote>
  26.   </li>
  27.   <li><cite>Joel</cite>
  28.     <blockquote><p>It certainly is. By the way, working at FogCreek rocks.</p></blockquote>
  29.   </li>
  30.   ...etc...
  31. </ol>
  32.        
  33. <dialog>
  34.   <dt>Jeff
  35.   <dd>This sure is a nice website we've got now.
  36.   <dt>Joel
  37.   <dd>It certainly is. By the way, working at FogCreek rocks.
  38.   <dt>Jeff
  39.   <dd>Of course it does. Have you played Rock Band yet? It's a lot of fun.
  40. </dialog>
  41.        
  42. <div class="play">
  43.     <h2>Jeff</h2>        
  44.     <p>This sure is a nice website we've got now.</p>
  45.  
  46.     <h2>Joel</h2>
  47.     <p>It certainly is. By the way, working at FogCreek rocks.</p>
  48.  
  49.     <h2>Jeff</h2>        
  50.     <p>Of course it does. Have you played Rock Band yet? It's<br />
  51.     a lot of fun.</p>
  52. </div>
  53.        
  54. .play h2 {
  55.     float:left;
  56.     clear:left;
  57.     width:100px;
  58.     margin:0;
  59. }
  60. .play p {
  61.     margin-left:100px;
  62. }
  63.        
  64. <content><<Hello,>> Forne smiled and thought: <<T Idiot.>></content>
  65.        
  66. <content><say>Hello,</say> <char>Forne</char> smiled and thought: <think>Idiot.</think></content>
  67.        
  68. <div class="script">
  69. <label for="Jeff1">Jeff<label>
  70. <div id="Jeff1">
  71.   <p>This sure is a nice website we've got now.</p>
  72. </div>
  73.  
  74. <label for="Joel1">Joel</label>
  75. <div id="Joel1">
  76.   <p>It certainly is.</p>
  77.   <p>By the way, working at FogCreek rocks.</p>
  78. </div>
  79.  
  80. <label for="Jeff2">Jeff</label>
  81. <div id="Jeff2">
  82.   <p>Of course it does.</p>
  83.   <p>Have you played Rock Band yet? It's a lot of fun.</p>
  84. </div>
  85.  
  86. </div>
create a new version of this paste RAW Paste Data