Les Contes de

  • : Les Contes du Chat Perché (au sixième étage, sans ascenseur)
  • zoelie
  • : Journal Intime
  • : Faites une thèse, faites une thèse, qu\'ils disaient... J\'aurais mieux fait de rester faire la troglodythe avec ma chatoune sous les toits de Paris, au sixième étage sans ascenseur !
  • Recommander ce blog
  • Retour à la page d'accueil

Etre au courant

Inscription à la newsletter
 

Mercredi 15 juin 2005
De meme, pour avoir une petite image qui enjolive les titres de vos articles, vous pouvez modifier le .titreArticle :

.titreArticle{
color: #EEAD0E;
text-decoration:none;
background:
url(http://idata.over-blog.com/0/05/85/46/deco-titre.gif)
no-repeat scroll bottom left ;


padding-left: [largeur de l'image]px;
padding-top : [hauteur de l'image]px;
}

Il faut alors jouer sur le padding pour positionner correctement le titre par rapport a l'image; c'est-a-dire, decaller le contenu de .titreArticle, en l'occurence, le texte, de la largeur de l'image vers la gauche (puisque l'image est positionnee a gauche par l'attribut left ) et de la hauteur de l'image vers le bas (donc on ajoute une marge en haut : padding-top, si, si, c'est logique, je vous assure), pour que l'image puisse apparaitre en entier.
Celle-ci, etant en background, n'est pas affectee par le padding, et se trouve donc en bas a gauche du cadre (invisible car il n'y a pas de border) de .titreArticle et le texte se trouve juste a cote d'elle .




par Zoélie publié dans : TIP's
 

Temps Perdu

Mai 2008
L M M J V S D
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
<< < > >>

C'est où ???

A votre tour !

Créez votre blog gratuit

Syndication

  • Feed RSS 2.0
  • Feed ATOM 1.0
  • Feed RSS 2.0
 
 
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus