Calque

Discussion dans 'Web, design' créé par Mopral, 17 Septembre 2006.

Statut de la discussion:
Fermée.
  1. Offline
    Mopral Touriste
    Juste une petite question :

    J'ai un tableau avec une image dans chaque cellule, dans une de ces cellule, j'insère un calque avec un contenu (news de cutenews)

    Le problème est que sur le web, mes news bougent de place dès qu'on redimenssionne la page. Elle se trouve donc au mauvais endroit.

    Comment peut-on faire pour corriger cela ?

    Merci
    Mopral, 17 Septembre 2006
    #1
  2. Offline
    NoBrain Touriste
    Ce serait bien d'avoir un lien pour y voir de plus près et bien comprendre le prob.

    Essaies de définir des tailles pour tes cellules identiques à la taille de l'image de fond (c'est ça que tu appelles calque ?) et/ou une taille globale fixe pour ta table.
    NoBrain, 17 Septembre 2006
    #2
  3. Offline
    Mopral Touriste
    Pour faire simple j'ai fais un exemple en vitesse :

    Test

    On peut voir que si on redimensionne la page, le texte bouge.

    Ce que je voudrais c'est qu'il reste ou il est. (dans ce cas-ci au milieu du carré blanc)
    Mopral, 17 Septembre 2006
    #3
  4. Offline
    NoBrain Touriste
    Hmmm, oui, c'est logique. D'un côté tu as un div avec une valeur absolue qui se
    place en fonction du coin supérieur gauche de la fenêtre de ton browser, de
    l'autre un div avec une valeur relative (non définie, mais par défaut) avec un
    alignement qui le centre de manière "relative" à la taille de ta fenêtre.
    C'est en fait le carré blanc qui "bouge", et non le texte.

    Il y a plusieurs façons de travailler, mais je ne sais pas quels sont tes besoins
    exacts. Disons qu'apparemment tu utilises la position absolue pour pouvoir utiliser
    l'attribut z-index et placer du texte au dessus d'une image. Tu devrais plutot faire quelque chose comme ça :

    Code:
    <div style="background-image: url(tonimage400x400.gif); width: 400px; height: 400px;">
    "ton texte" ou un autre "<div></div>"
    </div>
    Un <div> avec une image de fond de la même taille que le <div> et dans son contenu, du texte ou un autre élément qui apparaitra par dessus.

    J'espère que ça t'aidera...
    NoBrain, 17 Septembre 2006
    #4
  5. Offline
    Mopral Touriste
    Problème résolu, merci ;)
    Mopral, 17 Septembre 2006
    #5
  6. Offline
    Mopral Touriste
    Encore une question :

    Si je veux que mon texte ne prenne qu'une place déterminée ?

    Entre x et y px.
    Mopral, 26 Septembre 2006
    #6
Statut de la discussion:
Fermée.