28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J' ai récupéré un code qu' une personne a crée.
Ce code permet d' adapter l' image de fond au texte que je tape et de coller à l' extremité droite de ce que je tape une image ( le bouton s' adapte au texte ).
Je ne réussi pas à le configurer correctement.
voici le lien du code:
http://chrisllers.free.fr/essai.html
J' aimerai faire disparaître le soulignage rouge qui vient de je ne sais où et remonter un peu le texte qui est trop bas.
voici le code html
a écrit :
- Téléchargement : <a class="telecharger" href="logitheque/DVDDecrypter_3.5.4.0_Fr.exe"><strong>Télécharger le logiciel <span class="version">Version 3.5.4.0</span></strong></a>

et le code CSS

.telecharger, .telecharger strong, button.telecharger span
{
background:url(photos/fond-telechargement.png);
background-repeat:no-repeat;
background-position: left top;
vertical-align:middle;
}
.telecharger, button.telecharger span
{
display:-moz-inline-box;
display:inline-block;
padding-left:60px;
}
.telecharger strong
{
display:block;
font-weight:bold;
color:black;
background-position:right top;
line-height:34px;
width:1%;
white-space:nowrap;
padding-right:20px;
cursor:pointer;
}
.telecharger:hover
{
color:#FF6666;
}
.version
{
font-size:11px;
}

si quelqu' un peut m' aider ce serait sympa Smiley cligne
Modifié par krsytof (05 Dec 2007 - 22:16)
Voici les modification (en rouge) :
.telecharger, .telecharger strong, button.telecharger span
{
background:url(photos/fond-telechargement.png);
background-repeat:no-repeat;
background-position: left [#red]center[/#];
vertical-align:middle;
}
.telecharger, button.telecharger span
{
display:-moz-inline-box;
display:inline-block;
padding-left:60px;
[#red]text-decoration:none;[/#]
}
.telecharger strong
{
display:block;
font-weight:bold;
color:black;
background-position:right [#red]center[/#];
line-height:34px;
width:1%;
white-space:nowrap;
padding-right:20px;
cursor:pointer;
}
.telecharger:hover
{
color:#FF6666;
}
.version
{
font-size:11px;
}

Smiley cligne
bonjour et merci Fleuveblanc !
c' est presque parfait.
Je voudrais juste faire remonter un peu le texte car il est un peu trop bas par rapport à l' image.
C' est possible ?