-
insertion image css
Je n'arrive pas à afficher mes images... L'image se trouve bien dans le répertoire adéquat et porte bien le même nom
voilà mon code:
[code html]
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<h2>Image à afficher</h2>
</body>
</html>
[/code html]
[code css]
h2{
margin: 0;
padding: 0;
height: 150px;
background: url(/img/image.jpg) center;
}
[/code css]
-
Je ne crois pas que l'on puisse mettre l'attribut background provenant d'une image à une tag H2. Essaye de mettre ton texte dans un SPAN ou un DIV et recommence.
-
Salut,
Oui on peut mettre une image dans un h2.
Fait attention au premier slash dans l'url de l'image cela signifie
de rechercher l'image depuis la racine (celle du site si tu es hosté,
sinon, celle du disque en local).
L'url de l'image doit être donné par rapport à l'url de la feuille de style.
Dans ton cas ça change rien puisque la feuille de style est dans le
même dossier que ta page.
-
ben ma photo ne s'affiche toujours pas...
j'ai essayé de mettre l'image dans le répertoire principale ( je ne suis pas hosté encore)
donc
[code css]
h2{
height: 150px;
background-image: url(acc.jpg);
}
[/code css]
mais ca ne marche toujours pas...
au fait quand je selectionne ma page, j'ai la place pour la photo... mais la photo elle ne l'affiche pas..
-
l'url que tu mets dans ton css est relatif par rapport à ce css.
vu ton url, il faudrait que l'image soit dans le même répertoire que le fichier css.
tu peux aussi mettre une url absolu (du genre http://etc.com/img/image.jpg )
PS: est-ce qu'il y a un contenu dans ton h2 ? Si il n'yen a pas, tu peux mettre un espace insécable:
-
oui, l'image est dans le même répertoire que le fichier css
dans mon h2, il y a une phrase toute simple...
ca marche toujours pas :cry:
est ce que l'image doit avoir absolument la même dimension que la partie où je voudrai la placer?? parce que je voudrai voir l'image l'image avant de la redimensionner au fait..
-
a priori, le code que tu fournis fonctionne très bien...
l'erreur doit provenir d'ailleurs... quelque chose qui interfère...
-
c'est à dire??
ben au fait je l'ai retesté sur une page test où à priori il n'y a rien à part de particulier.. une page vide quoi.. mais ca ne s'affiche toujours pas
j'ai gardé le code css pour faire le test
-
Peux tu donner le code html et css complet d'une exemple qui ne marche pas,
comme ça on peut tester de notre coté.