Dreamweaver : mettre une image de fond derriere un titre

Dreamweaver : mettre une image de fond derriere un titre - HTML/CSS - Programmation

Marsh Posté le 30-03-2010 à 17:50:05    

Bonjour,
 
J'aimerais mettre une image de fond (à la place du gris en fait) derriere le titre "Test" mais je ne vois pas comment faire.
C'est dreamweaver CS4 en version d'évaluation.
 
http://img638.imageshack.us/img638/7479/sanstitre1pg.jpg


Message édité par supalex06 le 30-03-2010 à 17:51:49

---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
Reply

Marsh Posté le 30-03-2010 à 17:50:05   

Reply

Marsh Posté le 30-03-2010 à 18:50:49    

:o
 
Insertion -> Image


Message édité par toum_toum le 30-03-2010 à 18:51:01

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 30-03-2010 à 19:07:21    

c'est faux


---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
Reply

Marsh Posté le 30-03-2010 à 19:57:23    


Ce qui te bloque, c'est ton texte que tu veux garder, c'est ça ?
 
Dans ce cas ça se passe au niveau de ton fichier CSS. Tu repères ta div, et dans cette div tu ajoutes une ligne :
 
background-image: url(../images/mon_bel_entete.jpg);


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 31-03-2010 à 13:26:35    

cette ligne je l'ai déjà et le background en fait c'est l'étoile que vous voyez en fond! ce que je veux c'est juste la partie grise derrière "Test"


---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
Reply

Marsh Posté le 31-03-2010 à 23:05:46    

supalex06 a écrit :

cette ligne je l'ai déjà et le background en fait c'est l'étoile que vous voyez en fond! ce que je veux c'est juste la partie grise derrière "Test"


Ben fais comme Toumtoum te dit de le faire, modifies le style CSS de l'element qui contient ton texte, avec background-image: url()


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 01-04-2010 à 17:46:28    


Oui j'ai bien dit "tu repères ta div", et non "tu mets dans ton body".
 
 
[ Il faut aussi y mettre de la bonne volonté des 2 côtés parfois... :o ]


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 01-04-2010 à 19:47:40    

Quelle difference entre image d'arriere plan css et html ?
 
http://img200.imageshack.us/img200/1165/fgfgx.jpg


---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
Reply

Marsh Posté le 08-04-2010 à 10:38:39    

En HTML, c'est en passant par l'attribut "background" qu'il te mettra l'arrière plan, ce n'est pas conforme au W3C (XHTML en tout cas)...
Le CSS a bien d'autre avantages que d'être conforme, comme l'externalisation, ou la mise en place de styles alternatif, il est difficile de tout résumer...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 08-04-2010 à 15:25:42    

Quel interet du coup de mettre l'arriere plan via le HTML ?


---------------
☼ [Feed Back] Supalex06 ☼  http://forum.hardware.fr/hfr/Achat [...] 7029_1.htm
Reply

Marsh Posté le 08-04-2010 à 15:25:42   

Reply

Marsh Posté le 08-04-2010 à 15:37:58    

aucun, on vient de te dire que c'est pas conforme au W3C. Sauf que le CSS n'a pas toujours existé et n'a pas toujours permis ce qu'il sait faire actuellement.
Pour info, on peut mettre un background sur toute balise de type block (sachant que par le css, on peut rendre block n'importe quelle balise de type inline). Donc, suffit de mettre un backgroud-image sur ton titre, normalement un h1.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed