Bonjour, voila mon site test http://www.le-bottin-gourmand.fr/ je viens de rajouter un code dans le html et css pour inserer un drapeau code html <div id="drapeau"> </d> code css #drapeau { width: 150px; height: 100 px; position: absolute; top: 0px; Left: 0px; background: url("image/drapeau.png") no-repeat; } vous pouvez voir le code sur le site, peut être je l'est mal placé et bien ça ne marche pas merci par avance :-s

Simple question, mais pourquoi ne pas placer directement l'image dans le div ? <div id="drapeau"><img src="image/drapeau.png" alt="" /></div>

Inserer une image avec un div

Réponse 2 / 9

avion-f16 Messages postés 19243 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 8 avril 2024 4 496
15 déc. 2009 à 17:06

Heu ... voilà ce qu'on peut trouver dans ta feuille CSS :

#drapeau
 {
 width: 150px;
 height: 100 px;

 background: url("image/drapeau.png") no-repeat;
 }

En passant, ton code est vraiment illisible !
Et après on en entends se plaindre que c'est dur ...

Réponse 3 / 9

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
15 déc. 2009 à 17:07

Même avec ça on devrait le voir...

Réponse 4 / 9

kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 23
15 déc. 2009 à 17:13

sans les guillemets ça ne marche pas non plus.

je fait juste des tests, je reprend juste le code du livre de mathieu nébra sur le xhtml et le css

et je ne comprend pas pourquoi ça ne marche pas, je viens de rajouter ça

top: 0px;
Left: 0px;

donc ça donne ça

width: 150px;
height: 100 px;
top: 0px;
Left: 0px;
background: url("image/drapeau.png") no-repeat;

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 23
15 déc. 2009 à 17:17

http://www.siteduzero.com/livre/siteweb/

voir son code

merci par avance

j'ai fait exactement comme lui, enfin je pense( de toute façon il y a surement un os dans mon code)

Réponse 6 / 9

kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 23
15 déc. 2009 à 18:30

oui merci

comme je débute, c'est pas encore évident

je peut donc la placé à n'importe quel endroit dans le css ?

avec quel priorité ?

merci

Réponse 7 / 9

avion-f16 Messages postés 19243 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 8 avril 2024 4 496
15 déc. 2009 à 18:44

Ça n'a pas d'importance.

Réponse 8 / 9

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
15 déc. 2009 à 18:49

<div id="drapeau"><img src="image/drapeau.png" alt="" /></div>

C'est a mettre dans ton fichier index.html (ou index.php).
Pour le positionnement dans la page:
div#drapeau{position:relative;top:Xpx;left:Xpx;}
Remplace X par la valeur que tu veux.

Réponse 9 / 9

kaizen17 Messages postés 85 Date d'inscription vendredi 12 septembre 2008 Statut Membre Dernière intervention 23 mars 2011 23
15 déc. 2009 à 19:25

ok merci ça marche !

mais je vais essayer de comprendre pourquoi le premier code ne marchait pas, y a pas de raison^^

merci

Inserer une image avec un div

9 réponses

Discussions similaires

Newsletters