Jump to content

sw7x

Members
 View Profile  See their activity

  • Posts

    4

  • Joined

  • Last visited

 Content Type 

Posts posted by sw7x

    scaling small image with aspect ratio inside the parent div- responsive web design

    in CSS

    Posted · Edited by sw7x

    there is a div id =certificate and inside that div there is a image ,image height < div heightpicture below shown theseactual sizes of div,imagej0rg3.jpgfor responsive design when browser resize image size need to vary.when browser width reducing image need to be small without changing its aspect ratio . i mean it has to be like picture belowUntitled.pngfor that i used for image width 100% now image is responsive but it has a another effect on image width it is image take all the width of certificate div.it leads to change aspect ratio of the image.its shown belowitA1p.pngfor responsive design i need a way to keep aspect rato of the image and also image will not exceed the parent div sizehere is my code both html and css html code 

        <!doctype html>    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->    <!--[if gt IE 8]><!-->    <html class="">    <!--<![endif]-->        <head>        <meta name="viewport" content="width=device-width, initial-scale=1">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>            <title>abc</title>        </head>    <body>    <div class="wrapper">        <div id="certificate"><img src="images/roundlogo.jpg" alt="" /></div>    </div>        </body>    </html>
    css code 
      @charset "utf-8";    /* CSS Document */        #certificate    {    width:950px;    border:2px solid;    }        #certificate img    {    padding-left:50px;        }        .wrapper    {    width:950px;    margin:0 auto;    }                @media screen and (min-width:181px) and  (max-width:950px)    {            .wrapper        {            width:100%;        }                #certificate        {        width:100%        }                #certificate img        {        padding-left:5.263%;            }        }
    here is my fileshttp://www.speedyshare.com/m38eN/New-folder-2.rar

    JavaScript object reference Error

    in JavaScript

    Posted · Edited by sw7x

    The site you linked to was written in 2000. It's safe to say that things are different now.

     

    The w3schools page also states there is no standard to the navigator object, so YMMV depending on the browser you are using.

     

    I don't believe Mime Type and Plug-in are standard. As far as I know, Window doesn't belong to the navigator either, Window is the topmost DOM element in the official HTML DOM hierarchy.

    Then what is the correct JavaScript Object Hierarchy ?

    JavaScript object reference Error

    in JavaScript

    Posted · Edited by sw7x

    http://www.comptechdoc.org/independent/web/cgi/javamanual/javaobjheir.htmlaccording to the web page give above JavaScript Dom object navigator have

    1. mime type object
    2. plugin object
    3. window object

    but in your site in this pagehttp://www.w3schools.com/jsref/obj_navigator.asp there is no those objects under navigator object.i want know is it mistake ormy referenced above web page(http://www.comptechdoc.org/independent/web/cgi/javamanual/javaobjheir.html) is wrong

     

×
×
  • Create New...