Dynamic resize of image paradox

Discussion in 'HTML' started by KiwiBrian, May 12, 2006.

  1. KiwiBrian

    KiwiBrian Guest

    I often see comments that I have interpreted to mean that what this page
    demonstrates is not possible.
    Where have I gone wrong?
    Why is this the first time that I have seen this in effect in 10 years of
    surfing?
    Maybe I just need to get out more.
    Brian

    http://nopeople.com/CSS/background_image_resize/
    KiwiBrian, May 12, 2006
    #1
    1. Advertising

  2. KiwiBrian

    Spartanicus Guest

    "KiwiBrian" <> wrote:

    >I often see comments that I have interpreted to mean that what this page
    >demonstrates is not possible.
    >Where have I gone wrong?
    >Why is this the first time that I have seen this in effect in 10 years of
    >surfing?
    >
    >http://nopeople.com/CSS/background_image_resize/


    It's not a background image.

    >Maybe I just need to get out more.


    Stay in, learn a few basics about HTML and CSS.

    --
    Spartanicus
    Spartanicus, May 12, 2006
    #2
    1. Advertising

  3. KiwiBrian

    Neredbojias Guest

    To further the education of mankind, "KiwiBrian" <>
    vouchsafed:

    > I often see comments that I have interpreted to mean that what this
    > page demonstrates is not possible.
    > Where have I gone wrong?
    > Why is this the first time that I have seen this in effect in 10 years
    > of surfing?


    I did that years ago and had it in a page with automatic font-size adjust.
    Trouble is most images don't resize that well and the system bloats the
    markup, anyway.

    --
    Neredbojias
    Infinity has its limits.
    Neredbojias, May 13, 2006
    #3
  4. KiwiBrian

    ironcorona Guest

    KiwiBrian wrote:
    > I often see comments that I have interpreted to mean that what this page
    > demonstrates is not possible.
    > Where have I gone wrong?


    It's quite simple to do:

    <img
    src="http://www.google.com.au/intl/en_au/images/logo.gif"
    alt="google logo"
    style="width:100%; height:100%;"
    />

    [I've used the Google logo but any image will do]

    --
    Brian O'Connor (ironcorona)
    ironcorona, May 13, 2006
    #4
  5. KiwiBrian

    sunil Guest

    It is absolutely nothing.. It will resize while the div tag resizes.
    All div tags are defined in % values..And it is not background image.
    See the below code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
    />
    <title>background image resize - CSS only</title>
    <meta name="" content="authored by http://www.nopeople.com" />
    <style type="text/css">
    body {
    height: 100%;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    }
    html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    }
    #background_image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    }
    #page {
    position: absolute;
    top: 0px;
    left: 2px;
    z-index: 2;
    height: 100%;
    width: 100%;
    overflow: auto;
    }
    #ad {
    margin-top: 3%;
    width: 30%;
    float: right;
    clear: right;
    }
    p {
    text-align: right;
    }
    p.footer_link {
    text-align: left;
    margin: 0px;
    }
    #content {
    width: 30%;
    margin: 3%;
    }
    </style>
    </head>

    <body>
    <img src="CRW_1603 Old Matanuska Bridge.jpg" alt="big pic" width="3364"
    height="2548" id="background_image" />
    <div id="page">
    <div id="ad"><p class="footer_link">Web design by: <a
    href="http://www.nopeople.com"
    target="_blank">nopeople.com</a></p></div>
    <div id="content"><p>Resize the window, and the background image will
    scale to fit the new window size.</p></div>
    </div>
    </body>
    </html>
    sunil, May 14, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. =?Utf-8?B?VVJHRU5ULi5QbGVhc2U=?=

    Is this a PARADOX?

    =?Utf-8?B?VVJHRU5ULi5QbGVhc2U=?=, Sep 5, 2004, in forum: ASP .Net
    Replies:
    3
    Views:
    374
    Greg Burns
    Sep 5, 2004
  2. Ricardo Magalhaes

    Connecting with paradox file..

    Ricardo Magalhaes, Apr 12, 2005, in forum: ASP .Net
    Replies:
    0
    Views:
    500
    Ricardo Magalhaes
    Apr 12, 2005
  3. Ricardo Magalhaes

    Viewing Paradox Data Without Correct Accentuation

    Ricardo Magalhaes, Apr 14, 2005, in forum: ASP .Net
    Replies:
    0
    Views:
    364
    Ricardo Magalhaes
    Apr 14, 2005
  4. KiwiBrian

    Streaming paradox

    KiwiBrian, Dec 4, 2005, in forum: HTML
    Replies:
    7
    Views:
    444
  5. vbgunz

    My Generator Paradox!

    vbgunz, Mar 17, 2006, in forum: Python
    Replies:
    11
    Views:
    528
    Ron Adam
    Mar 18, 2006
Loading...

Share This Page