Sujet Précédent Sujet Suivant

Souci avec les Css

Fermé
altechkgo Messages postés 19 Date d'inscription dimanche 9 décembre 2018 Statut Membre Dernière intervention 15 février 2020 - 16 déc. 2018 à 01:39
altechkgo Messages postés 19 Date d'inscription dimanche 9 décembre 2018 Statut Membre Dernière intervention 15 février 2020 - 16 déc. 2018 à 20:10
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
A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
16 déc. 2018 à 07:06
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é)
0
Réponse 2 / 4
altechkgo Messages postés 19 Date d'inscription dimanche 9 décembre 2018 Statut Membre Dernière intervention 15 février 2020
16 déc. 2018 à 18:03
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
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
16 déc. 2018 à 18:28
Et quel css est utilisé alors ?
Si tu as suivi mes indications comme tu le dis
.. Tu devrais avoir trouvé.
Une capture ecran de l'élément et de la console nous seraient très utiles...
0
Réponse 3 / 4
altechkgo Messages postés 19 Date d'inscription dimanche 9 décembre 2018 Statut Membre Dernière intervention 15 février 2020
16 déc. 2018 à 19:08
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
0
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
16 déc. 2018 à 19:38
Ton image est tellement petite qu'on arrive à peine à lire.
Il semble pourtant que ça soit bien le fichier style.css qui soit utilisé.
Par contre ta question concernait la modification d'un H1... c'est donc sur lui qu'il faut procéder à l'examen....

Pour tes autres questions (hormis les images éventuellement...) ça n'a rien à voir avec le CSS
Il te faudra donc ouvrir une question propre à ces demandes (dans le bon forum et en indiquant avec quoi est fait ton site et éventuellement en montrant le code que tu as essayé de faire).

Il serait bien, pour ici, de nous montrer également les modifications CSS que tu as essayé de faire.

NB: Pour poster ton code sur le forum, pense bien à utiliser LES BALISES DE CODE.
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0
Réponse 4 / 4
altechkgo Messages postés 19 Date d'inscription dimanche 9 décembre 2018 Statut Membre Dernière intervention 15 février 2020
16 déc. 2018 à 20:10
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
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses