www.webdeveloper.com
Results 1 to 6 of 6

Thread: cant resize images

  1. #1
    Join Date
    Sep 2006
    Posts
    375

    cant resize images

    Hi,

    When I resize my webpage, the row of 4 images in the heading dont resize and they go on another line.
    I just want the images to reduce in size as the browser reduces.

    http://www.mymrt.net/ComputerTraining/comptest.html

  2. #2
    Join Date
    May 2013
    Location
    London
    Posts
    2
    I think one option would to set min width of body or wrapping div.

  3. #3
    Join Date
    Aug 2006
    Posts
    1,886
    Another option would be to set a width on the images, like: width:10% or whatever works, so that they scale down as the browser does. Right now you have no width stated, and they are just the width of the actual image file.

    Dave

  4. #4
    Join Date
    Sep 2006
    Location
    new york
    Posts
    254
    See "responsive" designs (that resize) at
    http://www.auntnini.com
    http://www.josephdenaro.com
    http://www.lapearldesigns.com

    These use "contextual" image CSS of a certain percent and hmin-width and max-width

  5. #5
    Join Date
    May 2013
    Location
    san diego
    Posts
    7
    i am having the same issue and its more complicated then it seems..

  6. #6
    Join Date
    Sep 2006
    Posts
    375
    I solved it and a post above has the right idea.
    img, embed, object, video {

    max-width: 100%;

    }





    /************************************************************************************
    MEDIA QUERIES
    *************************************************************************************/

    @media screen and (min-width: 981px)
    {
    #heading{
    height:240px;
    /* width:980px;*/
    background-size:100% 100%;
    background-image:url(images/head7.png);
    background-repeat:no-repeat;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles