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
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
A voir également:
- Souci avec les Css
- Enlever couleur lien css ✓ - Forum CSS
- Mettre une image à gauche css ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Déplacer une image css - Forum CSS
- Css download - Télécharger - HTML
4 réponses
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
16 déc. 2018 à 07:06
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é)
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
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
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
après avoir suivi vos indications, rien à changer.
j'utilise chrome et firefox, j'ai vidé le cache et rien,
je travail en local
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
16 déc. 2018 à 18:28
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...
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...
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
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
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
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
16 déc. 2018 à 19:38
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
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
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
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
Merci bien
/* ---------------------------------------------------- */
/* 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
