Code css, quel fichier

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

  • [RÉGLÉ] Code css, quel fichier

    Bonsoir à tous,

    J'utilise Joomla 2.5 avec le template de base beez 20

    Dans un de mes articles, j'ai un tableau. Je souhaite attribuer uniquement le trait vertical haut et bas d'un cellule.

    J'utilise firebug

    Lorsque je modifie le css de la balise td, tr dans le template personnal.css, les tableaux présents dans les articles qui utilisent ce template seront mis en forme selon mes modifs.
    Il faut donc modifier le style dans le fichier php

    Je me complique peut être la vie sachant qu'il est tout à fait possible de modifier le style d'une seule cellule via l'interface de gestion du site -> clic droit/cellule/propriété de la cellule et dans l'onglet "Avancé" placer le style css dans le champ "Style".
    Toutefois, j'ai un plusieurs critères :
    Code:
    border-top-width: 0.5px; border-top-style: dashed; border-bottom-style: dashed; border-bottom-width: 0.5px;
    et souhaiterais ajouter "border-top-color: #bbbbbb";
    Cela n'est pas pris en compte.... "marche pas..."

    En revanche, lorsque j'ajoute ce dernier critère dans le code affiché par firebug, cela fonctionne bien.... Dans la fenêtre css de firebug j'ai bien le style de type
    Code:
    element.style {
        border-bottom-style: dashed;
        border-bottom-width: 0.5px;
        border-top-style: dashed;
        border-top-width: 0.5px;
    }
    Je me dis alors :"Pas de soucis, je vais l'ajouter dans le fichier .php et non via l'interface administrateur"

    Mais... Je ne trouve pas le fichier....
    Rien dans index.php
    Rien dans personnal.css
    Rien dans layout.css

    Je suis passé par l'outil de firebug pour obtenir des infos... rien

    Auriez vous une piste???

    Y'a un truc que je n'ai pas dû saisir dans le concept cms.... Ne souriez pas...
    Merci à vous!
    Dernière édition par Lio59 à 28/06/2013, 13h48

  • #2
    Re : Code css, quel fichier

    Bonjour,

    normalement, il doit suffire d'ajouter cela en fin du fichier personal.css pour l'appliquer à toutes les cellules.
    Code:
    td {
        border-bottom-style: dashed;
        border-bottom-width: 0.5px;
        border-top-style: dashed;
        border-top-width: 0.5px;
    }
    element.style est une règle créée lors de la génération de la page. Elle n'existe pas réellement
    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


    • #3
      Re : Code css, quel fichier

      Merci pour votre réponse...
      Oui, effectivement pour l'ensemble des cellules et d'ailleurs des tableaux, il faut intervenir sur ces lignes dans personnal.css
      "element.style" est généré par firebug, sans aucun doute...
      Mais ma question est de connaître le fichier .php qui contient le style, dans le code html, de la cellule. Je vois bien la ligne dans firebug, mais ne trouve pas ce fichier... Ce serait le fichier propre de l'article, car on voit bien le contenu... Où se trouve-t-il?
      Merci à vous...

      Commentaire


      • #4
        Re : Code css, quel fichier

        Ce serait le fichier propre de l'article, car on voit bien le contenu... Où se trouve-t-il?
        Vous devriez revoir le principe d'un CMS.
        Il n'existe pas de fichier propre à un article, le contenu se trouve dans la base de données et est accessible au travers d'un éditeur (Tiny MCE, JCE, ...)
        Si vous voulez agir uniquement sur un tableau, il faut lui affecter une classe ou un ID puis créer le css correspondant
        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


        • #5
          Re : Code css, quel fichier

          Vous devriez revoir le principe d'un CMS
          Merci pour le conseil...

          Ce que je souhaite vraiment savoir et justement peut être le "principe du CMS" ;-)
          Dans quel fichier puis-je trouver le code (surligné en bleu)... -> voir image
          Je sais bien que le code css (envert à droite est généré automatiquement et qu'il n'apparaîtra dans aucun fichier
          Cliquez sur l'image pour l'afficher en taille normale

Nom : Code.jpg 
Affichages : 1 
Taille : 12,9 Ko 
ID : 1802892Cliquez sur l'image pour l'afficher en taille normale

Nom : Code.jpg 
Affichages : 1 
Taille : 12,9 Ko 
ID : 1802892

          Merciiiii

          Commentaire


          • #6
            Re : Code css, quel fichier

            Bonjour,

            Dans la barre de droite, le style CSS de element.style correspond à la la propriété style de la balise HTML <td>.
            Le style est donc écrit en dur dans le code HTML, il n'est pas possible de le modifier dans un fichier CSS.
            Besoin de debugguer votre site, pensez à Firebug : http://www.grafikart.fr/tutoriels/ht...ion-firefox-76
            Vous avez trouvé une solution, mettez votre discussion en [Réglé] ? http://forum.joomla.fr/announcement.php?f=58
            Je ne donne pas suite aux messages privés (MP) non sollicités !

            Commentaire


            • #7
              Re : Code css, quel fichier

              Désolé de ne pas m'exprimer correctement....
              Oui, je sais bien que c'esy dans le html qu'il faut modifier... Mais où se trouve ce fichier? C'est bien ça ma question...
              Merci qd même pour votre réponse

              Commentaire


              • #8
                Re : Code css, quel fichier

                Ben, il faut aller dans l'article où y'a le tableau, puis afficher la source 'icone <>'.
                Là vous pourrez modifier le style de la balise td directement dans le code source

                (Quel éditeur utilisez vous ?)
                Besoin de debugguer votre site, pensez à Firebug : http://www.grafikart.fr/tutoriels/ht...ion-firefox-76
                Vous avez trouvé une solution, mettez votre discussion en [Réglé] ? http://forum.joomla.fr/announcement.php?f=58
                Je ne donne pas suite aux messages privés (MP) non sollicités !

                Commentaire


                • #9
                  Re : Code css, quel fichier

                  Cliquez sur l'image pour l'afficher en taille normale

Nom : code2.jpg 
Affichages : 1 
Taille : 15,0 Ko 
ID : 1802893

                  J'utilise firebug...
                  Quel serait ce fichier?

                  Commentaire


                  • #10
                    Re : Code css, quel fichier

                    Ne vous focalisez pas sur Firebug ...

                    Vous avez dit :
                    Dans un de mes articles, j'ai un tableau. Je souhaite attribuer uniquement le trait vertical haut et bas d'un cellule.
                    Vous devez donc modifier cet article et afficher le code source au lieu de l'éditeur de texte avec les petites icônes, afin de voir le code HTML.
                    Besoin de debugguer votre site, pensez à Firebug : http://www.grafikart.fr/tutoriels/ht...ion-firefox-76
                    Vous avez trouvé une solution, mettez votre discussion en [Réglé] ? http://forum.joomla.fr/announcement.php?f=58
                    Je ne donne pas suite aux messages privés (MP) non sollicités !

                    Commentaire


                    • #11
                      Re : Code css, quel fichier

                      Ma question demandait une réponse si évidente, que vous ne pouviez y répondre... Je suis hyper désolé....
                      La réponse était donc : "Basculer l'éditeur".... Oui, je recherchait le fichier, alors qu'il suffit d'afficher le code source dans l'éditeur même... désolé...
                      Merci Xdiz....

                      Commentaire


                      • #12
                        Re : Code css, quel fichier

                        Des fois il ne faut pas chercher midi à 14 heures .

                        De rien.
                        Besoin de debugguer votre site, pensez à Firebug : http://www.grafikart.fr/tutoriels/ht...ion-firefox-76
                        Vous avez trouvé une solution, mettez votre discussion en [Réglé] ? http://forum.joomla.fr/announcement.php?f=58
                        Je ne donne pas suite aux messages privés (MP) non sollicités !

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X