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

Mise en page CSS Discussion :

Background-image d'une cellule


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations forums :
    Inscription : Juillet 2004
    Messages : 24
    Par défaut Background-image d'une cellule
    Bonsoir,

    Je débute en ASP.net, et je suis en train de concevoir un petit site web sous VS2008. Seulement j'ai deux petits problèmes que voici:

    1- Je voudrais mettre une image en arrière plan d'une cellule de tableau :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <table>
    <tr>
    <td class="style1" 
                        style="width:10%; background-color:White; background-image:url('../Images/right-top.jpg'); background-repeat:no-repeat;">
    </td>
    </tr>
    l'image est bien attachée à l'arrière plan de la cellule, j'arrive à voir ça sur la partie Design de l'environnement de développement, mais l'image ne s'affiche pas dans le navigateur quand j'exécute ma solution.

    2- J'insère une balise dans ma page maître et j'y mets du texte dont je personnalise le format, voici le code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="font-size:xx-large; position:fixed; top:50px; left:100px; color: #003399;"><p>TEXTE MIS EN FORME</p></div>
    tout marche bien, sauf l'attribut font-size pour lequel j'ai le même problème:càd que dans la partie Design de l'environnement de développement, la taille de mon texte est bien xx-large, mais quand j'exécute, ce n'est plus le cas (sur le navigateur).

    Quelqu'un pourrait éclairer ma lanterne s'il vous plaît, cela me serait d'une aide précieuse.

    Merci.

  2. #2
    Membre averti
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations forums :
    Inscription : Juillet 2004
    Messages : 24
    Par défaut
    J'ai pu résoudre la première partie de mon problème, c'était une erreur dans le chemin relatif de l'image, j'ai juste remplacé mon code par le suivant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <td class="style1" 
                        style="width:10%; background-color:White; background-image:url('Images/right-top.jpg'); background-repeat:no-repeat;">
    </td>
    REMARQUE: avec ce code, l'image s'affiche à l'exécution, mais pas dans l'environnement de développement (je ne suis pas expert mais je trouve ça bizarre!!!!!! toute explication est la bienvenue)

    Subsiste par contre la deuxième partie du problème : Contôller la taille du texte à l'intérieur de la balise <div></div>.

Discussions similaires

  1. pbl image dans une cellule
    Par UNi[FR] dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 04/08/2006, 12h54
  2. [html] insertion d 1 image dans une cellule avec taille en %
    Par hijodelanoche dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/01/2006, 00h50
  3. [C#]Changer l'image d'une cellule d'un datagrid
    Par Scorff dans le forum ASP.NET
    Réponses: 4
    Dernier message: 19/04/2005, 09h35
  4. Reduire une image dans une cellule
    Par tooms2028 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/03/2005, 15h50
  5. Comment insérer une image dans une cellule d'un TDrawGrid ?
    Par kanux dans le forum Composants VCL
    Réponses: 4
    Dernier message: 15/01/2005, 18h58

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