IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Adapter la taille d'une image en background d'un tableau


Sujet :

HTML

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 123
    Points : 97
    Points
    97
    Par défaut Adapter la taille d'une image en background d'un tableau
    re-bonjour,

    J'ai encore un petit problème et je n'ai trouvée aucune réponse sur le net et les forums.

    Voilà j'ai un tableau et dans ce tableau j'ai une cellule à laquelle j'ai rajoutée une image en background. Mon problème est que l'image n'est pas adaptée à la cellule, du coup elle se duplique
    Comment faire pour qu'elle s'adapte à la taille de la cellule ?
    Merci d'avance

  2. #2
    Membre habitué
    Inscrit en
    Janvier 2005
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 491
    Points : 172
    Points
    172

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 123
    Points : 97
    Points
    97
    Par défaut
    j'ai vu ce topic ! mais ça ne correspond pas à mon problème. je veux mettre une image en background et pouvoir écrire dessus.

  4. #4
    Membre éprouvé
    Avatar de Ayana
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 901
    Points : 1 180
    Points
    1 180
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <TABLE width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
    <TR><TD width="100%" height="100%"  style="background-image: url(../images/tonfond.jpg);">1ere case avec fond</TD>
    <TD align="center">2e case sans fond</TD>
    </TR>
    </TABLE>

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 123
    Points : 97
    Points
    97
    Par défaut
    non ça marche pas. ça m'affiche bien l'image mais ça me la duplique
    merci quand meme

  6. #6
    Membre éprouvé
    Avatar de Ayana
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 901
    Points : 1 180
    Points
    1 180
    Par défaut
    Tu testes sur IE ou FF ou autre ??

  7. #7
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 123
    Points : 97
    Points
    97
    Par défaut
    je teste sur IE et mozilla seulement et pour les deux ça me duplique l'image.

  8. #8
    Membre éprouvé
    Avatar de Ayana
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 901
    Points : 1 180
    Points
    1 180
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <TD width="100%" height="100%"  style="background-image: url(tonfond.jpg); width:100%;height:100%;">
    Mais j'y crois pas trop à ça

  9. #9
    Membre habitué
    Inscrit en
    Janvier 2005
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 491
    Points : 172
    Points
    172
    Par défaut
    Ca ne marchera pas avec la propriété background.
    http://batraciens.net/css-astuces/aj...ge-de-fond.htm

  10. #10
    Membre éprouvé
    Avatar de Ayana
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    901
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 901
    Points : 1 180
    Points
    1 180
    Par défaut
    Je m'en doutais un peu que ça marchait pas

  11. #11
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 123
    Points : 97
    Points
    97
    Par défaut
    Merci de votre aide mais ça ne marche pas.
    j'ai copié ce qu'il y avait dans le lien. mais quand j'en fais l'appel dans ma cellule ça ne marche pas.
    Je n'ai plus l'image qui s'affiche. quand j'enlève l'appel à .boite ( le nom donné à mon div ) l'image s'affiche.
    je laisse tomber l'image de fond.

Discussions similaires

  1. Adapter la taille d'une image de fond de page
    Par Delphi-ne dans le forum Langage
    Réponses: 6
    Dernier message: 15/07/2010, 10h53
  2. Comment ajuster la taille d'une image en background ?
    Par ach152 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 30/10/2008, 00h34
  3. [XSL~FO] paramétrage de taille d'une image en background
    Par JMLLB dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 19/03/2007, 11h51
  4. [Débutant] Comment adapter la taille d'une image ?
    Par taupeniveau dans le forum Composants VCL
    Réponses: 3
    Dernier message: 14/02/2006, 18h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo