Last active
February 11, 2018 07:55
-
-
Save mistergraphx/5b3a4dce3f41baced35c to your computer and use it in GitHub Desktop.
Responsive tables presentations.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p> | |
| <strong><span style="text-decoration:underline;">Vous souhaitez des idées de décoration de bouquets de ballons ! cliquez sur la vignette de votre choix</span></strong></p> | |
| <table border="0" cellpadding="0" cellspacing="0" class="tableau-fluide"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-licence.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr/client/gfx/images/aaaLicences0001.jpg" style="width: 100%;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-noel.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNoel0013.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-special-occasion.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaOccasuins%20sp%C3%A9ciales0009(1).jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-saint-valentin.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaSaint%20Valentin0040.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-paques.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaPaques0009.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-peres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20p%C3%A8res0002.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| </tr> | |
| <tr> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-amour-et-tendresse.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaAmour%20et%20tendresse0002(1).jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-pour-le-jour-de-l-an.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNouvelAnjpg.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-halloween-1.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center; font-weight: bold;"><img alt="" src="/client/gfx/images/aaahalloween.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-naissance.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNaissance0017.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-meres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20meres0010.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-anniversaire.html" style="text-decoration: underline; outline: 0px; font-weight: bold; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaanniv.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| </tr> | |
| </tbody> | |
| </table> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.4) | |
| // Compass (v1.0.1) | |
| // Breakpoint (v2.5.0) | |
| // ---- | |
| @import "breakpoint"; | |
| $phone : '360px'; | |
| .tableau-fluide { | |
| width:100%; | |
| height:auto; | |
| > img{ | |
| width:100%; | |
| height:auto; | |
| } | |
| @include breakpoint($phone){ | |
| td { | |
| width:100%; | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .tableau-fluide { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .tableau-fluide > img { | |
| width: 100%; | |
| height: auto; | |
| } | |
| @media (min-width: 360px) { | |
| .tableau-fluide td { | |
| width: 100%; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p> | |
| <strong><span style="text-decoration:underline;">Vous souhaitez des idées de décoration de bouquets de ballons ! cliquez sur la vignette de votre choix</span></strong></p> | |
| <table border="0" cellpadding="0" cellspacing="0" class="tableau-fluide"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-licence.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr/client/gfx/images/aaaLicences0001.jpg" style="width: 100%;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-noel.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNoel0013.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-special-occasion.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaOccasuins%20sp%C3%A9ciales0009(1).jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-saint-valentin.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaSaint%20Valentin0040.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-paques.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaPaques0009.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-peres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20p%C3%A8res0002.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| </tr> | |
| <tr> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-amour-et-tendresse.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaAmour%20et%20tendresse0002(1).jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-pour-le-jour-de-l-an.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNouvelAnjpg.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-halloween-1.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center; font-weight: bold;"><img alt="" src="/client/gfx/images/aaahalloween.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-naissance.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNaissance0017.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="width: 16%; text-align: center;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-fete-des-meres.html" style="text-decoration: underline; outline: 0px; font-size: 12.222222328186px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaafete%20des%20meres0010.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| <td style="text-align: center; width: 16%;"> | |
| <a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-anniversaire.html" style="text-decoration: underline; outline: 0px; font-weight: bold; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaanniv.jpg" style="height: 260px; width: 140px;" /></a></td> | |
| </tr> | |
| </tbody> | |
| </table> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment