how to write media attribute for following resolution in link tag?
1280by600
1280by1024
1280by960
1280by720
1280by768
I have written but one resolution overlap each other
<link href="../../css/1280by960.css" rel="stylesheet" media="screen and (max-width: 1280px) and (max-height: 960px)" type="text/css" />
<link href="../../css/1280by1024.css" rel="stylesheet" media="screen and (max-width: 1280px) and (max-height: 1024px)" type="text/css" />
for1280by1024
.white_content {
top: 69.6%;
}
for1280by960
.white_content {
top: 75.1%;
}
thanks & regards
bhushan