18041 sujets

Questions générales et questions de débutants

[Résolu]Image desactiver

Bonjour,

Bon j'ai aucun idée de où poster cela, et après une recherche avec google et sur le forum je n'ai rien trouvé.

J'aimerai savoir s'il etait possible de savoir si l'utilisateur a desactivé les images. Car j'affiche du texte sur une image ( bouh c'est pas bien je sais) donc j'aimerai savoir s'il etait possible de savoir si oui ou non les images etait desactivé.

Car si on desactive les images j'ai mon corps de page qui remonte a la place de mon image( qui est en float) et donc j'ai mon text qui se trouvai sur l'image qui vient au dessus du text de ma page.

Je sais que une solution serai de mettre mon image aussi en position fixe et de regarde le corps de text avec un margin-top. Mais j'aurai aimez savoir si c'est possible comme cela je cacherai directement mon text qui se trouve sur l'image.
Modifié par Halindel (10 Aug 2007 - 08:14)
Bonjour Halindel,

Je ne connais pas la réponse à ta question, mais si tu mettais ton texte directement sur tes images, ça reviendrais au même et tu n'aurais plus à te poser la question, non ?
Bonjour,


Je ne connais pas non plus le moyen de tester ça.

Tu parles d'une image. Alors, il me semble plus simple de définir cette image comme “background” d'une <div> par exemple.
Et, image présente ou non, le texte que tu placeras dans cette <div> n'en bougera pas.

Essaye
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title></title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        text-align: center;
        background-color : #f5f5f5;
        }
    #conteneur {
        position: relative;
        margin: 0 auto;
        width: 50%;
        text-align: left;
        }

    #img1, #img2, #img3 {
      float : left;
      [b][#indigo]width : 120px;
      height : 200px;[/#][/b]
      border : 1px solid #ff7f50;
      font-size : 90%;
      color : #888;
      }
    #img1 {
      [b][#indigo]background[/#][/b] : transparent url(http://gihef.bey.free.fr/CCM/affichemasquebloc/images/_banane1.jpg) 0 0 no-repeat;
      }
    #img2 {
      background : transparent url(#) 0 0 no-repeat;
      }
    #img3 {
      background : transparent url(http://gihef.bey.free.fr/CCM/affichemasquebloc/images/_pomme1.jpg) 0 0 no-repeat;
      }
    </style>

</head>
<body>
  <div id="conteneur">
      <div id="img1">un texte</div>
      <div id="img2">un texte du texte un peu de texte un texte du texte un autre texte</div>
      <div id="img3">un texte</div>
  </div>
</body>
</html>

 
Modifié par Gihef (09 Aug 2007 - 23:32)
blue a écrit :

Je ne connais pas la réponse à ta question, mais si tu mettais ton texte directement sur tes images, ça reviendrais au même et tu n'aurais plus à te poser la question, non ?


Le fait est que c'est pour une entreprise qui pourrai changer de strategie donc de message principal. Donc au lieu de refaire l'image à chaque fois et pour un meilleur referencement j'ai decidé de faire comme cela.

[quote=Gihef]
Tu parles d'une image. Alors, il me semble plus simple de définir cette image comme “background” d'une <div> par exemple.
Et, image présente ou non, le texte que tu placeras dans cette <div> n'en bougera pas.
[/div]

Merci bien j'avais completement oublier que je pouvais faire comme cela Smiley lol j'allais tout simplement faire un margin-top moi. Je pense que je vais rajouter une autre div Smiley cligne merci bien.

(Il est dont impossible de savoir si les images sont desactiver dommage. )
Sujet clos
Aller à