JSFiddle

  • menu-vertical-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
      <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
      <nav class="clearfix horizontal"><a>1</a>
        <a>2</a>
        <a>3</a>
        <a>4</a>
    
      </nav>
      <p>Detta är en p-tagg. a ...</p></div>
  • menu-vertical-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav class="clearfix"><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • menu-vertical-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav class="clearfix"><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • menu-vertical-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav class="clearfix"><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • menu-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav class="clearfix"><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • yatzy table

    No-Library (pure JS), HTML, CSS, JavaScript

    <table>
        <tr>
            <td>Yatzy</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Ettor</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Tvåor</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Treor</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Fyror</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Femor</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Sexor</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Summa</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>Bonus</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>1 par</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    
  • table css

    No-Library (pure JS), HTML, CSS, JavaScript

    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
  • description-list-4

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>källa: http://maxdesign.com.au/articles/definition/</p>
    <dl class="table-display">
    	<dt>Green and Golden Bell Frog</dt>
    	<dd>Nisl ut aliquip ex ea commodo consequat</dd>
    	<dt>Bull ...</dt></dl>
  • description-list-8

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>källa: http://maxdesign.com.au/articles/definition/</p>
    <dl class="multiple-table">
    	<dt>Green and Golden Bell Frog</dt>
    	<dd>Nisl ut aliquip ex ea commodo consequat</dd>
    	<dt>Bull ...</dt></dl>
  • description-list-7

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>källa: http://maxdesign.com.au/articles/definition/</p>
     <dl class="event">
    	<dt>23 March</dt>
    	<dd>Car club meeting</dd>
    	<dd>7pm</dd>
    	<dd>See a wide range of classic cars ...</dd></dl>