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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Images disappear

    Hi Folks,

    I' m new to CSS and this Forum.

    On Wednesday I had set-up a website home page with an external CSS and the only problem was it would not display the background image for the body.

    This morning I was going to search for the problem, since it worked initially and then disappeared. But, neither IE or FF will display any of the images on the web page now. However, the editor Alleycode does show the images in the Synchro View. Plus, FF did not display the Alt Text for the graphics, when they were displayed.

    Here is the external css:

    body{
    margin: 0;
    padding:0;
    background-image: url ("/images/3d.gif");
    }

    #hdr{
    height:35px;
    background:#ffffff;
    color:#000000;
    border:solid #000000;
    border-width:2px 0px;
    margin:40px 0 0 0;
    }

    #lh-col{
    position: absolute;
    top: 99px;
    left: 20px;
    width: 180px;
    border: 2px solid #000000;
    background: #ffffff;
    color: #333333;
    margin: 0px;
    padding: 0px;
    height: 600px;
    }

    #rh-col{
    margin: 20px 20px 20px 220px;
    border: 2px solid #000000;
    background: #ffffff;
    color: #333333;
    padding: 20px;
    position :relative;
    }

    Here is the index.htm 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>
    <title>Coax Incorporated</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="basic.css" />
    <link rel="stylesheet" type="text/css" href="display.css" />
    <meta name="description" content="For all your custom cable needs, get in touch with Coax Inc.">
    <meta name="keywords" content="cable,coax,custom cable,custom cables,coax inc.,QPL,M17,7/16,blindmate,bnc,bnc reverse polarity,c,dsub-coaxial,din,f,gms,gpo,gppo,hdc,hdf,lc/lt,mcx,mcx reverse polarity,mhv,mini-triaxial,mini-uhf,mmcx,mmcx reverse polarity,mod,n,n reverse polarity,pn,sc,sma,smb,smc,sms,ssma,ssmb,ssmc,ssmt,tnc,triaxial,twinax,uhf,rf,microwave,coax,coaxial ,cable,radio frequency,custom,semi-rigid,flexible,conformable,transmission,line,connector,wireless,pasternack,microstock,harbour,micro-coax,belden,alpha,armored,gilbert,sv microwave">
    </head>

    <body>
    <!-- Header -->
    <title="Coax Cables">
    <div id="hdr">
    <center><div style="font-weight:bold;font-size:14px;margin:6px 10px;">
    <a href= "http://www.coaxcables.com/">Home</a> | <a href= "http://www.coaxcables.com/aboutus.htm">About Us</a> | <a href= "http://www.coaxcables.com/sales.htm">Sales</a> | <a href= "http://www.coaxcables.com/howtoorder.htm">How To Order</a> | <a href= "http://www.coaxcables.com/techref.htm">Technical Reference</a></div>
    </div>
    <!-- left column -->
    <div id="lh-col"><br />
    <h4 align="center"><a href= "http://www.coaxcables.com/">Home<br>
    <a href= "http://www.coaxcables.com/aboutus.htm">About Us<br>
    <a href= "http://www.coaxcables.com/sales.htm">Sales<br>
    <a href= "http://www.coaxcables.com/howtoorder.htm">How To Order<br>
    <a href= "http://www.coaxcables.com/techref.htm">Technical Reference</h4>
    <p align="center"><img src="/images/ngprefer.jpg" alt="Northrop Grumman Preferred Supplier" ></a></p>
    <p align="center"><img src="/images/coax15yrs.gif" alt="15 Years of Quality Products" ></a></p>
    <p align="center"><img src="/images/visa.gif" alt="Use your Visa Card today." ><img src="/images/master.gif" alt="Use your MasterCard today." ></p>
    <br />
    <br />
    </div>
    <!-- end of left column -->
    <!-- right column -->
    <div id="rh-col">
    <p align="center"><img src="/images/coax_logo.gif" alt="Coax - Where your Connection is guaranteed." border="2" width="567" height="171" /></p>
    <h3 align="center"> Welcome to Coax Incorporated's website - CoaxCables.com.</h3>
    <hr size="3" width="500" color="blue" />
    <p><b>Our Cables are "Plug 'N Play" for your application. We are constantly updating our site with RF - Microwave Industry information and links, so check back soon!
    In the meantime, use the options on the left to navigate through the site.</p>
    <p>In the meantime, use the options on the left to navigate through the site.</p>
    <hr size="3" width="500" color="blue" />
    <h3>Contacts:</h3>
    <p>Here is how you may contact us with any questions or coaxial cable assembly needs you may have.</p>
    <h3><i>Telephone:</i></h3>

    Toll Free: 888-894-8886<br>
    Local: (717) 227-0045<br><br>

    <h3><i>FAX:</i></h3>

    Toll Free: 888-894-8885<br>
    Local: (717) 227-0411 <br><br>

    <h3><i>Postal address:</i></h3>

    213 Hill Street<br>
    Glen Rock, PA 17327<br><br>

    <h3><i>Electronic mail:</i></h3>

    General Information: <a href="mailto:*@coaxcables.com"> Information </a><br>
    Sales: <a href="mailto:*@coaxcables.com"> Paul Creamer</a> or <a href="mailto:*@coaxcables.com"> Ericka Conney</a><br>
    Customer Support: <a href="mailto:*@coaxcables.com"> Customer</a></p>
    </div>
    <!-- end of right column -->
    </b>
    </body>
    </html>

    Any help will be greatly appreciated.

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,695
    Thanks
    0
    Thanked 232 Times in 227 Posts
    Hi there AndeAnderson,

    and a warm welcome to these forums.

    the problem is caused by having white space between the url and the (...
    Code:
    background-image: url ("/images/3d.gif");
    should be...
    Code:
    background-image: url(/images/3d.gif);
    Also note that the quotation marks may also cause problems in some browsers, and are not required.

    coothead

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background image is now back

    Thanks coothead. It's those little things which will kill me.

    Now all I have to do is figure out why FF will not show the images when I am inside the network. IE started showing them, for now.

    The Editor I'm using is Alleycode and it works pretty well.

    I feel so ashamed. The images are not loading because I am typing in a domain name when I need to type in the internal IP Address instead.
    Last edited by AndeAnderson; 12-08-2006 at 05:19 PM. Reason: Found the problem was me.


  •  

    Posting Permissions

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