Forum
Forum :: Aide en CSS
[Résolu]Remonter du texte dans un news ?
<< Sujet précédent | Sujet suivant >>
Moderateurs: Alexis
Auteur Message
Tinlenval
Messages: 36
Bonjour, bonsoir.

En refaisant le CSS de mon site, j'en suis arrivé aux news. J'ai voulu faire un arrondi en contour ainsi qu'y mettre une barrière noire comme ici :

Spoiler
Et comme vous le constatez, le texte est un peu trop bas et "déborde". Auriez vous la solution pour le remonter ? Je ne souhaiterais pas changer les codes pour mon "cercle".

Merci,

Tinlenval

- Edité le 14/06/2012 à 00:22 -

C'est la critique négative qui fait avancer, et non l'inverse.
Alexis

Messages: 1136
Site internet
Bonsoir,

Il suffit d'ajouter padding-bottom: 10px; dans la classe .piednews

Cela aura pour effet d'ajouter un espace de 10 pixels entre la fin du texte et la bordure basse de ta news.

Tu peux bien sûr remplacer le 10 par la valeur de ton choix et utiliser des padding-left ou padding-right pour espacer ton texte des bordures latérales.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Tinlenval
Messages: 36
Ah merci ! Nous on galèrait avec "border-bottom"...c'était tout simple en fait !

Merci Jiix

C'est la critique négative qui fait avancer, et non l'inverse.
Tinlenval
Messages: 36
Euh, désolé de faire ( un double post ) mon rabbat-joie, mais cela ne marche pas, rien ne bouge ! Pouvez vous m'aider ?

C'est la critique négative qui fait avancer, et non l'inverse.
Alexis

Messages: 1136
Site internet
Peux-tu me donner l'adresse de ton site pour que je donne un coup d'oeil à ton css ?

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Tinlenval
Messages: 36
Ouep' ! http://testcssval.utiliweb.fr

C'est la critique négative qui fait avancer, et non l'inverse.
Alexis

Messages: 1136
Site internet
Essaie plutôt de mettre la propriété que je t'ai donné plus haut dans la classe .news et de supprimer le padding:0px qui se trouve dans .piednews.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Tinlenval
Messages: 36
Merci Jiix, en effet ça marche

C'est la critique négative qui fait avancer, et non l'inverse.
 

Aller à:     Haut de page