hello,
J'ai du mal à afficher ma banière. Je m'explique : celle-ci est considéré par certains soft comme de la pub, et elle est bloqué. Ca c'est pas très pratique. Alors j'ai trouvé ca :
Code :
- HTML codes:
- <div class="banner">
- <a href="http://mozillafirebird.com/" title="Mozilla Firebird unofficial home page">
- <span>Advertisement : Mozilla Firebird, the best browser on Earth. Download now!</span>
- </a></div>
- CSS codes:
- @media screen,projection{
- .banner,
- .banner a{
- /* dimensions of the banner */
- width: 468px;
- height: 60px;
- display: block;
- margin: auto; /* optionally, align the banner to the center */
- }
- .banner a span{
- display: none; /* hide the text */
- }
- .banner{
- /* display the non-animated banner image, by default */
- background: transparent url("moz_banner.png" ) no-repeat;
- color: inherit;
- }
- .banner a:hover{
- /* display the animated banner image, only when hovered */
- background: transparent url("moz_banner.gif" ) no-repeat;
- color: inherit;
- }
- }
|
http://www.phoenity.com/newtedge/effective_banner/
Ca fonctionne tres bien j'ai testé, mais pas dans mon cas (ma bannière est bloqué), et je vois pas pourquoi, j'espere que vous pourrez m'aider
Code :
- Mon code :
- html
- <div class="banner1">
- <a href="?page=home"><span>Test</span></a>
- </div>
- css
- .banner1,
- .banner1
- {
- margin: 0 auto 0 auto;
- background: transparent url("../../img/main/banner.gif" ) no-repeat;
- }
- .banner1 a{
- width: 723px;
- height: 60px;
- display: block;
- margin: 0 auto 0 auto;
- }
- .banner1 a span
- {
- display: none;
- }
|
Edit : le titre, parce que ca attire pas bcp de monde on dirait
Message édité par Big-Foot le 16-01-2004 à 19:01:13