Bonjour,

J'ai crée un petit script qui charge une feuille de style (css) en fonction de la résolution du visiteur :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
function resolution() {
var headID  = document.getElementsByTagName("head")[0];         
var cssNode = document.createElement('link');
if (screen.width>=1024)
{
cssNode.type  = 'text/css';
cssNode.rel   = 'stylesheet';
cssNode.href  = 'style1024.css';
cssNode.media = 'screen';
 
headID.appendChild(cssNode);
}  
else 
{
cssNode.type  = 'text/css';
cssNode.rel   = 'stylesheet';
cssNode.href  = 'style800.css';
cssNode.media = 'screen';
 
headID.appendChild(cssNode);
}
}
</script>
Ca marche très bien mais je voudrais savoir s'il n'y a pas une facon plus courte car je trouve cela un pue long...

Pour importer normalement une feuille de style en html on fait :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<LINK rel="stylesheet" type="text/css" href="style.css">
Merci de votre aide