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 :

Image de fond d'une cellule à gauche


Sujet :

Tableau en CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2003
    Messages : 48
    Points : 26
    Points
    26
    Par défaut Image de fond d'une cellule à gauche
    Bonjour,

    Avant toute chose, je vous indique que j'ai utilisé la fonction rechercher (mal peut être !), et que j'ai déjà éssayer pas mal de truc.

    Alors voilà, j'ai un tableau dans lequel certaines cellules ont une image de fond.
    Cette image de fond ne doit pas se répeter (ça ok!), mais en plus doit se coller sur le côté gauche (pas de position absolue, car dépend de la résolution).

    J'ai déjà essayer pas mal de choses, sans succès.

    Voilà mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
     
    <style type="text/css">
    <!--
    .Style1 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #000000;
    	font-weight: bold;
    }
    .Style12 {	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    }
    .style85{
    background-repeat:no-repeat;
    background-position:left;
    background-position:bottom;
    }
    -->
    </style>
     
    <table width="100%" border="0" cellpadding="0" cellspacing="0" >
      <tr>
     
        <td width="1024" height="149" align="left" background="images/accueil/fond_haut.jpg" class="style85" ><table width="0%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="25">&nbsp;</td>
            <td valign="top"><span class="Style1">News :</span> </td>
            <td><span class="Style12">Trois nouveaux apprentis <br />
              sont arriv&eacute;s...</span></td>
     
          </tr>
          <tr>
    	  <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><span class="Style12"><a href="index.php?page=news" class="liencontenu"><br />
              &gt;&gt;plus de d&eacute;tails ici </a></span></td>
     
          </tr>
        </table></td>
      </tr>
      <tr>
        <td width="1024" height="120" align="right" background="images/accueil/fond_milieu.jpg"   class="style85">&nbsp;</td>
      </tr>
      <tr>
        <td width="1024" height="103" align="right" background="images/accueil/fond_bas.jpg" class="style85">&nbsp;</td>
      </tr>
    </table>

    Merci d'avance pour votre aide.

  2. #2
    Membre averti Avatar de onirisme
    Homme Profil pro
    Ingénieur commercial
    Inscrit en
    Novembre 2004
    Messages
    221
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Ingénieur commercial
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Novembre 2004
    Messages : 221
    Points : 316
    Points
    316
    Par défaut
    Bonjour,

    Retirte toutes tes infos background dans tes <td>

    ensuite tu remplaces par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <!--exemple pour fond bas-->
    style="background:url(images/accueil/fond_bas.jpg) no-repeat left bottom;"
    Exemple complet
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <tr>
        <td width="1024" height="103" align="right" style="background:url(images/accueil/fond_bas.jpg) no-repeat left bottom;">&nbsp;</td>
      </tr>
    Fais de même pour les autres

    PS. Si tu veux le faire via une feuille css à part, il faut que tu crés une class par image

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    48
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Janvier 2003
    Messages : 48
    Points : 26
    Points
    26
    Par défaut
    Houla la ! Very désolé

    J'ai confondu left et right.

    J'avais déjà essayé ceci mais avec la mauvaise option.

    Je me sens tout petit.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. comment changer l'image de fond d'une cellule par un menu ?
    Par @rno0059 dans le forum Mise en page CSS
    Réponses: 18
    Dernier message: 25/06/2007, 01h06
  2. Réponses: 6
    Dernier message: 21/09/2006, 18h33
  3. [positionnement]image au bas d'une cellule
    Par bakonu dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 15/10/2005, 13h25
  4. Etirer une image de fond dans une cellule
    Par dreamanoir dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 13/07/2005, 15h39
  5. Réponses: 4
    Dernier message: 03/05/2005, 10h03

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