Probleme bouton css

[gwenm]

Bonjour, je n'arrive pas à supprimer les marges en dessous et en dessus du texte :

J'ai bien essayé d'ajouter height mais voici ce que ce donne :

Mon 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:

<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

 

[Doubrovski]

En principe c'est le padding. Les marges intérieures.

 

[gwenm]

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..

 

[gwenm]

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 ..

 

[Doubrovski]

Votre bouton est en ligne ? Que je puisse tester. Sinon sans connaître le css vous pouvez générer des boutons en ligne et obtenir le code :
http://www.bestcssbuttongenerator.com/

 

[gwenm]

merci ton aide, le bouton est bien en ligne ici

 

[spout]

C'est à cause du premier <br> dedans.

 

[gwenm]

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

<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>

 

[spout]

J'ai dis "dedans":

En le supprimant via le débuggeur je vois bien que c'est ça.

 

[gwenm]

oui, et ca fonctionne bien quand on les enlève .. mais je les trouve pas ces salopio! :mrgreen:

 

[Doubrovski]

Moi aussi j'y arrive en supprimant les <br>.

Vous utilisez un cms ou une interface WYSIWYG ? Il nous faut le code source.

 

[gwenm]

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..

 

[spout]

C'est à cause de wpautop alors: http://codex.wordpress.org/Function_Reference/wpautop

 

[gwenm]

Ok, d'après ce que je comprend il faut placer dans le function.php :

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

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

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

Je préfère demandé car je suis une pro des parse error !

 

[Doubrovski]

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.

 

[gwenm]

j'ai ajouté :

<?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 ?

 

[Doubrovski]

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).

 

[spout]

@spout, comment as tu vue que c'était à cause de wpautop ?

L'expérience

 

[gwenm]

Bon bé c'est super cooooll !! Un énorme merci à vous deux, je n'aurais pas trouvé toute seul :wink: Merci beaucoup !!

 

[gwenm]

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é :

<?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