CSS couleur texte + position texte

CSS couleur texte + position texte - HTML/CSS - Programmation

Marsh Posté le 10-03-2012 à 15:19:35    

Bonjour à tous, je commence tout juste en CSS, je fais en ce moment un blog.
Je l'ai presque fini (je désire un site simple), il me manque plus que le background et ce que je vais demander.
 
Lien du site: http://gamesonlytest.over-blog.com/
 
1ère chose, je cherche à décaler légèrement le texte dans le nom des modules ( recherche, articles récents, Newsletter), je ne veux pas le centrer mais le décaler légèrement vers la droite car je le trouve trop "coller" au bord. Je ne trouve le css pour faire cela, seulement pour "centrer, gauche ou droite".
 
Je cherche aussi, à changer la couleur de la police de "Accueil", et aussi augmenter légèrement la taille de la police de "accueil". J'ai pourtant trouver le css, mais rien n'y fais je dois mal m'y prendre.
 
Dernière chose, comme vous le voyez (http://gamesonlytest.over-blog.com/), le cadre de "accueil" est couper vers le haut, je pense que cela vient du padding, j'ai changer les valeurs plusieurs fois mais je n'y arrive pas .. Je voudrais alors que le haut du cadre soit comme le bas de ce même cadre "accueil".
 
Je poste cette ligne, car c'est possible que sa vienne de sa, depuis que je l'ai inscrite, les modules et cadre accueil sont inchangeables : border:1px solid #d1902e; -moz-border-radius: 5px; text-align: left; font-style: bold; }
 
Merci  :wahoo:

Reply

Marsh Posté le 10-03-2012 à 15:19:35   

Reply

Marsh Posté le 10-03-2012 à 16:23:40    

Pour décaler le texte 2 solutions:
 

Code :
  1. text-indent: 10px


 
ou
 

Code :
  1. padding-right: 10px


 
--------------
 
Pour augmenter la police de Accueil et changer la couleur:
 

Code :
  1. #menuob a {
  2.     font-size: 24px;
  3.     color: #000;
  4. }


 
Si tu souhaites changer la couleur (ou d'autres propriétés) lorsque la souris pointe dessus:
 

Code :
  1. #menuob a:hover {
  2.      color: #555;
  3. }


 
Pour t'expliquer simplement: #menuob -> le # indique que l'on va appliquer les propriétés à un élément comportant un ID, menuob -> c'est ton ID donc on applique les propriétés à un élément dont l'ID est menuob. Le a signifie que l'on va appliquer les propriétés à un lien donc #menuob a signifie que l'on va appliquer les propriétés au(x) lien(s) situés dans l'élément portant l'ID menuob.
Le :hover est une "variable" déterminant l'état de survol du lien. :hover peut s'appliquer à n'importe quel élément.
 
------------
 
En ce qui concerne la bordure haute de ton lien accueil il s'agit du margin-bottom: 15px qui s'applique à ta div #menuob
 
Tu n'as prefixer que pour mozilla: -moz-
 
Il faut préfixer pour webkit et ms: utilise le site http://prefixr.com


---------------
Les hommes construisent trop de murs et pas assez de ponts. Isaac Newton
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed