28221 sujets

CSS et mise en forme, CSS3

[resolu]Image servant de decoration

Bonjour,

est il correcte de mettre ce type de ligne dans son dichier CSS pour faire apparaître ses images de décoration qui ne servent en fait qu'à agrémenter un site :

Le code CSS

img#projet{background-image:url(projet.jpg);height:100px;width:133px;
background-repeat:no-repeat;}


Le code HTML :
<p><img id="projet"/>blablablablablabla</p>

Le probléme est que HTML tidy me signale que dans mon html la balise src n'apparait pas ?

Comment faire pour ne pas avoir cette erreur.
Comment faire ? Utiliser :
<p><div id="img-projet"></div>blablablablablabla</p>

div#img-projet {
 background-image: url(projet.jpg);
 height: 100px;
 width: 133px;
 background-repeat: no-repeat;
}

Modifié le 23 Dec 2004 - 13:42
Pourquoi ne pas mettre tout simplement l'image en background de ton <p> et de jouer sur les valeurs de padding ad hoc ?
Ben c'est déjà en background !?

Bouda,

Je pense que mettre un div vide n'est pas trés top .
Enfin c'est mon avis.
Modifié le 23 Dec 2004 - 13:52
doomer => et mettre une image sans attribut src ni alt pour faire la même chose, c'est "trés top" ?

La solution correcte est celle que propose fastclemmy, et si tu veux avoir le même comportement qu'une image, tu dois utiliser la solution à base de div.
Wé fastclemmy, d'où l'utilisation du div. Pour passer le div en float par exemple.

En fait, il vaudrait mieux utiliser
<div id="deco">&nbsp;</div>
En fait le probléme c'est lorsque j'ai par exmple que 2 ligne dans mon paragraphe alors l'image s'affiche pas totalement voir sur cette page dans les 4 blocs du bas :

Page de test

En fait, je veux faire cela car lorsque je vais mettre des images vraiment utile à la compréhension de la page, un rapport de vitesse de la page m'indique de mettre des images dans un fichier CSS.

Est ce vraiment nécessaire ?
<p id="projet">blablablablablabla</p>

p#projet {
background-image: url(projet.jpg);
min-height: 100px;
width: 133px;
padding-left:150px; /* c'est 133px + un peu de place */ 
background-repeat: no-repeat;
}


Pour IE, il faut passer par des hacks (spécifier une height:100px devrait convenir).
Le rendu est pratiquement bien sous IE6 et firefox mais sous IE5 affreux le paragrapge descende jusqu'à une hauter inscroyable. C'est pourquoi j'ai retiré le width qui ne sert à rien. Apparemment cela à l'air de fonctionner, je continue de tester avant de mettre un résolu. Smiley cligne

Merci Fastclemmy Smiley langue et aussi Elmoustiko Smiley langue

Il faut savoir dire merci de temps en temps car, j'ai remarqué qu'il y avait des personnes qui avait un peu de mal à le faire. Smiley ohwell
Modifié le 23 Dec 2004 - 14:35
Sujet clos
Aller à