Question au sujet d'une propriété CSS?

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

  • [RÉGLÉ] Question au sujet d'une propriété CSS?

    Bonjour à tous,

    nous espérons que vous allez bien.
    Nous nous permettons d'ouvrir ce sujet car nous rencontrons un problème étrange avec un style CSS que nous avons défini.
    Ce n'est pas du Joomla mais nous espérons que quelqu'un nous aidera à trouver une solution.

    Nous avons défini un style pour ajouter un cadre ombré à des images pour nos collections de photos d'art :

    .gp-fineart-photo {
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    width:100%;
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 5px 5px 5px #aaaaaa;
    }

    Nous affichons nos images de la manière suivante :

    <div class="gp-fineart-photo">
    <a href="/data/fine-art-collections/collections/nuances-de-noirs-et-de-blancs/012-les-mysteres-de-caddo-lake-texas/larges/01-170827CADLAK0152B.jpg" > <img src="/data/fine-art-collections/collections/nuances-de-noirs-et-de-blancs/012-les-mysteres-de-caddo-lake-texas/vignettes/01-170827CADLAK0152B.jpg" alt="Caddo Lake au Texas BW I"/></a>
    </div>

    Il y a des pages où ce style fonctionne bien et d'autres pas du tout.

    Voici un exemple de page où le style ne fonctionne pas : https://www.guillenphoto.com/cms/col...-et-blanc.html

    Voici un exemple de page où le style fonctionne : https://www.guillenphoto.com/cms/col...es-marais.html

    Nous ne comprenons pas où est la bêtise que nous avons faite.

    Si quelqu'un pouvait nous éclairer ce serait super.

    Bien à vous
    Isa
    Dernière édition par Isabelle62 à 12/03/2018, 19h27
    Isabelle G.
    www.guillenphoto.com

  • #2
    Bonjour,

    Dans le premier cas, tu appelles la feuille de style gp-styles-1.css qui contient :

    Code:
    .guillenphoto-fineart-photo {[INDENT]margin-top: 1.0em;
    margin-bottom: 1.0em;
    width: 100%;[/INDENT]
     
     }
    car la class de ta div est guillenphoto-fineart-photo

    Dans le deuxième cas, tu appelles la feuille de style gp-styles-2.css qui contient tout ton code CSS car la class de ta div est gp-fineart-photo.
    Dernière édition par fabrice4821 à 12/03/2018, 18h35

    Commentaire


    • #3
      Oups,

      Merci beaucoup Fabrice. Nous sommes des écervelés.
      Nous avons oublié de copier le code de Dreamweaver vers Joomla.

      Désolée pour cette question un peu stupide.
      Merci pour votre aide.
      Bien à vous

      Isa
      Isabelle G.
      www.guillenphoto.com

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X