Results 1 to 28 of 28
  1. #1
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246

    Simple HTML Problem but I am stumped

    For the life of me I cannot get the background image to show up even thoughmy business logo does. Can someone offer some assistance.

    Here is the current code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DataDork</title>
    <style type="text/css">
    body { background: url(/images/background.gif); }
    body, html { height: 98%; }
    #center { vertical-align: center; }
    #container { width: 700px; margin: auto; height: 100%; }
    </style>
    <meta http-equiv="keywords" content="datadork" />
    <meta http-equiv="description" content="" />
    <meta http-equiv="author" content="James Edmonds" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="shortcut icon" href="/favicon.ico" />
    </head>
    <body>
    <table border="0" cellspacing="0" cellpadding="0" id="container">
    <tr>
    <td id="center"><img src="/images/datadork.gif" alt="DataDork" width="700" height="228" /></td>
    </tr>
    </table>
    </body>
    </html>
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  2. #2
    Join Date
    Sep 2002
    Posts
    44
    Try with 'background-image'

  3. #3
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    Quote Originally Posted by rezag View Post
    Try with 'background-image'
    No, that did not seem to fix it. It should work as I have it but it does not.

    Thanks for the suggestion, though.
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  4. #4
    Join Date
    Nov 2007
    Location
    United Kingdom
    Posts
    42
    Your Background Image appears to be missing!
    http://www.datadork.com/images/background.jpg

  5. #5
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    I'm sure MYIGIS means background.gif is missing from your /images folder. Not only that, datadork.gif is missing. Are you sure you uploaded the images folder to your root directory?

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  6. #6
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246

    please take another look

    sorry guys. i deleted it and re-uploaded it. please take a second and take a look as i am totally frustrated.

    background.gif and datadork.gif all with the flder specified.

    any help is super appreciated....
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  7. #7
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    http://www.datadork.com/images/background.gif

    What is that image supposed to look like? It doesn't display at all in a browser.

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  8. #8
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    As well, I just noticed your code is incorrect.

    { background: url(/images/background.gif); }

    should read

    { background-image: url(/images/background.gif); }

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  9. #9
    Join Date
    Sep 2002
    Posts
    44
    Its a 1x4px image, it works here now as far as I can see, I can post a screenshot if if you want. Yes the valid code is 'background-image'

  10. #10
    Join Date
    Nov 2007
    Location
    United Kingdom
    Posts
    42
    Sorry, Yes I meant GIF.

    I now see a background very fine light blue lines?

  11. #11
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    Quote Originally Posted by vito View Post
    http://www.datadork.com/images/background.gif

    What is that image supposed to look like? It doesn't display at all in a browser.

    Vito
    Vito,

    It used to be white with light gray stripes. i just recovered from a hard drive crash and pulled it from my backups. that is probably my problem but also my worst fear.

    thanks for checking again Vito. I have always had big respect for you.
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  12. #12
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    Cool. Looks like you're good to go.

    But if you want "proper" code, be sure to change "background" to "background-image".

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  13. #13
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    Quote Originally Posted by vito View Post
    Cool. Looks like you're good to go.

    But if you want "proper" code, be sure to change "background" to "background-image".

    Vito

    made the change to background-image but the light gray pinstripe background image does not show. it that correct on your site also?
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  14. #14
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    any idea on where to find a subtle white and gray pinstrip type image? my backups seems screwed.
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  15. #15
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    Hmm. Just going based on http://www.w3schools.com/css/css_background.asp . Look at the second link.

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  16. #16
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    BTW, I see you have background-image in the source code, and I can definitely see the pinstripe bg images on the page.

    (I am using Firefox)

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  17. #17
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    my business logo is there but the background.gif is still mia. i cant see it in eith firefox or ie 7

    thanks for your help, Vito.
    Last edited by DataDork; 12-25-2007 at 04:27 AM.
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  18. #18
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    Can you see a bg at http://www.demodemo.com/bg.html ?

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  19. #19
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    Quote Originally Posted by vito View Post
    Can you see a bg at http://www.demodemo.com/bg.html ?

    Vito

    no, it looks the same as my site.
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  20. #20
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    Well, I don't know what to tell ya, James.

    I see a bg image in both Firefox and IE. Definite pinstripe bg. How is it you are not seeing it in yours?

    If you manage to figure out why, feel free to use the bg image I created for you - www.demodemo.com/images/background.gif .

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  21. #21
    Join Date
    Dec 2005
    Location
    England, UK
    Posts
    630
    Quote Originally Posted by vito View Post
    As well, I just noticed your code is incorrect.

    { background: url(/images/background.gif); }

    should read

    { background-image: url(/images/background.gif); }

    Vito
    This isn't necessary. I don't use it, especially if I have other pieces of information like repeat-x.
    SupportPal - Smart self-hosted help desk software
    Supporting multiple channels, including Twitter and Facebook. WHMCS integration available.
    LicensePal - Discounted popular web hosting software licenses
    cPanel, InterWorx, SolusVM, CloudLinux, Blesta, Softaculous, Installatron, and much more!

  22. #22
    Join Date
    Jul 2004
    Posts
    337
    Try clearing your browser cache.
    My woman left me..
    I've got no website..
    I've got no money..

  23. #23
    Join Date
    Feb 2006
    Location
    top: 50px; left: 200px;
    Posts
    213
    Hmm. Just going based on http://www.w3schools.com/css/css_background.asp . Look at the second link.
    background: url("something.gif");
    and
    background-image: url("something.gif");

    would achieve the same result the first is just the shorthand version of applying css, normally used to apply several rules to one element on just one line.
    BTW I can't see your bg image on my screen either, if its faint and subtle maybe its due to the way your screen is set up, I know mine is quite bright and sometimes very faint lines or colours do not show.?

    try putting the image url in quotes like : background: url("images/background.gif");
    Last edited by killapix; 12-25-2007 at 08:09 PM.
    Filefeed.net - Image Hosting -

  24. #24
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    OK, I give up but thanks for all of the suggestions.

    Here is the code now...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>DataDork</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">body { background: url(images/background.gif); }
    body, html { height: 98%; }
    #center { vertical-align: center; }
    #container { width: 700px; margin: auto; height: 100%; }</style>
    <meta http-equiv="keywords" content="datadork">
    <meta http-equiv="description">
    <meta http-equiv="author" content="James Edmonds">
    <meta http-equiv="imagetoolbar" content="no">
    <link href="/favicon.ico" rel="shortcut icon">
    </head>
    <body>
    <table id="container" cellspacing="0" cellpadding="0" border="0">
    <tbody>
    <tr>
    <td id="center"><img height="228" alt="DataDork" src="/images/datadork.gif" width="700"></td></tr></tbody></table>
    </body>
    </html>

    where do i make the change to put in a solid color, say light gray, instead of this stupid background image and still make the html syntax valid.

    thanks again for all of the advice but i cant seem to make it visable on any browser or pc.

    update: i can see the background iomage but it is way to faint. count someone who can see it, make me another version that is a few shades darker. i would consider it a huge favor.
    Last edited by DataDork; 12-26-2007 at 04:15 AM. Reason: an idea?
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  25. #25
    Join Date
    Dec 2005
    Location
    England, UK
    Posts
    630
    For the solid colour, change

    background: url(images/background.gif);
    to
    background: #EFEFEF;

    And change the colour to whatever you want to use.
    SupportPal - Smart self-hosted help desk software
    Supporting multiple channels, including Twitter and Facebook. WHMCS integration available.
    LicensePal - Discounted popular web hosting software licenses
    cPanel, InterWorx, SolusVM, CloudLinux, Blesta, Softaculous, Installatron, and much more!

  26. #26
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059
    Quote Originally Posted by DataDork View Post
    update: i can see the background iomage but it is way to faint. count someone who can see it, make me another version that is a few shades darker. i would consider it a huge favor.
    I'm not sure how much darker you want to go, James. Here is one using #CCCCCC. Let me know if you want one darker or lighter and I'll create it for you.

    www.demodemo.com/misc/background.gif

    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

  27. #27
    Join Date
    Jan 2003
    Location
    Rancho Cucamonga, CA
    Posts
    246
    Vito,

    Thank you so much for both your time and effort. I have done business with you in the past and you always came across as a true professional.

    This time was a personal favor and again, you came through for me.

    The darker pinstripe you whipped up for me is finally visable on all of my pcs. And personally I think it looks great!

    Consider me a friend.

    James
    James Edmonds
    DataDork Consulting
    http://www.datadork.com

  28. #28
    Join Date
    Jan 2002
    Location
    Toronto, Canada
    Posts
    11,059


    Vito
    DemoDemo.com - Flash tutorials since 2002
    DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials

Posting Permissions

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