Utilisation du CSS

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

  • [RÉGLÉ] Utilisation du CSS

    Hello!


    je sais bien que je suis une brèle en CSS ... mais là , j'y perd mon latin :

    Soit un cadre "main" qui contient du texte.

    Un cadre "Blocs_fond.droite " qui contient un module "mod_artcats " qui contient une liste de liens sous forme <li>

    Code HTML:
    #main a {
        color: #E64F54;
        text-decoration: none;
    }
    
    .Blocs_fond.droite li a {
        color: #000000;
    }
    Je voudrais que mes liens soient en rose ( main) mais que ce qui est dans le bloc Bloc_fond_droite restent en noir ...

    Tout est en rose ... une idée pourquoi ??

    Merci de votre aide !

    Amicalement

    Olivier

  • #2
    Re : Utilisation du CSS

    Tu es sûr qu'aucune règle n'est associée au module "mod_artcats " ?

    Tu pourrais filer le HTML généré ainsi que le CSS ?
    My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

    Commentaire


    • #3
      Re : Utilisation du CSS

      Merci de ton aide !

      Je ne vais pas tout mettre le code, mais pour la partie qui implique mon soucis (voir en fin de post ) :

      le tric que si dans mon code je fais :


      Code:
      .Blocs_fond.droite a
      {
        font-size:80px;
      }
      J'ai bien une url ENORME ... mais si je fais :
      Code:
      .Blocs_fond.droite a
      {
        color:#00000;
      }
      Mes liens restent roses ... le #main prime sur l css du . blocfond

      Je n'arrive pas modifier pour que cela fonctionne, et je voudrais bien laisser le #main actif pour tous les autres liens ...

      et pour répondre a ta question, non je n'ai pas de css sur le mod_artcats
      Si vous avez une idée ?

      Merci d'avance

      Olivier

      Code HTML:
      <div id="main">
      				
      
      <div class="blog">
      
      			<div class="leading">
      			
      
      
      
      
      
      
      
      
      
      <table id="table_Home" style="width: 940px; border: 0pt solid #fca29b;" align="center" border="0" cellpadding="5" cellspacing="0">
      <tbody>
      <tr>
      <td align="center" valign="top"><img src="/patchmania/images/stories/menu/tissus.png" border="0" /></td>
      <td align="left" valign="top">
      <h2><span style="font-size: small;"><span style="font-family: arial black,avant garde;">Bienvenue !</span><strong><br /></strong></span></h2>
      
      <span style="font-size: small;"> <br /><span style="font-family: arial,helvetica,sans-serif;"><a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=51:lorem-ipsum-&amp;catid=38:actualites&amp;Itemid=65">Passionnée </a>de patch depuis de nombreuses années, j'ai le plaisir de vous faire partager nos travaux et nos tissus.<br /><br />Nous vous proposons un grand choix de tissus, des livres et divers accessoires ainsi que des cours de patch de la débutante à la chevronnée.<br /><br />Je <a href="/patchmania/index.php?option=com_content&amp;view=category&amp;id=27:new-to-joomla&amp;layout=blog&amp;Itemid=44">vous </a>souhaite un agréable moment sur notre site valaisan. </span><br /><br /><strong>Nathalie</strong></span><br /><br />
      <p><a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=48"><span style="font-size: small;">&gt;&gt; Sprechen Sie deutch</span></a></p>
      </td>
      </tr>
      </tbody>
      </table>
      
      		</div>
      		<span class="leading_separator">&nbsp;</span>
      	
      	
      	
      	</div>
      
      			
      							<div class="Blocs_fond gauche">
      							<div class="moduletable">
      					<h3>Nouveautés boutique</h3>
      					      <table border="0" cellpadding="0" cellspacing="0" width="100%">        
              <tr>
      
      <td align="center">
      <!-- The product name DIV. -->
       <div style="height:77px; float:left; width: 100%;line-height:14px;">
      <a title="Oeil de Perdraux" href="/patchmania/index.php?page=shop.product_details&amp;category_id=11&amp;flypage=flypage.tpl&amp;product_id=20&amp;option=com_virtuemart&amp;Itemid=60">Oeil de Perdraux</a>
      <br />
      </div>
      
      <!-- The product image DIV. -->
      <div style="height:90px;width: 100%;float:left;margin-top:-15px;">
      <a title="Oeil de Perdraux" href="/patchmania/index.php?page=shop.product_details&amp;category_id=11&amp;flypage=flypage.tpl&amp;product_id=20&amp;option=com_virtuemart&amp;Itemid=60">
      	<img src="http://127.0.0.1:8888/patchmania/components/com_virtuemart/shop_image/product/resized/Oeil_de_Perdraux_4e25b18162fa4_90x90.jpg" height="67" width="90" alt="Oeil de Perdraux" border="0" /></a>
      </div>
      
      <!-- The product price DIV. -->
      
      <div style="width: 100%;float:left;text-align:center;">
      
      
      	<span class="productPrice">
      		25.00 Frs			</span>
      
      
      </div>
      
      <!-- The add to cart DIV. -->
      <div style="float:left;text-align:center;width: 100%;">
      
      </div>
      </td>
      
      <td align="center">
      <!-- The product name DIV. -->
       <div style="height:77px; float:left; width: 100%;line-height:14px;">
      <a title="Quilt Book" href="/patchmania/index.php?page=shop.product_details&amp;category_id=12&amp;flypage=flypage.tpl&amp;product_id=19&amp;option=com_virtuemart&amp;Itemid=60">Quilt Book</a>
      <br />
      </div>
      
      <!-- The product image DIV. -->
      <div style="height:90px;width: 100%;float:left;margin-top:-15px;">
      <a title="Quilt Book" href="/patchmania/index.php?page=shop.product_details&amp;category_id=12&amp;flypage=flypage.tpl&amp;product_id=19&amp;option=com_virtuemart&amp;Itemid=60">
      	<img src="http://127.0.0.1:8888/patchmania/components/com_virtuemart/shop_image/product/resized/Quilt_Book_4e00b5a978cfb_90x90.jpg" height="90" width="67" alt="Quilt Book" border="0" /></a>
      </div>
      
      <!-- The product price DIV. -->
      
      <div style="width: 100%;float:left;text-align:center;">
      
      
      	<span class="productPrice">
      		25.00 Frs			</span>
      
      
      </div>
      
      <!-- The add to cart DIV. -->
      <div style="float:left;text-align:center;width: 100%;">
      
      </div>
      </td>
      
      <td align="center">
      <!-- The product name DIV. -->
       <div style="height:77px; float:left; width: 100%;line-height:14px;">
      <a title="Tissu Douceurs du soir" href="/patchmania/index.php?page=shop.product_details&amp;category_id=8&amp;flypage=flypage_new.tpl&amp;product_id=18&amp;option=com_virtuemart&amp;Itemid=60">Tissu Douceurs du soir</a>
      <br />
      </div>
      
      <!-- The product image DIV. -->
      <div style="height:90px;width: 100%;float:left;margin-top:-15px;">
      <a title="Tissu Douceurs du soir" href="/patchmania/index.php?page=shop.product_details&amp;category_id=8&amp;flypage=flypage_new.tpl&amp;product_id=18&amp;option=com_virtuemart&amp;Itemid=60">
      	<img src="http://127.0.0.1:8888/patchmania/components/com_virtuemart/shop_image/product/resized/Tissu_Douceurs_4e00b49110d58_90x90.jpg" height="90" width="90" alt="Tissu Douceurs du soir" border="0" /></a>
      </div>
      
      <!-- The product price DIV. -->
      
      <div style="width: 100%;float:left;text-align:center;">
      
      
      	<span class="productPrice">
      		21.00 Frs			</span>
      
      
      </div>
      
      <!-- The add to cart DIV. -->
      <div style="float:left;text-align:center;width: 100%;">
      
      </div>
      </td>
      
      </tr>
      </table>
      		</div>
      	
      				</div>				
      				<div class="Blocs_fond millieu">
      							<div class="moduletable">
      					<h3>Dernières News</h3>
      					
      <div  class="mod_placehere"><div style="overflow:auto;" class="mod_placehere_leading even">    	
              <h2 class="contentheading">
                      <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=51:lorem-ipsum-&amp;catid=38:actualites&amp;Itemid=65" class="contentpagetitle">
      
                  lorem Ipsum         </a>
                  </h2>
                      <p class="buttonheading">
              </p>
                          <p><strong><img src="/patchmania/images/stories/food/coffee.jpg" alt="" align="left" />Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the</p>
       ...<p>
      
      		<a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=51:lorem-ipsum-&amp;catid=38:actualites&amp;Itemid=65" class="readon">
      			Suite ...		</a>
      	
      </p>
          
      </div></div>		</div>
      	
      				</div>
      
      				<div class="Blocs_fond droite">
      							<div class="moduletable_liste_cours">
      
      					<h3>Prochains cours</h3>
      					
           
          <ul class="menu_liste_cours">
                      <li class="menu_liste_cours ">
                 <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=53:cours-du-mardi-&amp;catid=35:cours-divers&amp;Itemid=61">
                     Cours du mardi   
                 </a>
              </li>
                      <li class="menu_liste_cours ">
                 <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=52:cours-du-lundi-&amp;catid=35:cours-divers&amp;Itemid=61">
      
                     cours du lundi   
                 </a>
              </li>
                      <li class="menu_liste_cours ">
                 <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=49:cours-creation-numerique&amp;catid=35:cours-divers&amp;Itemid=61">
                     Cours : création numérique  
                 </a>
              </li>
                      <li class="menu_liste_cours ">
                 <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=48:cours-de-base&amp;catid=35:cours-divers&amp;Itemid=61">
      
                     Cours de base  
                 </a>
              </li>
                      <li class="menu_liste_cours ">
                 <a href="/patchmania/index.php?option=com_content&amp;view=article&amp;id=18:joomla-features&amp;catid=35:cours-divers&amp;Itemid=55">
                     Prochains cours  
                 </a>
              </li>
                  </ul>
          		</div>
      
      	
      				</div>
      				
      						
      			</div>
      et pour le CSS

      Code:
      #main
      {
      
      	display:block;	
      	
      	background: #fff;
      	margin: 0 0px 0 0;
      	padding: 5px 5px 5px 5px;
      
      	
      }
      
      
      #main a
      {
      		color:#E64F54;
      		text-decoration:none;
      		
      }
      .Blocs_fond.droite li 
      {
           padding-left:18px;
           background: url(../images/puce_lien.gif) 0px 4px  no-repeat;
      	list-style:none;
      }
      
      .Blocs_fond.droite a
      {
      
      }
      Dernière édition par krak69 à 17/08/2011, 18h12

      Commentaire


      • #4
        Re : Utilisation du CSS

        Alors j'ai pas lu l'ensemble du code mais dans un premier temps essaie avec cette règle :
        Code:
        .Blocs_fond.droite a
        {
          color:#00000!important;
        }
        Ça devrait permettre de faire primer cette propriété sur celle du #main a.

        Si ça ne règle pas ton problème, je regarderai le code de manière plus approfondie.

        A+
        My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

        Commentaire


        • #5
          Re : Utilisation du CSS

          Et non .. ça ne marche pas :-(

          c'est bizarre ce truc ...

          Bonne soiree

          Olivier

          Commentaire


          • #6
            Re : Utilisation du CSS

            Oui c'est normal mais il m'a fallu un petit moment : une couleur se définit avec 6 chiffres (ou 3, par exemple #000) mais pas avec 5 chiffres... Recompte tes zéros :/

            Par contre, il te faudra bien le !important :
            Code:
            .Blocs_fond.droite a
            {
              color:#000!important;
            }
            Là ça devrait être bon

            A+
            My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

            Commentaire


            • #7
              Re : Utilisation du CSS

              Ouarf !! quel ballot je fais, j'avais bien bien fait un copier/collé avec l'erreur du code de couleur.

              ça marche !

              Merci beaucoup pour ton aide !!

              Olivier

              Commentaire


              • #8
                Re : Utilisation du CSS

                De rien

                Pense à passer ton message en réglé (outils du sujet dans le bandeau sous le titre du sujet).

                Bonne continuation
                My Own Memory Hole < http://www.briceboucard.fr/ > Joomla! | GCweb | Google Maps API (v2) | Linux

                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