Bonjour !

Div ne sert pas à appliquer un format à toute une page, pas plus que span. La différence entre ces deux balises est leur type.
Div est une balise block, c'est-à-dire qu'elle va créer un bloc qu'on peut schématiser par un rectangle donc on va pouvoir choisir les dimensions. Le bloc enfermant un texte, dès lors qu'on veut écrire en dehors du bloc, le texte s'écrira en dessous (sauf indication contraire, mais je ne détaille pas).
Span est une balise inline, c'est-à-dire qu'elle va s'appliquer à un élément contenu dans un bloc. Par exemple à un morceau de texte. Le span ne créé pas de délimitation, donc on ne peut pas changer sa taille, qui correspond à celle de l'élément.

Petit rappel : ces deux balises doivent être fermées. C'est-à-dire qu'on doit mettre /span et /div chaque fois qu'on a ouvert la balise.

Code:

<div> contenu du bloc </div>

<span> contenu "en ligne" </span>

Si tu n'as pas refermé tes balises, essaie de commencer par là.


Ton css me semble correct. Pour pouvoir t'aider davantage, j'ai besoin de connaitre ton code html et l'endroit où tu as appliqué ta classe, savoir ce que tu veux faire, et que tu expliques un peu mieux où est exactement le problème.


Fu'

Dans ton css ta classe s'appelle nom. Dans ton span, tu as mis une classe qui s'appelle titre. L'un et l'autre n'ayant aucun rapport, si tu n'as pas de classe appellée titre dans ton css (donc .titre), rien ne se produira.
De plus je ne vois rien correspondant à une image dans le css que tu m'as donné... ^^"

Pense à mettre des guillemets autour du nom de ta classe ! On doit toujours en mettre autour des valeurs qu'on donne aux attributs.

Si ça ne résoud pas ton problème, je te suggère de me l'expliquer plus explicitement, car, comme il me lasse de le répéter, je ne suis pas devin, et je ne comprend pas ce que tu veux faire et ce qui ne va pas.


Fu'

Ce que je comprend pas, c'est ce que tu veux faire et quel est ton problème T_T

De quelle image tu parles en demandant si le problème vient de largeur ? Celle avec le cheval qui est en dessous de ton titre ?
Il me semble qu'il y a une image derrière ton titre. Non ? Si c'est bien le cas, je ne vois pas où elle est définie dans ton css. Il doit y en avoir un morceau quelque part ailleurs... ><
Dans tous les cas, l'un et l'autre n'ont pas de rapport. Si c'est ça que tu veux faire et changer la largeur de ton titre, peu importe l'image qui est dessous.
Mais pour t'aider, j'ai besoin de savoir ce que tu veux faire. Difficile autrement de t'indiquer comment faire... ^^"


Fu'

Et bah avec un span ça fonctionne pas ?

Est-ce que tu as défini ton fond correctement ? Parce qque si oui, ça ne pose aucun problème habituellement. Peu importe la taille de l'image de fond, elle va s'adapter toute seule à la bonne largeur.

Code:

background-image: url("adresse") ;

Par contre, span étant une balise inline, on ne peut pas changer ni sa hauteur ni ses marges. Donc ton image s'arrêtera vraiment pile autour de ton texte.
Si tu veux arranger ça, il faut prendre un div et régler sa taille.
largeur : width
hauteur: height
Si tu as plusieurs titres à faire, ce que je te conseille est de définir la hauteur et tout le reste dans le css, et d'adapter la largeur individuellement via style=


Fu'

Aie aie, y a pas 50 méthodes. Soit tu mets un span mais tu ne pourras pas choisir la largeur ni la hauteur, soit tu mets un div et tu choisis une largeur fixe, et des marges internes à la place de la hauteur (pour que ça s'adapte correctement aux titres qui seront écrits sur deux lignes).
J'ai fais quelques tests, mais pas moyen d'adapter la largeur du div automatiquement. Donc au pire, met une largeur en pourcentage... et faudra faire avec. A moins que tu veuilles t'amuser à enfermer ton titre dans un tableau pour corriger ça... et dans ce cas jouer avec les marges internes pour laisser de l'espace autour du mot (et éventuellement mettre une largeur maximale avec max-width). Je te déconseille cette méthode... Trop lourde à mettre en place.

Pour le fond, peu importe que tu mettes background ou background-image, même s'il y a une légère nuance entre les deux, les deux seront compris. Ce qui était important c'était le url(""), qui est souvent oublié.


Texte

Code:

<span style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; border: solid 1px black;">Texte</span>

Code:

<div style="width: 20%; padding: 4px; text-align: ccenter; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: white; border: solid 1px black;">Texte</div>

Texte

Code:

<table><tr><td><div style="padding: 7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: white; border: solid 1px black;">Texte</div></td></tr></table>

Fu'