Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Tableaux

le Mar 23 Aoû - 13:15
NOTICE EN CONSTRUCTION
C'est pour bientôt !
Harum trium sententiarum nulli prorsus assentior. Nec enim illa prima vera est, ut, quem ad modum in se quisque sit, sic in amicum sit animatus. Quam multa enim, quae nostra causa numquam faceremus, facimus causa amicorum! precari ab indigno, supplicare, tum acerbius in aliquem invehi insectarique vehementius, quae in nostris rebus non satis honeste, in amicorum fiunt honestissime; multaeque res sunt in quibus de suis commodis viri boni multa detrahunt detrahique patiuntur, ut iis amici potius quam ipsi fruantur.

Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent.
Tous droits réservés | par Robin | http://libre-service.conceptforum.net
Parcourir ce site et en utiliser les ressources proposées implique le respect des conditions imposées.
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Tableaux

le Mar 23 Aoû - 13:15
CODE HTML :
Code:
<table class="bordered">
      <thead>
        <tr>
          <th>#</th>
          <th>Description</th>
          <th>Prix</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Epée en bois</td>
          <td>10 po</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Ecu en bois</td>
          <td>30 po</td>
        </tr>
      </tbody>
    </table><div style="float:right; text-shadow: 1px 1px 10px #000000;"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr"><img alt="Licence Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png"></a><br><a href="http://libre-service.conceptforum.net" style="color: #000000;  text-decoration: none!important; font-size:9px;">libre-service.conceptforum.net</a></div>

CODE CSS :
Code:
table {
border-spacing: 0;
width: 500px;
}
.bordered {
border: solid #ccc 1px;
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 3px 3px #ccc;
-moz-box-shadow: 0 3px 3px #ccc;
box-shadow: 0 3px 3px #ccc;
}

.bordered td, .bordered th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: left;
}

.bordered th {
background-color: #dce9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from (#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: linear-gradient(top, #ebf3fc, #dce9f9);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, .8) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255, .8) inset;
box-shadow: 0 1px 0 rgba(255,255,255, .8) inset;
border-top: none;
text-shadow: 0 1px 0 rgba(255,255,255, .5);
}

.bordered td:first-child, .bordered th:first-child {
border-left: none;
}

.bordered th:first-child{
-moz-border-radius: 20px 0 0 0;
-webkit-border-radius: 20px 0 0 0;
border-radius: 20px 0 0 0;
}

.bordered th:last-child{
-moz-border-radius: 0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
}

.bordered tr:last-child td:first-child {
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
}

.bordered tr:last-child td:last-child {
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
}
.bordered tr:hover {
background: #F9F3DB;}
Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum