Problème de fond célule

First2a · Message par **First2a** » 01 janv. 2007, 13:07

Alors voilà mon problème que je n'arrive pas à metre un fond perso dans une célule je peut juste le fair pour des page de fond, comment je dois faire pour metre le fond juste dans une célule.
Merci de m'aider.
@++

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

Mongo Bob · Message par **Mongo Bob** » 01 janv. 2007, 21:11

Si la cellule que tu veux personnaliser ainsi est identifiée en css, tu peux faire ce que tu veux après, entre autres donner une image de fond à la cellule identifiée :

Code : Tout sélectionner

<style title="geckostyle" media="all" type="text/css">
#tdhg {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffcc;
    background-image: url(img/fait_avec_Nvu.png);
    }

    table {
    width: 80%;
    }
    </style>
  </head>
  <body>
    <table>
      <tbody>
        <tr>
          <td id="tdhg"></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </body>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **chinon37** » 02 janv. 2007, 14:02

sur le conseil de Mongo Bob

:
Tu sélectionnes la cellule concernée dans Kpz/Nvu
en bas de ton écran, dans la barre d'état, tu cliques droit sur <td>, styles internes > propriétés du fond > tu choisis ton fichier image en allant le chercher par un clic sur la petite icône jaune en forme de dossier ouvert

Tu peux aussi passer par une feuille de style en créant un identifiant pour cette cellule:

outils > éditeur css > créer la feuille de style
une fois la feuille de style créée, créer une règle :exemple: #cellule1 et aller sur l'onglet fond
Quitter l'éditeur css, cliquer droit sur <td> dans la barre d'état > id > cliquer sur cellule1

Mongo Bob · Message par **Mongo Bob** » 02 janv. 2007, 16:46

Le css exporté est bien préférable, jusqu'ici, après avoir créé ma règle dans Kazcades, je l'appliquais en indiquant l'identifiant ou la propriété, dans l'éditeur texte. C'est en effet bien mieux de profiter du WYSIWYG de Nvu ou Kpz, la modif est bien reportée dans la feuille css même exportée, ben, le côté WYS... remonte dans mon estime, du coup...

Donc, chinon, définitivement la 2ème méthode est la meilleure :

chinon37 a écrit :Tu peux aussi passer par une feuille de style en créant un identifiant pour cette cellule:

outils > éditeur css > créer la feuille de style
une fois la feuille de style créée, créer une règle :exemple: #cellule1 et aller sur l'onglet fond
Quitter l'éditeur css, cliquer droit sur <td> dans la barre d'état > id > cliquer sur cellule1

La 1ère méthode :

Tu sélectionnes la cellule concernée dans Kpz/Nvu
en bas de ton écran, dans la barre d'état, tu cliques droit sur <td>, styles internes > propriétés du fond > tu choisis ton fichier image en allant le chercher par un clic sur la petite icône jaune en forme de dossier ouvert

crée du css dans le body lui-même, avec un truc du genre :

Code : Tout sélectionner

<td
 style="background-color: rgb(204, 255, 255);"></td>

On perd la légèreté de la css exportée, on retrouve la lourdeur du style par html, pas d'intérêt.
Mais qu'en pense First2a?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Message par **chinon37** » 02 janv. 2007, 16:56

+1,
J'ai donné les 2 méthodes car la 1ère est plus simple pour un débutant... Les feuilles de style en rebutent plus d'un. Mais dès qu'on commence à toucher aux styles (même styles internes) on finit par s'attaquer aux feuilles de style progressivement et les styles internes sont bons pour la poubelle.

Le gros inconvénient de la 1ère méthode en styles internes, c'est que lorsque l'on passe aux feuilles de style sur une page déjà créée, il traine toujours des styles internes qui viennent perturber la mise en page.

Donc, je suis d'accord avec toi: il vaut mieux perdre quelques jours à comprendre les feuilles de styles et faire la mise en forme directement par ce moyen. Avec Kpz ou l'extention KaZcadeS pour Nvu, les feuilles de style sont un jeu d'enfant!... enfin presque

Geckozone

Problème de fond célule

Problème de fond célule

Qui est en ligne ?