rendre mon template flexible en hauteur

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • rendre mon template flexible en hauteur

    Bonjour, j'ai créé moi-même un template (avec mes connaissances) pour mon site.

    Cependant, il n'est pas flexible en hauteur, ce qui veut dire que peu importe le contenu des articles, la hauteur des trois colonnes de couleur restent fixes. Comment le rendre flexible ?

    Merci d'avance.

    voici également le code du template :

    Code:
    defined('_JEXEC') or die;
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction ?>">
      <head>
        <jdoc:include type="head" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/texte.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/menu_musee.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/picture_menu.css" type="text/css" />   
      </head>
    
      <body class="template">
      <table border="0" cellspacing="0" class="tabcenter">
        <font face="Arial" color="white">
      <tr>
        <td colspan="3">
                <div id="conteneur_haut">
            <a href="http://www.lemusee.ch/">
            <div id="logo"></div>
            </a>
          </div>
        </td>
    
      </tr>
      <tr>
        <td colspan="3">
                           <div id="menu_musee">             
                   <jdoc:include type="modules" name="position-7" />
                  </div>
        </td>
      </tr>
      <tr>
        <td width="150px">
                  <div id="slideshow">
             <jdoc:include type="modules" name="position-0" />
            </div>
        </td>
        <td width="500px">
            <div id="contenu_principal" class="item-page">
              <jdoc:include type="message" />
              <jdoc:include type="component" />
          </div>
        </td>
        <td width="300px">
          
          <div id="news_dynamiques" class="item-page-right">  
    <jdoc:include type="modules" name="position-4-contenu-fixe" />        
            <br /><br />
                   <jdoc:include type="modules" name="position-3" />
            <br /><br /><br />
            <p align="right">
            <a href="https://www.facebook.com/pages/Mus%C3%A9e-Chappuis-F%C3%A4hndrich/443223502399142" target="_blank" class="invi">
              <img src="http://www.owegen.ch/lemusee_test/templates/template_musee_chappuis_fahndrich_2012_version_9_1/images/facebook_logo.png" />
            </a> 
            <a href="http://youtube.com/watch?v=izbaqGA9z4I" target="_blank" class="invi">
              <img src="http://www.owegen.ch/lemusee_test/templates/template_musee_chappuis_fahndrich_2012_version_9_1/images/youtube_logo.png" />
            </a>
            <a href="http://www.museums.ch" target="_blank" class="invi">
              <img src="http://www.owegen.ch/lemusee_test/templates/template_musee_chappuis_fahndrich_2012_version_9_1/images/ams_logo.jpg" />
            </a>
            </p>
                  </div>
        </td>
      </tr>
      <tr>
        <td colspan="3" heigth="100px">
           <jdoc:include type="modules" name="pied-de-page" /> 
        </td>
      </tr>
        </font>
      </table>
      </body>
    
      <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-38411976-1']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
      
    </html>

  • #2
    Re : rendre mon template flexible en hauteur

    Le HTML ne va que peu aider, la réponse se trouve sûrement dans ton css, poste un lien vers ton site, ou aide-toi de firebug.

    Commentaire


    • #3
      Re : rendre mon template flexible en hauteur

      Le HTML ne va que peu aider, la réponse se trouve sûrement dans ton css
      Pas dans ce cas, car il permet de voir une mise en page par tableau comme au siècle dernier
      les 3 colonnes d'un tableau ont par définition la même hauteur
      UP, le plugin universel à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire


      • #4
        Re : rendre mon template flexible en hauteur

        Holala en effet , partant de là ça il y a tout intérêt à remplacer le template !

        Commentaire


        • #5
          Re : rendre mon template flexible en hauteur

          Envoyé par kursus Voir le message
          Holala en effet , partant de là ça il y a tout intérêt à remplacer le template !
          oui mais comment ?

          Commentaire


          • #6
            Re : rendre mon template flexible en hauteur

            En en téléchargeant un et puis en l'installant ?

            Commentaire


            • #7
              Re : rendre mon template flexible en hauteur

              Envoyé par kursus Voir le message
              En en téléchargeant un et puis en l'installant ?
              Merci, je connaissais déjà cette variante

              Nous je voulais dire, comment modifier mon template afin de le rendre flexible en hauteur ?

              Commentaire


              • #8
                Re : rendre mon template flexible en hauteur

                Nous je voulais dire, comment modifier mon template afin de le rendre flexible en hauteur ?
                Abandonner les tableaux pour des div's et maitriser le css.
                L'idée de kursus mérite que l'on s'y attarde. Il existe des templates ou des framework qui facilte la vie et offre le responsive
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : rendre mon template flexible en hauteur

                  je voulais dire, comment modifier mon template afin de le rendre flexible en hauteur ?
                  Tu ne peux pas, sauf si tu veux entamer un chantier en div/css en effet.

                  Ton site est en tableaux (comme dit lomart on faisait comme ça au siècle dernier, et ce n'est pas une blague), et par définition les cellules d'une ligne d'un tableau sont de même hauteur.

                  Voir ton code ici : http://codepen.io/anon/pen/mGBpi

                  Bon courage pour le changement de template, ça sera un mal pour un bien !
                  Dernière édition par kursus à 20/04/2013, 01h17

                  Commentaire


                  • #10
                    Re : rendre mon template flexible en hauteur

                    Envoyé par lomart Voir le message
                    L'idée de kursus mérite que l'on s'y attarde. Il existe des templates ou des framework qui facilte la vie et offre le responsive
                    par exemple Gantry Framework?

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X