28173 sujets

CSS et mise en forme, CSS3

Prb d'affichage d'img en css

Bonjour à tous,

Suivant ce code, en principe l'img s'affiche :
Css
---
#logo{
	background-image:url(../images/logo/logo.gif);
	background-repeat: no-repeat;
	background-position:left top;
	position: relative;
	display:inline;
	top: 0; 
	left:0;
}

Html
----
<div id="Logo"></div>

Or là, y a rien !

Par contre dans une cellule de tableau c'est OK !

J'ai oublié qq chose ?

Merci de m'aider.

Cordialement, Masterfree
Hello,

Ce genre de bricolage est à eviter absoument. Tu veux afficher une image ? Et bien tu utilise une balise <img /> qui est faite pour ça, et surtout pas une balise div (vide en plus, c'est ce qui provoque ton souci).

Voilou Smiley smile
MrPatate a écrit :
Hello,

Ce genre de bricolage est à eviter absoument. Tu veux afficher une image ? Et bien tu utilise une balise <img /> qui est faite pour ça, et surtout pas une balise div (vide en plus, c'est ce qui provoque ton souci).

Voilou Smiley smile
Ce genre de bricolage est à eviter absoument. Tu veux afficher une image ? Et bien tu utilise une balise <img /> qui est faite pour ça, et surtout pas une balise div (vide en plus, c'est ce qui provoque ton souci).

Et non, t'as tout faux. Je ne veux pas justement utiliser "<img></img>" car je veux la mettre où je veux !

Ou alors, j'ai rien compris à ta réponse ????
Salut,
MrPatate a écrit :
Hello,

Ce genre de bricolage est à eviter absoument. Tu veux afficher une image ? Et bien tu utilise une balise <img /> qui est faite pour ça, et surtout pas une balise div (vide en plus, c'est ce qui provoque ton souci).

Voilou Smiley smile

Mr patate confirmant ce que je pensais, je renvoie sur une petite question que j'ai posé dans un topic sur un tuto portant sur les images réactives, à propos de l'accessibilité de celui-ci, et qui apparemment est passée innapercue. Merki d'avance


Par contre, MasterFree, rien ne t'empeche de positionner une balise img comme tu positionnerais une div, je ne saisis pas trop le problème...
Modifié par coccimaster (07 Nov 2006 - 12:29)
a écrit :
Mr patate confirmant ce que je pensais, je renvoie sur une petite question que j'ai posé dans un topic sur un tuto portant sur les images réactives, à propos de l'accessibilité de celui-ci, et qui apparemment est passée innapercue. Merki d'avance
J'ai du mal à suivre les explications données...

a écrit :
Par contre, MasterFree, rien ne t'empeche de positionner une balise img comme tu positionnerais une div, je ne saisis pas trop le problème...
Bon! laisse tomber... C'est compliqué pour moi.

Merci quand même de ton intervention.
Administrateur
coccimaster a écrit :
Salut,

Mr patate confirmant ce que je pensais, je renvoie sur une petite question que j'ai posé dans un topic sur un tuto portant sur les images réactives, à propos de l'accessibilité de celui-ci, et qui apparemment est passée innapercue. Merki d'avance

Tu as entièrement raison sur ce point !
Je modifie actuellement les fichiers.
Administrateur
masterfree a écrit :

Par contre, MasterFree, rien ne t'empeche de positionner une balise img comme tu positionnerais une div, je ne saisis pas trop le problème...
Bon! laisse tomber... C'est compliqué pour moi.
Hello,

N'importe quelle balise se positionne de la même manière : que ce soit <div>, <img>, <p>, <blockquote>, etc.
Le principe est exactement le même : dans les CSS au-lieu de sélectionner un <div> par exemple, tu peux sélectionner une balise <img>.
Qu'est-ce qui te pose un problème exactement ?
As-tu pris le temps de suivre les tutoriels de base ?
masterfree a écrit :
J'ai du mal à suivre les explications données...

Normal, là, c'était juste un p'tit squat de topic pour défendre ma cause...

masterfree a écrit :
Bon! laisse tomber... C'est compliqué pour moi.

Enorme perséverance à ce que je constate...
Au lieu de déclarer une div avec un id, et de positionner cette div via le css, tu déclares une balise img, comme il faut avec un alt, etc... et tu positionne celle ci via le css, comme tu l'aurais fait pour ta div...Lache pas l'affaire...A+

EDIT: Grillé Smiley rale
Modifié par coccimaster (07 Nov 2006 - 12:45)
a écrit :
Enorme perséverance à ce que je constate...
Au lieu de déclarer une div avec un id, et de positionner cette div via le css, tu déclares une balise img, comme il faut avec un alt, etc... et tu positionne celle ci via le css, comme tu l'aurais fait pour ta div...Lache pas l'affaire...A+
Non, c'est pas que je baisse les bras, mais j'ai du mal à m'y faire avec <img> dans un css.

Ca viendra mais il faut le temps.

Merci de tes encouragements.

A+
Raphael a écrit :

N'importe quelle balise se positionne de la même manière : que ce soit <div>, <img>, <p>, <blockquote>, etc.
Le principe est exactement le même : dans les CSS au-lieu de sélectionner un <div> par exemple, tu peux sélectionner une balise <img>.
Qu'est-ce qui te pose un problème exactement ?
As-tu pris le temps de suivre les tutoriels de base ?

Oui, je l'ai lu, mais c'est un peu compliqué parce que je mélange tout.
Administrateur
masterfree a écrit :

Oui, je l'ai lu, mais c'est un peu compliqué parce que je mélange tout.

Dans ce cas là, il faudrait peut-être reprendre du début et prodécer par étapes.
Que mélanges-tu au juste ? les différentes balises HTML ? les sélecteurs CSS ? la base même des CSS ?

Si tu veux prendre le temps, je te conseille vivement de suivre ce cours :
http://normandlamoureux.com/cours/xhtml/ : parfait pour débuter facilement et proprement
Raphael a écrit :

Dans ce cas là, il faudrait peut-être reprendre du début et prodécer par étapes.
Que mélanges-tu au juste ? les différentes balises HTML ? les sélecteurs CSS ? la base même des CSS ?
En Html, ça va à peu près bien, mais pour le css, c'est tout autre... De plus, il faut bien se souvenir des syntaxes et c'est pas évident.

Raphael a écrit :

Si tu veux prendre le temps, je te conseille vivement de suivre ce cours :
http://normandlamoureux.com/cours/xhtml/ : parfait pour débuter facilement et proprement

OK, je vais faire ça. Merci beaucoup.

A+
Sujet clos
Aller à