Fin des modules

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

  • Fin des modules

    Bonjour,

    comment faire pour mettre une image à la fin de chaque module

    table.moduletable {} /* apparence général des modules */
    table.moduletable th {} /* apparence du titre des modules */
    table.moduletable td {} /* apparence du contenu des modules */

    mais la fin ?

    merci d'avance

  • #2
    tu met ce genre de code : dans
    table.moduletable{
    background : url(url_de_ton_image) bottom;
    }

    moi je testerais ca.

    Commentaire


    • #3
      alors c'est pas tout à fait ca
      Code HTML:
      background : url(url_de_ton_image) bottom;
      permet de mettre une image juste avant la fin du tableau
      alors que je voudrai mettre l'image juste apres la fin du tableau

      pour etre plus precis, voila ma css :
      Code HTML:
      table.moduletable {
      	width: 200px;
      	align: center;
      	background: url(../images/rightbottom.gif) bottom;
      	background-repeat:no-repeat;
      } 
      
      table.moduletable th {
      	FONT-WEIGHT: normal; 
      	FONT-SIZE: 11px; 
      	VERTICAL-ALIGN: bottom;
      	TEXT-TRANSFORM: uppercase; 
      	COLOR: #ffffff; 
      	FONT-FAMILY: verdana, verdana, helvetica, sans-serif;  
      	TEXT-ALIGN: left; 
      	padding-top: 7px; 
      	padding-bottom: 7px; 
      	padding-left: 20px; 
      	height: 60px; 
      	width: 200px;
      	background: url(../images/righttop.gif) top;
      	background-repeat:no-repeat;
      } 
      
      table.moduletable td {
      	color: #ffffff;
      	height: 21px; 
      	background-color: transparent;
      }
      cf image2.jpg ci joint
      j'aimerai que l'image de fin apparaisse apres la fin du tableau

      merci d'avance
      Fichiers joints

      Commentaire


      • #4
        j'aimerai que l'image de fin apparaisse apres la fin du tableau
        Et bien moi, la boursoufflure du bas, je la vois dans le tableau et certainement pas après.

        Même quelle est dans la cellule td par dessous le contenu.

        allez hop, virez moi cette image dans le table.module table td

        Papounet

        PS : Franchement, ce n'est pas top de faire ça avec une publication en tableau. Ca serait plus joli avec une publication en div. Car possible de faire des réglages...
        I'am happy for you !
        Dernière réalisation : http://www.pierrickservais.com/

        Commentaire


        • #5
          merci pour ta reponse,

          alors en faisant :
          Code HTML:
          table.moduletable {
          	width: 200px;
          	align: center;
          } 
          
          table.moduletable th {
          	FONT-WEIGHT: normal; 
          	FONT-SIZE: 11px; 
          	VERTICAL-ALIGN: bottom;
          	TEXT-TRANSFORM: uppercase; 
          	COLOR: #ffffff; 
          	FONT-FAMILY: verdana, verdana, helvetica, sans-serif;  
          	TEXT-ALIGN: left; 
          	padding-top: 7px; 
          	padding-bottom: 7px; 
          	padding-left: 20px; 
          	height: 60px; 
          	width: 200px;
          	background: url(../images/righttop.gif) top;
          	background-repeat:no-repeat;
          } 
          
          table.moduletable td {
          	color: #ffffff;
          	height: 21px; 
          	background-color: transparent;
          	background: url(../images/rightbottom.gif) bottom;
          	background-repeat:no-repeat;
          }
          j'obtiens le resultat suivant : cf capture ci-joint

          comprends tu mon pb ?
          j'aimerai que mon image rightbottom apparaisse dans la ligne au dessous de "Mot de passe oublié ?"
          Fichiers joints

          Commentaire


          • #6
            C'est très zoli comme ça !
            Touches plus à rien.

            Evidement que ça fait ça.
            Vu qu'il a plein de td dans le td du moduletable.
            Regardes le code...

            Code PHP:
            table.moduletable td td {
                
            background-imagenone;

            I'am happy for you !
            Dernière réalisation : http://www.pierrickservais.com/

            Commentaire


            • #7
              donc en faisant :

              Code HTML:
              table.moduletable {
              	width: 200px;
              	align: center;
              } 
              
              table.moduletable th {
              	FONT-WEIGHT: normal; 
              	FONT-SIZE: 11px; 
              	VERTICAL-ALIGN: bottom;
              	TEXT-TRANSFORM: uppercase; 
              	COLOR: #ffffff; 
              	FONT-FAMILY: verdana, verdana, helvetica, sans-serif;  
              	TEXT-ALIGN: left; 
              	padding-top: 7px; 
              	padding-bottom: 7px; 
              	padding-left: 35px; 
              	padding-right: 15px; 
              	height: 60px; 
              	width: 200px;
              	background: url(../images/righttop.gif) top;
              	background-repeat:no-repeat;
              } 
              
              table.moduletable td {
              	align: 		center;
              	color: 		#ffffff;
              	height: 	21px; 
              	background-color:transparent;//#8999c9;
                	text-indent: 	12px;
              	background: url(../images/rightbottom.gif) bottom;
              	background-repeat:no-repeat;
              } 
              
              table.moduletable td td {
              	background-image: none;
              }
              on en reviens à mon premier message à mon deuxieme message de cette discussion : http://forum.joomla.fr/attachment.ph...1&d=1163787319



              dans tous les cas : je souhaite que mon image : rightbottom apparaisse à la ligne suivant : APRES le dernier TD

              en fait, je souhait faire un template avec des modules un peu comme sur ce site : http://vb2c.free.fr/ (pour les news par exemple)

              donc, j'arrive à affiche le debut du module, mais pas la fin

              Commentaire


              • #8
                Il faudrait peut être mettre les nom des propriétés en minuscules
                Code PHP:
                font-heightnormal
                au lieu de :
                Code PHP:
                FONT-WEIGHTnormal
                Cela serait quand même préférable.

                Ceci n'existe pas :
                Code PHP:
                table.moduletable td {
                    
                align:         center;

                On ne sait pas ce que c'est. donc à supprimer.

                21 pixel de hauteur = mon oeil !
                Ta cellule est manifestement plus grande
                Soit tu changes cette hauteur pour la valeur qui te permet d'atteindre ton objectif (image en bas après la derniere ligne du contenu) :
                table.moduletable td {
                height: 21px;
                }
                Soit tu vire cette ligne et tu ajoutes un padding-bottom de la valeur de la hauteur de ton image dans le table.moduletable td
                En prennant soin d'annuler cela dans le table.moduletable td td par un padding-bottom: 0;

                Je suis désolé, je n'ai pas le temps de tester. je te donne ce que je pense qu'il faut faire. Mais sans le template, c'est pas facile de taper juste du premier coup.

                Papounet
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  salut,

                  merci beaucoup pour tes réponses...
                  tu as du comprendre que je suis débutant,
                  je suis en train de découvrir Joomla, d'ou mes questions un peu naïf

                  à propos de questions naïf, que signifie : table.moduletable td td

                  autre question : table.moduletable td --> contenu du module
                  mais en faisant :
                  Code HTML:
                  table.moduletable td {
                  	background-color:#8999c9;
                    	text-indent: 	12px;
                  } 
                  pourquoi le module 'qui est en ligne' n'utilise pas la couleur de fond pour le contenu du td ?

                  Commentaire


                  • #10
                    Ce n'est pas du joomla!
                    C'est du css et il y a des milliers de sites qui expliques.
                    Je te conseil la lecture des spécifications css du W3C
                    Voir les liens données sur ce forum ou sur mon site.

                    table.moduletable s'applique à la balise table assortie de la classe module table :
                    Code PHP:
                    <table class="moduletable"
                    table.moduletable td s'applique donc aux cellules des tableaux qui sont dans la classe moduletable. Mais cette formulation conduit à appliquer le style aux cellules des tableaux qui sont inclus dans des tableaux assorties de la classe moduletable :

                    Si par exemple tu as le balisage suivant :
                    Code PHP:
                    <table class="moduletable">
                     <
                    tr>
                       <
                    td>Texte_1</td>
                     </
                    tr>
                     <
                    tr>
                      <
                    td>
                             <
                    table><tr><td>Texte_2</td></tr></table>
                      </
                    td>
                     </
                    tr>
                    </
                    table
                    Et que tu as pour seul style dans ton css :
                    Code PHP:
                    table.moduletable td colorred; } 
                    alors Texte_1 et Texte_2 seront écrit en rouge sur ta page.
                    car ils sont dans une cellule td qui est un enfant d'une balise table avec la classe moduletable.
                    Si tu souhaites que Texte_1 soit rouge et Texte_2 soit bleu
                    alors la solution est évidente :
                    Code PHP:
                    table.moduletable td colorred; } / *Toutes les cellules avec encre rouge */
                    table.moduletable td td colorblue; } / *Toutes les cellules incluses dans une autre cellule avec encre blue au lieu de rouge */ 
                    pourquoi le module 'qui est en ligne' n'utilise pas la couleur de fond pour le contenu du td ?
                    Peut être parce que la cellule td en question contient une autre balise qui cache ce que tu t'attend à voir. imagine seulement que le contenu du module soit constitué d'une balise div et que ton css prévoit un fond noir pour fond dans les balises div. Le fond va être noir. il masque le td. (je suppose dans cette explication que le div prend les dimension de la cellule.)

                    Pour ton cas particulier, je n'ai pas regardé.
                    Te dépanner sur ce coup est une chose. Mais ça ne solutionne rien.
                    Le prochain module que tu vas télécharger peut te poser d'autres soucis du même genre.
                    Il te faut donc les outils pour visualiser ce qui se passe.
                    http://www.joomladraft.org/content/view/350/73/

                    Papounet
                    PS : Lire http://www.yoyodesign.org/doc/w3c/css2/cover.html
                    C'est pénible à lire, mais il faut savoir...
                    I'am happy for you !
                    Dernière réalisation : http://www.pierrickservais.com/

                    Commentaire

                    Annonce

                    Réduire
                    1 sur 2 < >

                    C'est [Réglé] et on n'en parle plus ?

                    A quoi ça sert ?
                    La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                    Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                    Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                    Comment ajouter la mention [Réglé] à votre discussion ?
                    1 - Aller sur votre discussion et éditer votre premier message :


                    2 - Cliquer sur la liste déroulante Préfixe.

                    3 - Choisir le préfixe [Réglé].


                    4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                    2 sur 2 < >

                    Assistance au forum - Outil de publication d'infos de votre site

                    Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                    Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                    Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                    UTILISER À VOS PROPRES RISQUES :
                    L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                    Problèmes connus :
                    FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                    Installation :

                    1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                    Archive zip : https://github.com/AFUJ/FPA/zipball/master

                    2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                    3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                    4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                    5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                    6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                    et remplacer www. votresite .com par votre nom de domaine


                    Exemples:
                    Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                    Télécharger le script fpa-fr.php dans: /public_html/
                    Pour executer le script: http://www..com/fpa-fr.php

                    Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                    Télécharger le script fpa-fr.php dans: /public_html/cms/
                    Pour executer le script: http://www..com/cms/fpa-fr.php

                    En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                    Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                    Voir plus
                    Voir moins
                    Travaille ...
                    X