Probleme bouton css

Nouveau WRInaute
Bonjour, je n'arrive pas à supprimer les marges en dessous et en dessus du texte :
395229cats2.jpg


J'ai bien essayé d'ajouter height mais voici ce que ce donne :
317698cats.jpg


Mon code:
Code:
.download-button {
    background-color: #0099CC;
    background-image: linear-gradient(#009FD4, #0099CC, #0086B2);
    border: 1px solid #0086B2;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.75em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

}

Ma div:
Code:
<a rel="nofollow" href="http://wrooom.net/download/2153/" class="aligncenter download-button">
	Télécharger “City Style PC”<small>city-style.rar &ndash; Téléchargé une fois &ndash; 88 MB</small>
</a>
Comment supprimé les marges? Merci pour votre aide ;)
 
Nouveau WRInaute
Merci Doubrovski, j'ai pu diminuer la marge en effet avec padding:1px 5px; , mais j'ai toujours une marge au dessus du texte que je n'arrive pas à enlever. J'imagine que c'est le texte qui se place mal..
 
Nouveau WRInaute
je n'y arrive toujours pas, j'y est passé ma journée..est ce que quelqu'un peu m'aider ..

j'ai donc ajouté padding:1px 5px; , mais il y toujours une marge au dessus du texte même en modifiant le padding autrement et essayé vertical-align:middle; pour le texte défoi que ..

673919cats.jpg
 
Nouveau WRInaute
c'est que y a pas de br avant et même si j'enlève l'autre ca fait pareil ..

Code:
<strong>Télécharger la version <span style="text-decoration: underline;">PC</span> complète gratuite du jeu City Style en français</strong>
<div class="centrage"><a class="aligncenter download-button" href="http://wrooom.net/jeux/city-style.rar" rel="nofollow">
	Télécharger “City Style PC”<br /><small>city-style.rar &ndash; Téléchargé une fois &ndash; 88 MB</small>
</a></div>
 
Nouveau WRInaute
J'utilise wordpress, et j'ai vérifié tous mes fichiers..mais si vous voulez voir par vous même je peut vous montrez celui que vous voulez..
 
Nouveau WRInaute
Ok, d'après ce que je comprend il faut placer dans le function.php :
Code:
remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

mais je le copie/colle exactement comme ca ou j'ajoute <?php ?> ?

Code:
<?php remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' ); ?>

Je préfère demandé car je suis une pro des parse error !
 
WRInaute occasionnel
Je ne connais pas ce filtre, c'est à tester dans function.php
C'est du code php donc il doit être contenu en <?php et ?>
Ces balises existent déjà probablement dans function.php
Le mieux est de modifier un fichier function.php contenu dans un child theme pour que la modif ne disparaîsse pas à chaque mise à jour du thème.
 
Nouveau WRInaute
j'ai ajouté :
Code:
<?php remove_filter( 'the_content', 'wpautop' ); ?>
<?php remove_filter( 'the_excerpt', 'wpautop' ); ?>

en toute fin de function.php et ca marche nikel !

@spout, comment as tu vue que c'était à cause de wpautop ?
 
WRInaute occasionnel
C'est une fonction wordpress qui convertie les sauts de lignes en <br />
Comme pour les wysiwyg (convertion html automatique de ce que l'on tape dans un éditeur visuel).
 
Nouveau WRInaute
Bon bé c'est super cooooll !! Un énorme merci à vous deux, je n'aurais pas trouvé toute seul :wink: Merci beaucoup !!
 
Nouveau WRInaute
Coucou, c'est remoi ! Juste pour info, je me suis rendu compte que je n'avait plus d'espace et impossible d'en créer dans mes articles, donc j'ai supprimé :
Code:
<?php remove_filter( 'the_content', 'wpautop' ); ?>
<?php remove_filter( 'the_excerpt', 'wpautop' ); ?>

et installé TinyMCE Advanced à la place et ca donne le résultat voulu ;)

Ciaooo
 
Discussions similaires
Haut