bjr,

voila, j'ai ma page html et un fichier.css j'arrive bien a crée des styles css et a les appeler dans ma page html, jusque la, pas de probleme sauf que mes styles css sont écrit sous cette forme :

.ArticleTexte {
font-family: "Courier New";
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: justify;
text-indent: 25pt;
padding: 0px;

}
.deco1 {
background-image: url(images/deco1.gif);
background-repeat: no-repeat;
background-position: center center;
height: 30px;
width: 200px;
}

et dans un code que j'ai trouvé sur le net, le style css directement integré a la page html s'ecrit ainsi :

<!-- définir un arriere plan fixe-->
<style type="text/css">
body {
background-image:url(images/Paysage22.jpg); background-no-repeat:repeat;
background-attachment:fixed; padding:0px; }
div.moncorps {
margin-left:100px; margin-top:20px; margin-right:20px; margin-bottom:20px; }
</style>
<!-- fin de "définir un arriere plan fixe"-->

soit si je comprend bien deux style en un (body et div.moncorps) comment oter cela de ma page html et l'integrer a mon fichier css

merci ...

Il ne s'agit pas de deux styles en un, mais bien d'un style pour body et d'un autre pour div.moncorps.

body {
background-image:url(images/Paysage22.jpg); background-no-repeat:repeat;
background-attachment:fixed; padding:0px; }

div.moncorps {
margin-left:100px; margin-top:20px; margin-right:20px; margin-bottom:20px; }

oui, merci elle, je viens de le comprendre (merci google !) en fait je viens de tester ; apres le "</head>"

<div id="div.moncorps "class="body"> mais ça ne marche qu'a moitier a savoir que lorsque c'etait directement integre a la page html l'arriere plan prenait bien toute la page, maintenant il y a une marge blanche de chaque coté

une idée ?

C'est juste que ton code est plus propre. C'est toi le meilleur

Pardon je retire ce que je viens de dire tu as tout faut sur ça : id="div.moncorps "class="body">

re bonjour,

n'as-tu pas fait une erreur de recopiage dans la phrase ? :

background-image:url(images/Paysage22.jpg); background-no-repeat:repeat;

à mon sens, ça devrait être :

background-image:url(images/Paysage22.jpg); background-repeat:no-repeat;

si tu veux intégrer ces propriétés à ton CSS, il suffit de recopier dans ton fichier:

body {
background-image:url(images/Paysage22.jpg); background-repeat:no-repeat;
background-attachment:fixed; padding:0px; }

div.moncorps {
margin-left:100px; margin-top:20px; margin-right:20px; margin-bottom:20px; }

mais dans ta page html, tu dois créer une <div class="moncorps">, ce qui donnera à l'affichage une zone avec les marges définies ci-dessus sur fond d'image fixe (pour tout le body)

bonjour a tous,

pour pomp : j'utilise deja le notepad++ et des tuto, j'en ai en veux tu en voila, mais je dois etre bete car parfois j'ai beau les lire et les relire si y'a personne pour m'expliquer, je ne comprends pas !

pour selen : j'ai tout bien fait comme tu m'explique et ça marche (un grand merci) mais quelque chose me chiffonne encore : avant tes explications, je remarque que tout ce qui se trouve dans mon fichiers css commence par un point exemple :

.deco1 {
background-image: url(images/deco1.gif);
background-repeat: no-repeat;
background-position: center center;
height: 30px;
width: 200px;
}

et apparement ça marchait sauf pour ton exemple ou je rajoutait le point, j'ai fini par le retranscrir tel que tu me le donnait et ça marche alors est il necessaire ce point ?

bonjour elle : oui, ça j'en avait deja fait l'experience, mais merci pour le rapel

Des fois c'est juste qu'on essaye de comprendre une explication en se faisant une représentation qui n'a rien à voir avec ce que l'on doit comprendre.

ça m'est arrivé aujourd'hui d'ailleurs lol.

Suite à ta question pour Selen, si je peux me permettre d'intervenir :

avec Notepad++, tu veras très nettement la différence si tu mets ce fameux point ou non.

Si tu le mets le mot est coloré en rouge : c'est un nom de classe.

Si tu ne le mets pas il est en bleu : c'est un nom de balise.

Voici un exemple sur un CSS que j'ai fait hier : .field span{display: none;} où field est un nom de classe et span une balise HTML

Copie ce code dans notepad++ et remarque la coloration.

salut pomp

la diférence de couleur y'a pas de probleme, je la vois, mais je ne parviens pas a comprendre la diférence entre une balise et une classe, si tu pouvais me montrer un exemple concret que je comprenne quand attribier une classe et quand attribuer une balise, merci

<p class="field"><label for="mult">Multiplicateur : </label>
<input name="mult" maxlength="15" id="mult" type="text" value="<? echo $mult; ?>">
<span>Nombre </span>
</p>

Volà enregistres ça dans une page HTML pour la coloration syntaxique. Ca illustre mon exemple de CSS.

Les balises, ce sont les éléments définis dans le langage de présentation HTML qui est un langage de balises : ici tu as <p></p>, <label></label>, <input> et <span></span> .

Les classes ce sont des éléments définis par le créateur de site et laissées à son libre choix : ici on a class="field" où field est un terme que j'ai choisit après de longues heures de réflexions

ok, donc si je comprend bien, balise n'a rien a voir avec le css , par contre on attribue un style css (class="") a une balise, exacte ? dans quel cas on en reviens au depart dans quelle condition utiliser dans mon fichier css :

.machin { width: 240px;
margin-top: 0px;
margin-bottom: 0px;
}

ou

td.machin {
margin-left:100px; margin-top:20px; margin-right:20px; margin-bottom:20px; }

je scrupte le net a la recherche d'info et si je comprend bien, le deuxieme (td.machin) serait a attribuer a un ensemble de balises jusqu'a </class> ici dans l'exemple a un ensemble de balise <td>

je chauffe ?

Pour compléter :

Le rendu par défaut des éléments HTML

Comprendre la structure HTML et le rendu CSS des balises : bloc et en-ligne

Quelle est la différence entre une classe et un id ?

Comment positionner les éléments en CSS ?

bonsoir padymen

pomp t'a bien répondu mais pour le dire à me manière :

prenons l'exemple de la balise <p></p> qui est pour délimiter un paragraphe.

mettons que pour un paragraphe particulier tu veuilles qu'il soit en rouge et en gras, tu ajoutes alors une classe, comme ceci:

au lieu de <p>, tu écris <p class="machin"> et dans ton CSS tu écris :

.machin {
color: red;
font-weight: bold; }

et pour toutes les pages où tu auras mis ton paragraphe entre <p class="machin"> et </p>, il sera automatiquement en rouge et gras.

un class est toujours quelque chose que l'on ajoute à une balise... pour particulariser son contenu

(dans ton CSS tu as des propriétés qui ne correspondent à rien dans ta page html : ex: .deco1, etc. qui sont donc Superflues)

selen a écrit :

mettons que pour un paragraphe particulier tu veuilles qu'il soit en rouge et en gras, tu ajoutes alors une classe, comme ceci:

au lieu de

, tu écris

et dans ton CSS tu écris :

.machin {
color: red;
font-weight: bold; }

Ou p.machin si une classe .machin existe déjà et qu'il y a certaines différences à appliquer pour le paragraphe...

padymen a écrit :

ok, donc si je comprend bien, balise n'a rien a voir avec le css , par contre on attribue un style css (class="") a une balise, exacte ? dans quel cas on en reviens au depart dans quelle condition utiliser dans mon fichier css :

.machin { width: 240px;
margin-top: 0px;
margin-bottom: 0px;
}

ou

td.machin {
margin-left:100px; margin-top:20px; margin-right:20px; margin-bottom:20px; }

je scrupte le net a la recherche d'info et si je comprend bien, le deuxieme (td.machin) serait a attribuer a un ensemble de balises jusqu'a ici dans l'exemple a un ensemble de balise

re tout le monde,

vous allez me prendre pour un noeud noeud, un babache, ou j'sais trop quoi, mais je comprend bien la fonction exemple (class="machin"> avec son ecriture .machin{ c'que'veux ; commej'leveux'} dans mon css

ce que je ne comprend pas c'est la difference entre (dans le css) ce qui commence par un point et ce qui ne commence pas par un point (et evidement sa relation dans le fichier html)

selen a écrit :

je ne sais pas ce qui s'est passé ? mon message s'affiche en haut de page !

Je me demandais aussi pourquoi tu n'avais fait que reprendre la citation...

L'autre jour, c'était Malcolm qui défigurait la page, maintenant c'est toi... Comment faites-vous?

padymen a écrit :

ce que je ne comprend pas c'est la difference entre (dans le css) ce qui commence par un point et ce qui ne commence pas par un point (et evidement sa relation dans le fichier html)

Tu veux dire ce qui commence par une balise (p, td...)? Regarde ma précision plus haut et le message de selen encore plus, tout en haut de la page...

oui, c'est etrange, mais la j'ai compris mais sans ton intervention elle, je n'aurais pas remarqué la reponse de selen

quoi qu il en soit grand merci a tous le monde

si tu avais fait attention à la colloration syntaxique sous notepad++ comme je t'ai dit de le faire, tu verais que si y'a le point il voit ça comme une classe et sans le point comme une balise.

Bon moi c pas tout ça mais j'ai du boulot bonne soirée à tous (et sympa ton site Elle).