degug css /actualites

This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-14 14:40:30 +01:00
parent b76a3fe593
commit 97c8960289
2 changed files with 6 additions and 7 deletions

View File

@ -1549,11 +1549,11 @@ footer {
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images { #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images {
order: 1; order: 1;
background-color: black;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
height: 250px;
width: 100%; width: 100%;
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
@ -1565,11 +1565,10 @@ footer {
#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom { #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom {
height: 100%; height: 100%;
display: block; display: block;
height: 100%;
} }
#actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom img { #actus-caroussel .content-actus .views-row article.node-type-actualite div .field_field_images div.cadre-img-zoom img {
width: 100%; width: 100%;
height: 100%; height: auto;
object-fit: cover; object-fit: cover;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */

View File

@ -48,12 +48,12 @@
align-items: flex-start; align-items: flex-start;
.field_field_images{ .field_field_images{
order: 1; order: 1;
// background-color: black; background-color: black;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
height: 250px; // height: 250px;
width: 100%; width: 100%;
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
@media(max-width: 550px){ @media(max-width: 550px){
@ -62,10 +62,10 @@
div.cadre-img-zoom{ div.cadre-img-zoom{
height: 100%; height: 100%;
display: block; display: block;
height: 100%; // height: 100%;
img{ img{
width: 100%; width: 100%;
height: 100%; height: auto;
object-fit: cover; object-fit: cover;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */