[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Officiels > Site Web > Apprenez à créer votre site web ! > C'est plus joli avec du CSS ! > Formatage du texte en CSS (partie 2/2) > Lecture des commentaires

Formatage du texte en CSS (partie 2/2)

Vous devez être inscrit pour pouvoir poster des messages

Page : 2 1 Précédente

Pseudo

Commentaire

Page : 2 1 Précédente

amatu

# Posté le 03/12/2008 à 18:00:33 - Ce membre n'a pas mis de note

Groupe : Membres

merci ce cour était génial juste un petit pb si vous pouviez m'aider c'est:

alors j'ai fais comme tu disait pour mettre une image en fond et pourtant sa ne marche pas

j'ai fait comme ça:
Code : HTML

body
{
   background-image: url("C:/Documents and Settings/matu family/Bureau/Mes images/webdesing.png");
}

melinda020

# Posté le 02/12/2008 à 21:02:21 - Ce membre a mis la note : 18

Groupe : Membres

bonjours,
D'abord ton site est super

mais j'ai probleme, je n'arrive pas à afficher l'image de fond est-ce que quelqu'un pourrais m'aider ?

anchedouble

# Posté le 12/11/2008 à 21:14:32 - Ce membre n'a pas mis de note

Groupe : Membres

Bonjour,
Tout d'abord merci pour ce superbe guide réalisé avec beaucoup d'humour, ce qui n'est pas pour me déplaire :lol:

Je rencontre un problème pour afficher une image de fond à mon site :
Citation : code CSS

body
{
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-image: url("../images/fond.png");
}<code type="css"></code>

Mon image de fond ne s'affiche pas, je ne vois pas où se trouve l'erreur !
Quelqu'un peut-il me renseigner ?

Merci

brunoml

# Posté le 07/11/2008 à 00:33:51 - Ce membre n'a pas mis de note

Groupe : Membres

Toujours parfait ce cours !

J'aurais juste une petite remarque : pourquoi utiliser un logiciel comme photoshop o_O

quand on peut rester dans le libre avec photofiltre

engine

# Posté le 30/10/2008 à 16:02:08 - Ce membre n'a pas mis de note

Le monde en pâtit....
Avatar

Groupe : Membres

que des 20 aux qcm du CSS mais un 20 général pour tout le site !!

jojo6363

# Posté le 29/10/2008 à 14:03:54 - Ce membre n'a pas mis de note

Vive le site du zero!
Avatar

Groupe : Membres

Super ce tuto!Malheureusement je n'arrive pas a mettre une image en fond pour mon site!

Mon image et placer dans mon dossiers site et mon code css aussi!

Voia mon code (css):

Citation : Code

body
{
background-image: url("C:\image.jpg");
}

s'il-vous-plait aidez moi!

Vive le site du zero!!(On l'aura compris!

)
"Fan des simpson"
Je me suis mis a jour pour noel! :euh:

juste pour vous faire remarquer...

Kami.fr

# Posté le 12/10/2008 à 17:46:26 - Ce membre a mis la note : 19

まてお

Groupe : Membres

Merci et Bravo pour ces tutoriels !

Cependant, j'ai une question! (peut-être que la réponse se trouve dans les tutos suivants, je ne les ai pas encore lus)

Comment faire cohabiter plusieurs images de fond, et comment gérer leur superposition (par exemple mettre l'image du skieur "au dessus" du fond neige) ?

J'ai fait un test avec ce code CSS:
Code : CSS

body 
{
background-color: silver; /*la couleur de fond*/
/*Je souhaite faire apparaitre barre01.jpg en haut de ma page répétée horizontalement
(pour cette image je n'ai donc pas besoin de modifier la position, elle sera en haut a gauche par défaut)*/
background-image: url("images/barre01.jpg");
background-repeat: repeat-x; 
/*barre02.jpg est une deuxieme image que je veux faire apparaitre a droite de ma page, verticalement*/
background-image: url("images/barre02.jpg"); 
background-position: top right; 
background-repeat: repeat-y;
}

Le résultat est que seuls les réglages pour la deuxième image sont pris en compte
(et évidement si on supprime les 3 dernières lignes, on a le résultat attendu pour la première image)
(dans les 2 cas, on a bien le fond en silver).

Comment faire apparaitre les 2 images, et comment mettre l'une "au dessus" si elles se rencontrent, comme dans le coin supérieur droit dans cet exemple?

EDIT
J'ai trouvé la réponse ici !
En ce qui concerne la superposition, c'est la dernière image éditée qui passera "par dessus"

Par contre, la solution a un défaut: il y a un décalage entre le bord de ma page et l'image, alors qu'avec background elle y est collée

aure

# Posté le 26/08/2008 à 12:31:31 - Ce membre n'a pas mis de note

Groupe : Membres

Moi je n'arrive pas a mettre une image de fond j'ecris tous corect et sa marche pas mais sinon genial les tuto j'adore

Code : Console

Un Deux Trois

philrd

# Posté le 12/08/2008 à 20:57:53 - Ce membre n'a pas mis de note

Groupe : Membres

je suis pas capable de mettre un background et je fait tout ce que tu dit et dans dautre lecons plus avancer sa marche pas aussi je comprend plus rien

Bamboocha

# Posté le 31/07/2008 à 22:37:50 - Ce membre a mis la note : 20

"L'habit ne fait pas le moine"

Groupe : Membres

Moi me consacrer à l'informatque ?? alors là faut le noter au guinness book :lol:

Non franchement Monsieur M@teo !! comment faites vous pour expliquer aussi clairement c'est incroyable vraiment chapeau c'est parfait bravo et très très bonne continuation !!

Omar_calamar

bertille

# Posté le 28/06/2008 à 17:31:34 - Ce membre a mis la note : 20

Groupe : Membres

Toujours aussi bien

, c'est un bonheur d'apprendre à faire un site.
Allez, vite au cours d'après.

maxipolo

# Posté le 10/06/2008 à 01:04:09 - Ce membre a mis la note : 20

Groupe : Membres

j'ai presque lu tous tes tuto et ils sont tous super bien fais avec les screens et tout !!
10/10 parfait

The Camel

# Posté le 21/04/2008 à 19:17:57 - Ce membre n'a pas mis de note

Groupe : Membres

J'ai une question :
Comment on met une image de fond en pleine largeur (100% de page)

marsupilamie

# Posté le 02/04/2008 à 14:10:15 - Ce membre a mis la note : 20

Mon chasseur de mouches

Groupe : Membres

Coucou M@teo et vraiment merci pour tout : merci pour ce tuto gratuit et hyper bien rédigé ; merci car on comprend tout et on apprend les choses petit à petit.

Merci beaucoup.
MLC.

La raison n'a pas de raison d'être sans raisons

Entre blaireaux, il faut savoir se serrer les coudes .... !!

olive783

# Posté le 02/03/2008 à 16:28:04 - Ce membre n'a pas mis de note

Programmer, quel bonheur !

Groupe : Membres

Merci a toi

Gamers Life : recrute !

Optimus6

# Posté le 15/02/2008 à 19:56:50 - Ce membre a mis la note : 19

Groupe : Membres

Bravo, il est vraiment très bien ce topic

alanjedi

# Posté le 28/12/2007 à 13:37:44 - Ce membre n'a pas mis de note

Que le force soit avec toi!
Groupe : Membres

Toujours aussi bien fait

. J'ai un peu galéré avec les fonds d'écran :colere2:

, mais entre noël et nouvel an, on a des excuses

. Leçon suivante: demain!

Lei

# Posté le 28/11/2007 à 16:09:40 - Ce membre a mis la note : 20

Groupe : Membres

M@teo tu es trop fort franchement bravo super tuto et super boulot continue moi qui croyais que c'était dur ><

Cre'Art (Merci M@teo >.<)
Image utilisateur

nrjstlr

# Posté le 25/11/2007 à 09:00:57 - Ce membre a mis la note : 20

Groupe : Membres

Bonjour M@téo21,je te remercie,j'ai bien appris un tas de détails bien importants,et j'apprécie tes mises au point(vulgarisation)et les commentaires.

billedebil

# Posté le 28/10/2007 à 18:19:09 - Ce membre n'a pas mis de note

Groupe : Membres

notez que vous pouvez aussi utiliser la couleur "orange" , donc il y a 17 couleurs utilisables et non 16

Citation : wikibooks, http://fr.wikibooks.org/wiki/Programmation_CSS/Valeurs_et_unit%C3%A9s

Les mot-clefs officiellement reconnus sont au nombre de 17 : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, et yellow. Les couleurs et les codes #RRVVBB correspondants sont présentés dans le tableau ci-dessous.

glaoui

# Posté le 23/09/2007 à 17:14:54 - Ce membre a mis la note : 17

Groupe : Membres

Ce tutorial est tout simplement génial mais une idée, assez saugrenue je doit l'avouer, mais venu a l'esprit:

Serait-il possible que le menu ne bouge pas même si on descend la page???

Merci d'avance

Z4K

# Posté le 17/09/2007 à 22:07:55 - Ce membre a mis la note : 19

vive

Groupe : Membres

avant tous merci a M@teo21

les tutoriaux sont exelent!!!

Mais le problème quand on fait clignoter un texte est qu'il ne clignote pas sur Internet Explorer 7 ,mais sinon sa fonctionne très bien sur mozila firefox.

Bryce_sed

# Posté le 17/09/2007 à 15:34:48 - Ce membre a mis la note : 15

Groupe : Membres

Merci M@teo pour ton tuto. J'ai voulu me lancer dans la création de mon prope site et j'avoue qu'avant d'avoir lu ton tuto, je ne connaissais rien, nada zero en langage HTML. C'est bien ce que tu fais et j'aimerais que tu sois mon guide dans ma logue aventure vers le developpement Web. Donne moi un conseil su l'utilisation des logiciels WYSIWYG. C'est une alternative à ce que je veux faire mais je voudrais un de vraiment flexible et pro. Aussi j'aimerais hors Le Siteduzero rester en contact avec toi. peut on s'envoyer des mails ou dialoguer par messenger... afin si tu es d'accord fais moi signe.
Merci encore pour ce tuto.

dakaro

# Posté le 06/08/2007 à 18:25:12 - Ce membre a mis la note : 20

Groupe : Membres

rien a dire,
saufe m@teo pour tu nous donner le fond d'ecran "neige" stp.
20/20
merci,
dakaro

Envie de réaliser un projet sérieux ? Alors Magic Park est fait pour vous !

http://www.siteduzero.com/forum-83-269 [...] gic-park.html

Alexis5859

# Posté le 23/07/2007 à 10:46:13 - Ce membre a mis la note : 20

Alexis tel est mon nom !

Groupe : Membres

Salut !
Je repasse par la comme sa.
En fait, je chercher a savoir si je pouvais faire un dégrader sur du texte.
J'ai tout essayer mais rien ne marche.
Voila c'est juste pour sa :

Secret (cliquez pour afficher)

20/20 !

Mon forum sur les RP !!! Venez tous !!! On a besoin de PJ et de MJ !!! Ainsi que de modérateurs !!!

steffel74

# Posté le 20/05/2007 à 12:40:50 - Ce membre n'a pas mis de note

ye man

Groupe : Membres

cliquer
Secret (cliquez pour afficher)

19.9/20

sound&ride

Armestat

# Posté le 02/05/2007 à 20:22:02 - Ce membre a mis la note : 20

Groupe : Membres

Mateo, tu es génial. Ton cours est très clair, très facile d'accès et très bien organisé, avec en bonus track un style assez léger qui donne envie de continuer. Honnetement, j'ai commencé hier soir, j'en suis "déjà" au troisième chapitre du CSS.
Seul minuscule petit truc dommage, c'est que la liste des propriétés XHTML et CSS n'est pas commode à imprimer (le tableau est fort joli, mais ca bouffe de l'encre!)
Bon, c'est pas tout ca mais j'y retourne. Merci encore à toi.

Mephisto

# Posté le 07/01/2007 à 15:14:03 - Ce membre a mis la note : 20

PostgreSQL addict !
Avatar

Groupe : Membres

Salut,

je passais comme ça dans ce chapitre et au sujet de italic, oblique, je voulais dire ca

Il existe une différence entre oblique et italique. Pour mettre une police en oblique, le navigateur va simplement incliner le sommet de la police vers la droite, tandis que la valeur italic est le résultat du travail du concepteur de la police qui a redessiné chaque caractère pour s'assurer qu'il donne un rendu correct.

Voila

La philosophie n'est rien d'autre que l'amour de la sagesse.

Cicéron

L’homme est condamné à inventer l’homme.

Jean-Paul Sartre

Bogoris

# Posté le 15/12/2006 à 23:31:08 - Ce membre n'a pas mis de note

Exit light ! Enter night !

Groupe : Membres

Pour ce qui est de la boite à couleur, je voudrais signaler qu'il existe sous KDE l'applet pipette qui est vraiment pratique :soleil:

(quand par exemple y'a une couleur sur un site ou ailleurs qu'on aime bien... en 2 clics on la connais, ça économise une capture d'écran

Mes projets

Mes tutos

Autres

Que les tablatures redeviennent légales !
Non aux sites en flash !!! (25 bonnes raisons de dire non)
Do you Ubuntu ?
Les liens à la con (Bitefight et autres) dans les signatures pénalisent les gentils zéros voulant faire connaitre leur site.

soyel

# Posté le 15/11/2006 à 02:50:02 - Ce membre a mis la note : 20

plop!
Groupe : Membres

Bonjour a tous,
Citation : M@téo21

Vous voyez le truc ? J'ai écrit ma gueulante en majuscules, et je me suis servi du CSS pour la mettre automatiquement tout en minuscules

Cette propriété text-transform est vraiment pratique pour changer l'apparence de tout un texte en un clin d'oeil !

Pour ta phrase il me semble que c'est l'inverse....Tu as ecris ta gueulante en minuscule dans le code XHTML et tu t'es servis d'un fichier CSS pour mettre la class de ton <span> en majuscule...
Sinonnn trop trop bien le cour...Moi j'ustilise Dreamweaver par habitude mais je me rend de plus en plus compte de l'importance de faire ca proprement avec les bonne vieille imbriquation du CSS dans le code + fichier *.css a part (Oui dreamweaver fais toute les modifications du texte expliquer jusque ici mais voila... IL PLACE TOUT LE CSS DANS LE <HEAD>

).
Ca serai trop facile sinon (oui je sais je suis feignant :-°

je pourrais le deplacer dans un css a part...)
Merci pour ce grandiose moment de partage de connaissance

Ciao

Gakumon ni chikamichi nashi!

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Formatage du texte en CSS (partie 2/2)

Mes projets

Mes tutos

Autres