Souci avec les Css

Question

Salut à tous,
J'utilise un site déjà construit par mes superieurs en version local, histoire de comprendre et de me former aussi. mon souci c'est au niveau des CSS.
Il ya deux dossiers
- dossiers CSS/style.css, et main.css
-dossiers SASS/main.scss

alors mon souci est le suivant:
lequel des fichiers entre le css et le Scss devrais-je modifier si je veux changer par exemple la taille des H1?
j'ai essayé la modification au niveau du css, et rien ni fit, 
j'ai même suprimer le dossier entier et rien, aucun changement

Merci bien a tous

jordane45 · Answer

Bonjour
Déjà attention..
Lorsqu'on modifie du css (et/ou du JavaScript) il faut penser à vider le cache de son navigateur (a chaque fois)

Ensuite, pour savoir quel css est utilisé tu peux utiliser les outils de ton navigateur. (En faisant un clic droit sur l'élément de la page puis en choisissant "examiner l'élément" par exemple.(tout dépend du navigateur utilisé)

altechkgo · Answer

Ok, merci bien
après avoir suivi vos indications, rien à changer.

j'utilise chrome et firefox, j'ai vidé le cache et rien, 
je travail en local

altechkgo · Answer

Ok, j'ai mis une capture d'image,
 


je voudrais pouvoir ajouter
- certaines informations sur le produit, 
-aussi que les images soit plus grands,
créer un blogue de Catégorie et promotion à gauche par exemple.

Merci

altechkgo · Answer

Voici une portion du code css

/* ---------------------------------------------------- */
/* la liste des produits
/* ---------------------------------------------------- */
/* line 203, ../sass/main.scss */
.main .produits {
list-style: none;
margin: 20px auto;
padding: 0;
}
/* line 207, ../sass/main.scss */
.main .produits li {
display: inline-block;
position: relative;
width: 300px;
height: 300px;
margin: 9px;
background: #FFF;
border: 1px solid #DDD;
-webkit-box-shadow: 0 1px 3px #999999;
-moz-box-shadow: 0 1px 3px #999999;
box-shadow: 0 1px 3px #999999;
}
/* line 216, ../sass/main.scss */
.main .produits li a {
text-decoration: none;
color: #666;
}
/* line 220, ../sass/main.scss */
.main .produits li img {
border: 0px;
height: 167px;
}
/* line 224, ../sass/main.scss */
.main .produits li h4 {
margin: 0;
text-transform: uppercase;
padding: 0 5px;
font-size: .9em;
}
/* line 230, ../sass/main.scss */
.main .produits li div.prix {
position: absolute;
bottom: 0px;
right: 0;
display: block;
width: 107px;
height: 28px;
background: #DDD;
text-align: right;
color: #444;
text-shadow: 1px 1px 1px white;
padding-right: 10px;
line-height: 28px;
border-left: 1px solid #DDD;
}
/* line 245, ../sass/main.scss */
.main .produits li span {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 48px;
height: 28px;
background: #DDD;
text-align: center;
border-right: 1px solid #CCC;
text-shadow: 1px 1px 1px white;
}
/* line 256, ../sass/main.scss */
.main .produits li span a {
display: block;
}
/* line 258, ../sass/main.scss */
.main .produits li span a:hover {
color: #f2871c;
}
/* line 263, ../sass/main.scss */
.main .produits li:hover {
-webkit-box-shadow: 0 1px 3px black;
-moz-box-shadow: 0 1px 3px black;
box-shadow: 0 1px 3px black;
}
/* line 270, ../sass/main.scss */
.main .col {
width: 348px;
border: 1px solid #ddd;
margin: 10px;
background: #FFF;
padding: 10px;
padding-left: 100px;
}

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
le Code php


      <?php 
   /*   $produits = $DB->query('SELECT * FROM products ORDER BY id DESC  LIMIT 15');*/
       ?>
      <ul class="produits">
      <?php foreach ($produits as $produit): ?>
          <li>
          <a href="produit.php?id=<?php echo $produit->id ?>">
            <img src="<?php echo $produit->photo ;?>" alt="<?php echo $produit->name; ?>">
            <h4><?php echo $produit->name; ?></h4>
          </a>
          <div class="prix">
            <?php echo number_format($produit->price,2,',',' ');?> €
          </div>
          <span> <a href="addPanier.php?id=<?php echo $produit->id; ?>" title="Ajouter au panier">+</a></span>
        </li>
      <?php endforeach ?>

Merci bien

name; ?>

price,2,',',' ');?> €
+

Souci avec les Css

4 réponses

Votre réponse

Discussions similaires