Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11

Thread: web image

  1. #1
    New Coder
    Join Date
    Aug 2011
    Location
    FL, USA
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts

    web image

    Have an image on webpage. Am trying to increase size, but it remains the same. Not sure what I am not doing.

    <html>
    <head>
    <style type="text/css">
    body{font-family:arial;
    background: url('kbizopps.png');
    background-size: 500% 500%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    }
    table{font-size:100%;background:}
    a{color:#000000;text-decoration:none;font:bold}
    a:hover{color:#000000}
    td.menu{background:}
    table.menu
    {
    font-size:100%;
    position:absolute;
    visibility:hidden;
    }
    </style>
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>
    </head>
    <body>

    </body>
    </html>

  • #2
    Regular Coder
    Join Date
    Aug 2012
    Posts
    122
    Thanks
    0
    Thanked 25 Times in 25 Posts
    Hi PHKatz,

    i checked out your CSS and it does appear to enlarge the image....what browser are you running your code in? According to one site the background-size property is supported in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+.

    So this may be the situation you are finding as to why your image is not enlarging.
    1 Corinthians 15:3-4 / Ephesians 2:8-9 - What or Who are you living for?

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,094
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Without any code between the body tags it's impossible to know what image your trying to increase or how you are planing on do it.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #4
    New Coder
    Join Date
    Aug 2011
    Location
    FL, USA
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Brandnew View Post
    Hi PHKatz,

    i checked out your CSS and it does appear to enlarge the image....what browser are you running your code in? According to one site the background-size property is supported in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+.

    So this may be the situation you are finding as to why your image is not enlarging.
    Browser IE8

  • #5
    New Coder
    Join Date
    Aug 2011
    Location
    FL, USA
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by sunfighter View Post
    Without any code between the body tags it's impossible to know what image your trying to increase or how you are planing on do it.
    The background image in the center of the page.

    <html>
    <head>
    <style type="text/css">
    body{font-family:arial;
    background: url('kbizopps.png');
    background-size: 500% 500%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    }
    table{font-size:100%;background:}
    a{color:#000000;text-decoration:none;font:bold}
    a:hover{color:#000000}
    td.menu{background:}
    table.menu
    {
    font-size:100%;
    position:absolute;
    visibility:hidden;
    }
    </style>
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>
    </head>
    <body>
    <h2>Dream Killers</h2>
    <h4>February 25, 2012</h4>
    <h3>Ever had things you wanted to do, but never got to accomplish them? Due to lack of resources or just negative people. The people<br>
    who only know misery. And always make sure they share it with you?...</h3><a href="dream-killers.html" target="_blank"><font color="#000000"><h4>more...</h4></font></a>

    </body>
    </html>
    Last edited by PHKatz; 07-24-2013 at 09:59 PM.

  • #6
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    It's not working because "background-size" is not supported in IE8.
    My signature :)

  • #7
    New Coder
    Join Date
    Aug 2011
    Location
    FL, USA
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ttkim View Post
    It's not working because "background-size" is not supported in IE8.
    Thanks.

  • #8
    New Coder
    Join Date
    Aug 2011
    Location
    FL, USA
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ttkim View Post
    It's not working because "background-size" is not supported in IE8.
    Since upgrade to IE10, image increased, but now won't decrease. Not sure what the problem is.

  • #9
    New Coder
    Join Date
    Oct 2013
    Location
    Bangalore, Karnataka
    Posts
    43
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Its choose the browser mode , select to another mode try do this .

  • #10
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,094
    Thanks
    23
    Thanked 594 Times in 593 Posts
    What suype.dhakar1 means is; you need to have a doc type.
    Try starting your HTML code like this:
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    for html5
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #11
    New Coder
    Join Date
    Oct 2013
    Location
    Bangalore, Karnataka
    Posts
    43
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Yes, Without body content in there is does not open in anything ,
    just set your image source after check it process.


  •  

    Posting Permissions

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