Aller au menu - Aller au contenu

Mémento des propriétés CSS

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2  3 
Pseudo Commentaire
Page Précédente  1  2  3 
Hors ligne YvanD # Posté le 10/07/2009 à 17:00:59
Avatar

 Merci pour ce super tuto complet.


Il y a une erreur pour la méga-propriété font (notamment pour l'exemple donné), il ne faut pas mettre de virgules entre (bold, italic, 18px...). Cependant elles servent à séparer les polices de caractères (cf cette page).

Syntaxe invalide :
Code : CSS
1
font: bold, 16px, Arial;


Syntaxe valide
Code : CSS
1
font: bold 16px Arial;


EDIT :
Desolé j'avais pas vu que cette erreur avait déjà été signalé (par Zimmi48).
Cependant elle n'est toujours pas corrigée.
Hors ligne KoRsh # Posté le 10/09/2009 à 09:52:39

Études : Ingésup Paris

 Petite Erreur :

Citation : M@teo21
Indiquer 4 valeurs comme ceci :

Code : CSS
1
clip: rect(valeur1, valeur2, valeur3, valeur4);


Cela permet de n'afficher qu'une partie d'un élément. rect() permet d'indiquer les coordonnées du rectangle qui sera affiché.
Les valeurs 1 à 4 correspondent respectivement aux coins haut, droite, bas et gauche du rectangle.


Quelques explications :

Un coin (donc un point) est représenté par son abscisse et son ordonnée, il faut donc deux arguments pour représenter un coin.
On a donc 2 coins passés en arguments de rect().
De plus, pour caractériser un rectangle il suffit de connaitre une de ses diagonales, donc 2 points ;)
On pourrait donc se représenter la fonction comme ceci :

Code : CSS
1
clip: rect(Coin1_X, Coin1_Y, Coin2_X, Coin2_Y);


J'espère que cela vous aidera :)
Hors ligne le petit marocain # Posté le 09/11/2009 à 13:57:02
Avatar

Avis : Très bon

Secret (cliquez pour afficher)
Peace ! I Like this !
@+
 
Hors ligne Meeting # Posté le 17/02/2010 à 12:51:30
Impossible is nothing !
Avatar

 Merci pour ce tutoriel !
Image utilisateur
 
Hors ligne jedi768 # Posté le 19/03/2010 à 15:54:40
Avatar

 Merci!!!
Hors ligne KiiMy # Posté le 24/03/2010 à 15:44:32

Bonjour,

Autour de mes images, il y a une bordure violette quand elle sont mises lien, j'aimerais l'enlever comment faire ?
Merci =D
Hors ligne Android # Posté le 29/03/2010 à 10:45:52
Qui a dit Android ?
Avatar

Avis : Très bon Groupe : Bannis

Salut KiiMy. Essaye
Code : CSS
1
2
3
4
a img
{
    border: none;
}

Même si à mon n'avis ton problème et résolu, ça pourra toujours servir à une n'autre personne !
Image utilisateur
Image utilisateur
 
Hors ligne KiiMy # Posté le 31/03/2010 à 09:13:42

mon problème n'était pas résolu, donc merci a toi =D
Hors ligne tesniced # Posté le 03/04/2010 à 21:01:29

Études : BTS IG Voillaume

 Il faudrait rajouter :

Code : Autre
1

vertical-align: super;
Hors ligne ergonom # Posté le 09/05/2010 à 10:19:15

Bonjour,

Bravo M@teo21 pour ce tutoriel ! Facile à lire, suffisament exhaustif pour capter l'idée et commencer à programmer, sans être trop lourd et encombré de propriété qui finirait par plomber le tout.

Pour ceux qui recherche plus de détail, le mieux est de consulter le standard :
Consultez la spécification du CSS 2.1 publié par le W3C.
Il y a une page d'index listant notamment toutes les propriétés.
Sur ce même site on trouve également une introduction au CSS3.

Note à la suite du message de tesniced :
Il existe plein d'autres valeurs pour vertical-align, vous pouvez les trouver ici.

Cordialement.
Hors ligne zar2 # Posté le 15/06/2010 à 18:55:40

Avis : Très bon

Juste pour signaler : j'ai l'impression qu'il y a une erreur pour la méga propriété font :

Quand je met dans mon code toutes les valeurs séparées par des virgules comme dans l'exemple, ou quand je copie/colle l'exemple, le CSS ne fonctione pas. Quand je supprime les virgules, il fonctionne.

Bref, une erreur dans le tuto apparement, mais ça reste un excellent tuto ! ^^
config : couramment imac sous mac OS X lion
possède aussi HP sous windows 7 et ubuntu 11.04
 
Hors ligne hakimusto # Posté le 17/07/2010 à 17:01:47
Avatar

 Merciiiiiii Mateo... je ne sais pas comment vous remercier! on doit vous donner le prix de Nobel pour les cours que vous avez faits ^^
Hors ligne blazure78 # Posté le 25/07/2010 à 19:31:28
Avatar

 Merci pour ce fantastique tutoriel =), juste on peut aussi ajouter une ombre portée à un texte avec
Code : CSS
1
2
3
{
   text-shadow: 1px 1px 2px black
}

x)Enfin on peut modifier la position et la couleur x).
Ça donne un résultat ^^ assez joli enfin c'est subjectif.
Hors ligne Clement63210 # Posté le 21/10/2010 à 20:24:24
Made in french
Avatar

Avis : Très bon

Merci Matteo...
Juste une petite question: comment on fait pour déplacer sont formulaire sur la droite???
Image utilisateur
 
Hors ligne Fire-fly # Posté le 20/01/2011 à 01:56:03
Avatar

Avis : Très bon

Merci infiniment pour se tuto! J'ai fait tout mon projet de fin d'études grâce à ce que j'ai appris ici, en gros, si je gradue, c'est grâce à toi Mateo ;)

Merci encore!
Image utilisateur
 
Hors ligne Supermario58 # Posté le 21/03/2011 à 18:09:02
Etre dévelope-peur ! è_é
Avatar

Avis : Très bon
Flux RSS
close

C'est un super tuto, et cette liste est très utile ! M@théo, l'homme qui aimait aider les autres ! :)
Mes compétences : (X)HTML/HTML5/CSS, PHP/SQL, Javascript.

C'est mon pitit site créé grâce à ce site ! :D

Ne sous estimez pas la puissance des ténèbres et de l'électricité !
Image utilisateur
 
Hors ligne Vinaas # Posté le 08/04/2011 à 17:07:06
Avatar

 Comme toute les personnes qui ont suivi ce tuto, je souhaite t'exprimer mes félicitations!...
Donc, félicitation!...
Voilà.
Bref, ce tuto est une vrai base d'apprentissage pour tout ceux qui souhaitent créer leur site de "A" à "Z", comme moi, et beaucoup d'autre! je continu donc sur ma lancé,Sus au PHP!!
Encore bravo et merci pour le partage!
Hors ligne stephane7393 # Posté le 22/08/2011 à 18:13:39

Avis : Très bon

bonsoir, je dois dire merci moi aussi. je me permettrais juste de dire que sa serait bien de le faire évolué avec html5 et css3
Hors ligne zelione # Posté le 12/09/2011 à 01:13:30
un esprit sain dans un cornich
Avatar

Études : Sudio M Montpellier

 Bravo et Merci à Mateo pour ces cours bien rythmés, clairs, dynamiques et drôles, très complets comme certains pains. ;)

Si toute ma scolarité avait pu se passer avec la même maîtrise, j'aurai fini président du monde et général des avions. :ange:

Encore merci.

J'envisage la réalisation d'un site de gestion de projet en ligne, ça changera de webacapella ! :'(

J'aurais fini pour ma retraite ! :waw:

Bon, j'ai encore à lire les tutos Javascript, C, C++ pour faire des apps sur iphone.

Le site du zero est une merveille.

et pour voir mes farces, c'est ici
Zelione
 
Hors ligne lettrej24 # Posté le 25/09/2011 à 13:14:36

Merci infiniment Mateo et le site du zero. Je viens de terminer Xhtml et Css et je vais certainement attaquer Javascript et apres(?), me procurer le livre sur Php; et puis(?), attaquer C, C++, Java; Maitriser tout ca, voila mes ambitions; je vais y consacrer mon temps et mon courage. Encore merci beaucoup Mateo pour ta grande generosite.
Hors ligne 187guigui # Posté le 13/10/2011 à 13:34:44
return 0 [0x0]
Avatar

Ville : Monthey
Pays : Suisse

 Génial ce tuto
Hors ligne ARSIH # Posté le 03/11/2011 à 14:45:33

C'est vraiment génial! Merci pour tout
Hors ligne XANA_ # Posté le 10/12/2011 à 01:27:02

bonjour a tous: Je voudrait savoir si il y a un moyen de faire a la fois sur un texte un alignement, une couleur et une grande taille car j'ai essayer plusieurs code css a la suite (enregistre dans mon fichier) mais rien ne fait.
Si vous avez un moyen de mettre tous ces élément sur une même ligne
Hors ligne Bara Kuda # Posté le 11/03/2012 à 10:59:22

Avis : Mitigé

Au secours j'aimerai mettre un fond de couleur orange sur mon site . j'ai mon fichier style.css et je n'arrive pas à mettre de fond d'écran
MERCI BCP D'AVANCE
Hors ligne wizz.thib8 # Posté le 13/03/2012 à 17:25:56
Avatar

Avis : Très bon

Ma permi de m'aider a réaliser mon blog sans assistant.
Hors ligne Thanen Isandond # Posté le 18/03/2012 à 17:49:33

Avis : Très bon

M@théo21... Je t'aime :p
Hors ligne totoduzero # Posté le 18/04/2012 à 13:48:02
J'apprend j'apprend
Avatar

Avis : Très bon

Bara Kuda relit le cour.... vaut pas abuser non plus.
Merci M@t, ses surprenant se que certaines personne sont prêtes a faire pour les autres :D.
Un idiot debout va plus loin que deux génie assis!
 
Hors ligne C0D59 # Posté le 24/05/2012 à 20:06:50
Geek attitude
Avatar

 Salut, pour ce que ça intéresse et qui sont sous notepad++ faite: CTRL+TAB ça vous fait une liste déroulante de plein de proprieter CSS, de même en PHP.

P-S: Pour ce qui ce demande comment j'ai trouver ca j'ai voulus faire: CTRL + V mais j'ai fait TAB(espace)
Hors ligne cedric.gel # Posté aujourd'hui à 14:46:23

Citation : C0D59
Salut, pour ce que ça intéresse et qui sont sous notepad++ faite: CTRL+TAB ça vous fait une liste déroulante de plein de proprieter CSS, de même en PHP.

P-S: Pour ce qui ce demande comment j'ai trouver ca j'ai voulus faire: CTRL + V mais j'ai fait TAB(espace)


Y'à aussi CTRL+Tabulation : permet de naviguer entre les différentes pages crées ;)

Dommage que tu ai changées le récap des propriétés M@théo... Je trouve que c'était mieux avant

En tout cas merci pour tout :)
Pour accéder à cette section
Connectez-vous !
connexion_rpx