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 :
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>
Commentaire