control image size

I had re-sized the image to be suitable in my page by javascript but when I print the page , the images appear in bigger size , I tried to control the size of images in css , but they does not affected by it :

    @media print {

       img {

             width: 544px;
             height: 450px;

           }

    }

any one can help ?

Answers


try changing your code to include the !important attribute.

@media print {

   img {

         width: 544px !important;
         height: 450px !important;

       }

}

and check to see if you are force-overriding it with inline CSS. the !important attributte is supposed to ignore any inline attributes but in my experience doesn't seem to work perfectly across all browsers. you can also change the sizes to be:

         width: 5.67in !important;
         height: 4.69in !important;

assuming a flat-panel monitor. you can find the converter here


Need Your Help

On hover display multiple images

javascript jquery html css hover

Basically, if you run this code, you will see that if you hover your mouse on the image, another image will display.

Frequently switching IP address

ip-address vpn

I was trying to write a script to frequently switch my IP address. Does anyone know where I can start? Should I use VPN service? Is there any recommended US VPN service? Thanks!

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.