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 repeat-x


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Février 2005
    Messages : 79
    Par défaut background image repeat-x
    Bonjour,

    Je travail actuellement sur un petit site web et j'aimerai ajouter tout simplement un banner a l'aide d'un tabeau et des css.

    Cella se présente ainsi:

    1) le tableau

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
            <table width="100%">
                <tr>
                    <td class="cellGeneralTitle">
                    </td>
                    <td  class="cellGeneralTitle2">
                    </td>
                </tr>
            </table>
     
            ...
    2) le css

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    .cellGeneralTitle
    {
        width : 500px;
        background-image: url(../App_Themes/Img/droite.png); 
        background-repeat: no-repeat;
    }
     
    .cellGeneralTitle2 
    {
        background-image: url(../App_Themes/Img/droite2.png); 
        background-repeat: repeat-x;
     }
    Le problème est que sous IE, le repeat-x de la cellule de droite du tableau ne se fait pas (sous firefox c'est ok).
    En affectant un largeur a la cellule de droite ca fonctionne, mais le problème est que j'aimerai que cette largeur varie en fonction de la dimension du navigateur (par contre la cellule de gauche ne varie pas de largeur).

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    C'est un problème de hasLayout. Essaie de mettre :

    dans cellGeneralTitle2.

  3. #3
    Membre émérite Avatar de djoyeux
    Profil pro
    Inscrit en
    Août 2007
    Messages
    595
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2007
    Messages : 595
    Par défaut
    Il serait mieux d'utiliser du CSS pour ta mise en forme que des tableaux...

    Il y a un tuto trés bien sur le site.

    Il est préférable de ne plus utiliser des tableaux pour la mise en forme. tu t'éviteras bcp de problème...

    @++

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Février 2005
    Messages : 79
    Par défaut
    Merci pour les réponses.

    Citation Envoyé par Bisûnûrs Voir le message
    C'est un problème de hasLayout. Essaie de mettre :

    dans cellGeneralTitle2.
    ... cela ne changer rien, ca fonctionne toujours pas.

    Citation Envoyé par djoyeux Voir le message
    Il serait mieux d'utiliser du CSS pour ta mise en forme que des tableaux...

    Il y a un tuto trés bien sur le site.

    Il est préférable de ne plus utiliser des tableaux pour la mise en forme. tu t'éviteras bcp de problème...

    @++
    ...Tu veut parler des div? je sais ce serai mieux, mais la j'ai tout fait avec des tableau, c'est donc trop tard ca me prendrait trop de temps de tout revoir. La prochaine fois j'y penserai.

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Utilises-tu un DOCTYPE complet ? Y a t-il du texte dans la cellule de droite ? Tu as un exemple en ligne ?

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Février 2005
    Messages : 79
    Par défaut
    hello,

    Le site se trouve ici http://www.lakeside-creations.ch

    et pour répondre a tes questions : j'utilise le doctype par defaut de asp.net. Non il n'y a pas de texte (mais j ai essaié avec). Oui, voir ci dessus

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

Discussions similaires

  1. background-image + repeat = ecart?
    Par Ctesias dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 20/01/2012, 15h08
  2. Réponses: 2
    Dernier message: 29/06/2007, 13h03
  3. [FF/Opera] background image attachment repeat...
    Par iubito dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 02/11/2005, 16h08
  4. background-image, l'image ne s'afiche pas
    Par Ashgenesis dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 17/11/2004, 14h38
  5. [div] background image
    Par noOneIsInnocent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 26/10/2004, 19h36

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