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

HTML Discussion :

[HTML] Taille fixe de span


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    vva
    vva est déconnecté
    Membre chevronné Avatar de vva
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    463
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Décembre 2004
    Messages : 463
    Par défaut [HTML] Taille fixe de span
    Bonjour à tous,

    Je suis en train de créer un site par affichage dynamique et j'aimerai que le contenu de mes pages s'affiche dans span ce qui me permet de gérer leur affichage (position, taille, style) par une base de données.
    j'arrive avec bien du mal à gérer les positions de mes boîtes mais ce qui me paralyse encore plus est de ne pas parvenir à forcer des largeurs et des hauteurs fixes quelque soit le contenu à afficher.
    voici le style appliqué au cadre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <span name='1' id='16' width='470px' height='180px' z-index='1' style='position: Relative; overflow: scroll; left: 5px; top: 5px; border : 1px solid gray;'>
    est-il possible de faire ce que je souhaite ou le span s'adapte t il toujours au contenu quelque soit la taille demandée ?

    merci d'avance

    vincent

  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
    Trois erreurs dans ton code :

    1. Les attributs HTML width et height ne prennent pas d'unité dans le cas des px.
    2. L'attribut HTML z-index n'existe pas.
    3. Les dimensions d'un span ne fonctionnent pas s'il n'est pas passé en élément block.

  3. #3
    vva
    vva est déconnecté
    Membre chevronné Avatar de vva
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    463
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Décembre 2004
    Messages : 463
    Par défaut
    1. Les attributs HTML width et height ne prennent pas d'unité dans le cas des px.
    ->ok j'ai essayé les deux alors je retire les pixels

    2. L'attribut HTML z-index n'existe pas.
    -> je vais l'inclure dasn le style. Est une raison du plantage ?

    3. Les dimensions d'un span ne fonctionnent pas s'il n'est pas passé en élément block.
    ->est à dire que dasn style je dois préciser display; block; ??

    merci

  4. #4
    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
    Le z-index n'est pas une raison du plantage, non, juste que t'en qu'à faire, autant relever toutes les erreurs.

    Tu as bien compris, tu dois rajouter display:block dans le style pour que le span puisse prendre en compte les dimensions que tu lui donnes.

  5. #5
    vva
    vva est déconnecté
    Membre chevronné Avatar de vva
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    463
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Décembre 2004
    Messages : 463
    Par défaut
    alors j'ai apporté les trois corrections que tu m'as suggérées mais rien ne change au niveau de l'affichage les 4 images s'affichent les unes en dessous des autres aulieu d'être en damier

    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
     
    <style>
    #Display
    {
    z-index: 0;
    position: absolute;
    left: 1%;
    top: 16%;
    width: 990px;
    height: 90%;
    border-top: 5px solid navy;
    border-left: thin solid navy;
    border-right: thin solid navy;
    border-bottom: 5px solid navy;
    overflow: auto;
    }
    </style>
     
    <span id='Display'>
    <span name='1' id='16' width='470' height='180' style='position: Relative; display: block; overflow: auto; left: 5; top: 5; border: 1px solid gray; z-index: 1;'>
    <img src='images/hiver 7.jpg' border='0' width='470' height='180'>
    </span>
    <span name='2' id='17' width='470' height='180' style='position: Relative; display: block; overflow: auto; left: 20; top: 5; border: 1px solid gray; z-index: 1;'>
    <img src='images/hiver 7.jpg' border='0' width='470' height='180'>
    </span>
    <span name='3' id='18' width='470' height='180' style='position: Relative; display: block; overflow: auto; left: 5; top: 20; border: 1px solid gray; z-index: 1;'>
    <img src='images/hiver 7.jpg' border='0' width='470' height='180'>
    </span>
    <span name='4' id='19' width='470' height='180' style='position: Relative; display: block; overflow: auto; left: 20; top: 20; border: 1px solid gray; z-index: 1;'>
    <img src='images/hiver 7.jpg' border='0' width='470' height='180'>
    </span>
    </span>

  6. #6
    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
    En damier ? En même temps je ne pouvais pas le deviner, j'ai juste répondu à la question originelle.

    Pourquoi as-tu enlevé les unités dans le CSS pour les propriétés top et left ?

Discussions similaires

  1. Tableau HTML taille fixe
    Par shuyun dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 28/08/2009, 15h35
  2. [HTML] Tableau avec Taille Fixe
    Par jamesleouf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 21/05/2008, 14h42
  3. [HTML] taille de cellule fixe
    Par ep31 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/10/2007, 18h23
  4. Taille fixe du texte dans une page HTML
    Par The snail dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 17/10/2006, 21h37

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