Soucis de plusieurs css
Fermé
Trident
-
24 avril 2014 à 03:04
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 24 avril 2014 à 03:58
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 24 avril 2014 à 03:58
A voir également:
- Soucis de plusieurs 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
2 réponses
Je viens de résoudre mon souci en intégrant tous dans le même css
.menu {
position:absolute;
top:38.7%;
left:9%;
font-weight:bold;
font-size:22px;
z-index:3;
width:188px;
height:274px;
}
@media (max-width: 1024px) {.menu {
position:absolute;
top:38.7%;
left:6.8%;
font-weight:bold;
font-size:22px;
z-index:3;
width:188px;
height:274px;
}
}
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
24 avril 2014 à 03:58
24 avril 2014 à 03:58
Salut
déja si dans prog/style.css il y a une declaration de .menu c'est bien sur celle la qui sera prise en compte car si tu appelle un css sans media queries c'est celui la qui aura prévalence sur tout le reste et les autres appels avec media queries seront ignorés.
ensuite il faut déclarer que c'est un media screen comme cela
<link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px)" href="prog/1024.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) and (max-width: 1366px)" href="prog/1366.css" />
attention tout ce qui est supérieur 1366px n'aura pas de css !
pour IE 8 et moins les media queries ne sont pas pris en charge donc tu peux faire un commentaire pour appeller
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="prog/style.css" /><![endif]-->
ensuite dans les css comme la selection de la taille du media est deja filtrée avec le link href + media screen pas besoin de recommencer avec media screen and etc ... dans le fichier css
mets simplement
.menu { ....
}
voila
déja si dans prog/style.css il y a une declaration de .menu c'est bien sur celle la qui sera prise en compte car si tu appelle un css sans media queries c'est celui la qui aura prévalence sur tout le reste et les autres appels avec media queries seront ignorés.
ensuite il faut déclarer que c'est un media screen comme cela
<link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px)" href="prog/1024.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) and (max-width: 1366px)" href="prog/1366.css" />
attention tout ce qui est supérieur 1366px n'aura pas de css !
pour IE 8 et moins les media queries ne sont pas pris en charge donc tu peux faire un commentaire pour appeller
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="prog/style.css" /><![endif]-->
ensuite dans les css comme la selection de la taille du media est deja filtrée avec le link href + media screen pas besoin de recommencer avec media screen and etc ... dans le fichier css
mets simplement
.menu { ....
}
voila