Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1730 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS couleur texte + position texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS couleur texte + position texte

n°2130681
azur38
Posté le 10-03-2012 à 15:19:35  profilanswer
 

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:

mood
Publicité
Posté le 10-03-2012 à 15:19:35  profilanswer
 

n°2130682
GoldAdvanc​e
Audiste corrompu.
Posté le 10-03-2012 à 16:23:40  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS couleur texte + position texte

 

Sujets relatifs
[JS / CSS] Ignorer une divRechercher un fichier texte puis copier le contenu dans Excel
Problème d'affichage CSS sous Internet ExplorerProblème de lecture du CSS sous IE
trier un fichier textecode couleur de fond
Lecture et recopie d'une matrice depuis un fichier texte[PHP/CSS] Acheter un thème wordpress pour s'en inspirer
[RESOLU] Couleur de fond 
Plus de sujets relatifs à : CSS couleur texte + position texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR