Partage
  • Partager sur Facebook
  • Partager sur Twitter

Elargir une baniere

    26 novembre 2005 à 18:20:11

    Voila jai une baniere tte belle :)
    Mais je voudrait qu'elle sadapte a la fenetre de ie ou mozilla o_O
    qu'elle selargisse quelle ne prenne pas que le centre de la page!!
    car dans les tuto de mateo il dit que c possible mais plu dure?!
    quelqu'un aurait un tuto ou sagit til juste dun commande !
    thx all ;)
    • Partager sur Facebook
    • Partager sur Twitter
      26 novembre 2005 à 18:30:41

      Slt,

      tu mets un <img/> dont le width:100%; -> normalement, l'image prend 100% de son conteneur.

      a+
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        26 novembre 2005 à 18:34:38

        Citation : Tangui

        Slt,

        tu mets un <img/> dont le width:100%; -> normalement, l'image prend 100% de son conteneur.

        a+



        Pas très strict tout sa :-°
        En plus ta baniere va s'allonger verticalement aussi si il n'y a pas de height enfait le mieux et de laisser ta banniere u milier et de mettre de chaque coté deux autre images mais elle extensible , qui viendront se coller à ta baniere c'est assez dur.
        Sinon ne touche pas à ta banniere mais just au corps de ta pas / menu

        regarde mon site pour voir ce que sa fait ( la banniere n'est pas modifié juste le corps : http://arnaud333.suidzer0.org )
        X-|
        • Partager sur Facebook
        • Partager sur Twitter
          26 novembre 2005 à 18:40:26

          Salut Zouko,
          Tout dépend de ta bannière en fait. Je pourrais t'expliquer comment faire mais seulement si tu peux me montrer ta bannière, essaye de mettre un lien vers l'image ou de l'uploader pour la mettre sur le forum.
          Après il y a différentes possibilités selon les cas : on peut comme le dit Tangui ajouter une balise <img /> et lui donner la largeur 100% par le biais du css, mais le problème c'est que l'image va être déformée (si c'est à ton image de bannière que tu attribues la largeur 100%). Moi je pense que l'utilisation d'un <h1> que l'on style serait plus judicieux, mais encore une fois tout dépend de ta bannière.
          Envoie-moi un MP si tu as des questions sinon fais voir ta bannière :p
          • Partager sur Facebook
          • Partager sur Twitter
            26 novembre 2005 à 19:17:04

            Slt tt le monde,

            vu que CSS2.1 ne permet pas d'avoir des background qui s'étirent, la seule solution pour moi reste le <img/> (tout a fait strict, au passage...).
            Avec un width:100%; non seulement l'image fera 100% de la taille du conteneur mais en plus, elle s'agrandira en hauteur (height) automatiquement et en conservant le ratio.

            a+
            • Partager sur Facebook
            • Partager sur Twitter
              26 novembre 2005 à 19:22:46

              Thx :)
              sa contredit un message d'en haut ^^
              mais jvai tester sa
              merci
              • Partager sur Facebook
              • Partager sur Twitter
                27 novembre 2005 à 13:28:58

                Tangui je suis d'accord avec ce que tu dis ça peut très bien fonctionner mais le problème avec cette méthode c'est que l'image va être aggrandie par le navigateur, c'est pour ça que moi je préfère créer une bannière avec les parties droite et gauche qui sont extensibles horizontalement. Ainsi les dimensions de la bannière ne changent pas, seules les bouts droit et gauche sont fluides.
                Zouko par rapport à ta bannière ça risque d'être très difficile de faire un design fluide. Il faut que tu essayes de repenser ta bannière pour un design fluide, ou que tu utilise la méthode qu'Arnaud a utilisée sur son site.
                • Partager sur Facebook
                • Partager sur Twitter
                  27 novembre 2005 à 13:51:31

                  Slt Jumpy,

                  le problème avec ta solution, c'est qu'en 800*600, la bannière apparaitra trop grosse tandis qu'en 2048*1752, elle paraîtra trop petite.
                  Je ne vois pas de problème à ce que l'image soit agrandie par le navigateur. Quand tu mets a{color:yellow;}, c'est aussi le navigateur qui met le lien en jaune...
                  En plus, ta solution compliques la chose à mon avis puisqu'on doit utiliser 3 backgrounds, c'est un peu fastidieux.
                  En fait, j'ai l'impression que tu penses que toute image doit être affiché via CSS, alors que celles qui ont un sens, la bannière d'un site en fait partie, doivent apparaître dans le code XHtml (avec l'attribut alt fixé à la valeur appropriée).

                  a+
                  • Partager sur Facebook
                  • Partager sur Twitter
                    27 novembre 2005 à 21:53:48

                    Effectivement j'ai pas été très clair concernant l'histoire du navigateur, le problème c'est que quand on aggrandit ou rapetisse une image par le biais d'un width 100% elle va être moche on verra des gros pixels enfin la bannière ne sera plus nette. Sinon concernant les résolutions, en 2048*1752 l'interface windows (ou autre) et peut-être trois fois plus petite qu'en 800*600 pourtant ça ne gêne pas, je vois donc pas le problème avec une image qui est petite à l'écran. Enfin je ne pense pas qu'il soit utile de disserter sur ce sujet puisqu'on s'écarte du véritable sujet du topic. Je voulais juste expliquer mon point de vue sur la chose (j'ai tendance à toujours vouloir privilégier l'aspect esthétique).
                    Concernant le vrai problème de Zouko ta solution est mieux adaptée parce que sa bannière est compliquée (et il y a déjà de l'aliasing donc peu importe si elle est aggrandie). Pour savoir à quoi elle ressemble voici l'adresse : http://zouko.free.fr/images/baniiererrerer.jpg
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Elargir une baniere

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur
                    • Markdown