Differenze tra le versioni di "Template:Prova2"

Da Wikifarmaco.
Riga 1: Riga 1:
−
<div class="table-container"; {
+
<div class="table-container">
−
    overflow-y: scroll;
+
<table class="data-table">
−
    -webkit-overflow-scrolling: touch;
+
<thead>
−
}
+
<tr>
−
@media screen and (min-width: 900px){
+
<th>A Heading</th>
−
    .table-container {
+
<th>A Longer Heading</th>
−
    overflow: visible;
+
<th>A Really Really Really Long Heading</th>
−
    }
+
<th>A Really Really...Oh Hell I Think You Get It.</th>
−
}
+
</tr>
−
body{
+
</thead>
−
    padding: 1em;
+
<tbody>
−
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<tr>
−
    color: #222;
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
}
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
table{
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
    border-collapse: collapse;
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
    border-spacing: 0;
+
</tr>
−
    background-color: white;
+
<tr>
−
    width: 100%;
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
    border: 1px solid #c3c9cc;
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
}
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
th, td{
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
    padding: 1em 0.75em;
+
</tr>
−
    text-align: left;
 
−
}
 
−
th{
 
−
    background-color: #f5f5f5;
 
−
    white-space: nowrap;
 
−
}
 
−
td{
 
−
    border-top: 1px solid #c3c9cc;
 
−
}
 
−
>
 
−
    <table class="data-table">
 
−
        <thead>
 
 
             <tr>
 
             <tr>
−
                <th>A Heading</th>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
                <th>A Longer Heading</th>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
                <th>A Really Really Really Long Heading</th>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
            </tr>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
        </thead>
+
</tr>
−
        <tbody>
 
 
             <tr>
 
             <tr>
−
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
            </tr>  
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
−
             ...
+
</tr>
−
        </tbody>
+
             <tr>
−
    </table>
+
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
 +
</tr>
 +
</tbody>
 +
</table>
 
</div>
 
</div>

Versione delle 23:04, 6 set 2013

<thead> </thead> <tbody> </tbody>
A Heading A Longer Heading A Really Really Really Long Heading A Really Really...Oh Hell I Think You Get It.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Estratto da "https://wikifarmaco.org/index.php?title=Template:Prova2&oldid=32480"