"a" désigne un texte ou une image qui fait un lien vers une autre page ou un autre site. Ceci concerne également les titres des articles dans les boîtes latérales.

On peut donner des attributs différents au texte qui fait un lien :

• font-family
• font-size
• font-color
• background-color
• background-image

---

Date de création :30/06/2007 @ 16:08Dernière modification :30/06/2007 @ 16:08

background-color : couleur du fond de la page ou d'une ligne ou d'un bloc ► #FFFFFF (blanc)

background-image : image de fond ► url(fond.png)

---

Date de création :30/06/2007 @ 15:47Dernière modification :30/06/2007 @ 15:47

Définit les attributs de la bordure d'une boîte ou d'une partie de texte (par exemple : item de la barre du menu, titre des articles dans la boîte d'articles)

- border-width permet de définir l'épaisseur des bordures
- border-color permet de définir la couleur des bordures
- border-style permet de définir le style des bordures

Voir les styles de bordure possibles

Si les quatre bords sont différents :

border-left : 1px solid #000000;             bord gauche plein noir
border-top : 0px solid #000000;            pas de bordure en haut
border-right : 1px dashed #FF0000;     bord droit en pointillé rouge
border-bottom : 1px solid #008000;      bord bas plein vert

Si les quatre bords sont identiques :

border : 1px solid #000000;

---

Date de création :30/06/2007 @ 17:10Dernière modification :30/06/2007 @ 17:31

Ce sont les deux langages nécessaires pour faire un site Internet :

• XHTML est le langage utilisé pour bâtir la structure et écrire le contenu. En ce qui concerne GuppY, ce langage est utilisé pour plusieurs fichiers du dossier INC. Pour les boîtes centrales et latérales, c'est dans le fichier skin.inc

• CSS est le langage utilisé pour la mise en forme, la décoration de GuppY. Ce qui concerne le fichier style.css

• Le fichier style.css se base sur les informations des fichiers du dossier INC et de skin.inc.

Voir également l'article "Langage" dans la boîte "Général".

---

Date de création :02/07/2007 @ 20:54Dernière modification :03/07/2007 @ 17:18

Police, caractère.

font-family :

• Arial, Helvetica, sans-serif
• Verdana, Bitstream Vera Sans, sans-serif
• Trebuchet MS, Helvetica, sans-serif (n'est pas dans l'éditeur)
  
• Comic sans MS, Arial, sans-serif
• Times New Roman, Times, serif
• Georgia, Times New Roman, serif (n'est pas dans l'éditeur)
  
• Courrier New, Courrier, monospace

font-size : taille du caractère indiquée en px (12px) ou em (1em) ► pas d'espace entre 12 et px ni 1 et em

font-color : couleur des caractères : #000000 (noir)

---

Date de création :30/06/2007 @ 15:21Dernière modification :30/06/2007 @ 16:09

S'associe avec "a" (a:hover) ou "tblbox" (tblboxover) et permet de donner des attributs différents quand on survole un lien.

---

Date de création :30/06/2007 @ 16:36Dernière modification :30/06/2007 @ 16:36

Reprend les mêmes informations du bloc où il se trouve

Exemple :

body

a:hover

---

Date de création :30/06/2007 @ 16:14Dernière modification :30/06/2007 @ 16:14

Ce sont les marges extérieures d'un bloc par rapport au bloc dans lequel il se trouve.

Se définit ainsi :

margin : 1px 1px 1px 1px;    (haut - droit - bas - gauche)

ou

margin-top : 1px;
margin-right : 1px;
margin-bottom : 1px;
margin-left : 1px;

---

Date de création :30/06/2007 @ 16:15Dernière modification :30/06/2007 @ 16:22

Nowrap est une déclaration qui permet de ne pas couper une ligne sur un espace blanc qui pourrait être dans un titre.

Exemple :

En cas de dépassement de la taille définie pour une cellule, sans nowrap, "mon dossier" pourrait ressembler à ceci :

mon
dossier

Voir "MES questions" pour plus d'informations. Merci à ceux qui ont répondu !

---

Date de création :30/06/2007 @ 16:38Dernière modification :03/07/2007 @ 21:34

Ce sont les marges intérieures : espace entre le texte et le cadre du bloc.

Se définit ainsi :

padding : 1px 1px 1px 1px;    (haut - droit - bas - gauche)

ou

padding-top : 1px;
padding-right : 1px;
padding-bottom : 1px;
padding-left : 1px;

---

Date de création :30/06/2007 @ 16:16Dernière modification :30/06/2007 @ 16:20

Définit l'ordre d'empilement du bloc. Le chiffre le plus petit est dessous, le plus grand dessus.

Exemple :

#screen_choice
#page
#headTop

L'ordre d'empilement est donc :

• tout en-dessous ►#page
• au milieu ► #headTop
• au-dessus de la pile ► #screen_choice

Si on inversait les valeurs pour screen_choice et page, la page masquerait l'accès au choix de résolution d'écran.

---

Date de création :30/06/2007 @ 16:31Dernière modification :30/06/2007 @ 16:31