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 14 of 14

Thread: background

  1. #1
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts

    background

    hello all. i made a site the other day and it worked just as i wanted it to. put all the contents of my directory folder onto a disk to take it home with me. loaded it up when i got home and previewed it and yet again, the background images wouldnt work on firefox, same on every page and same on other sites iv'e made. does anyone know if there is a browser setting of something that is stopping the background images being loaded on my pc???

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    A link to your page can talk more about the issue than the text above. Can we have a link?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    2 mins just uplaoding now

  • #4
    New Coder
    Join Date
    Nov 2008
    Location
    Melbourne, Australia
    Posts
    69
    Thanks
    8
    Thanked 1 Time in 1 Post
    it normally mean the image link is broken. If your planning to use the your computer (have all the files on the comp hard drive) instead of the cd...I would suggest to re link all the images and make sure the images are in the same folder as all the files.

    This happens to me a lot until i got a portable hard drive, now I work straight from that with no problems

  • #5
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    sorry gonna have to shoot of to work lol, give it 15 mins while it uploads then go here

    http://www.thelizardofozexotics.co.u...portfolio.html

    thank you

  • #6
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    no man, iv re link all images by hand theres no prob cause they show up in IE
    and prob your computer but not mine!$%£$"

  • #7
    New Coder
    Join Date
    Nov 2008
    Location
    Melbourne, Australia
    Posts
    69
    Thanks
    8
    Thanked 1 Time in 1 Post
    Quote Originally Posted by snowysweb View Post
    sorry gonna have to shoot of to work lol, give it 15 mins while it uploads then go here

    http://www.thelizardofozexotics.co.u...portfolio.html

    thank you
    is the problem the black squares? if it is I have had a look at your source code and you don't have the images code anywhere except for the banner, which can be seen
    Last edited by kryssy23; 11-05-2008 at 07:21 AM.

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    the backround image is in the style sheet

  • #10
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    css:

    .port_box {
    width: 200px;
    height: 200px;
    float: left;
    padding: 2px;
    margin: 5px;
    overflow: hidden;
    background-color: #000;
    }
    #main {
    text-align: center;
    width:100%;
    }

    .float_wrapp {
    width: 860px;
    margin: 10px auto;
    padding: 10px;
    background-color: #e3d17b;
    position: relative;
    }
    #silverburn {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/silverburn.JPG);
    }
    #silverburn:hover {
    background-image: url(images/for web/silverburn.jpg);
    }
    #compo {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/componants.jpg);
    }
    #compo:hover {
    background-image: url(images/for web/componants2.jpg);
    }
    #taran {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/tarantula.jpg);
    }
    #taran:hover {
    background-image: url(images/for web/tarantula2.jpg);
    }
    #plant {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/plantplanner.jpg);
    overflow: auto;
    }
    #plant:hover {
    background-image: url(images/for web/plantplanner2.jpg);
    }
    #gecko {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/geckogang.jpg);
    }
    #gecko:hover {
    background-image: url(images/for web/geckogang2.jpg);
    }
    #dark {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/darklight.jpg);
    }
    #dark:hover {
    background-image: url(images/for web/darklight2.jpg);
    }


    #lizard {
    width: 200px;
    height: 200px;
    display: block;
    background-image: url(images/for web/darken/thelizardofoz.jpg);
    }

    #sub_main {
    width: 997px;
    height: 170px;
    border: 2px solid #217870;
    margin: 10px auto;
    padding: 0;
    background-color: #e8b609;
    z-index: 0;
    }
    #lizard:hover {
    background-image: url(images/for web/thelizardofoz2.jpg);
    }

    .float_wrapp .port_box #silverburn span {
    display: none;
    }
    .float_wrapp .port_box #compo span {
    display: none;
    }
    .float_wrapp .port_box #lizard span {
    display: none;
    }
    .float_wrapp .port_box #gecko span {
    display: none;
    }
    .float_wrapp .port_box #taran span {
    display: none;
    }
    .float_wrapp .port_box #plant span {
    display: none;
    }
    .float_wrapp .port_box #dark span {
    display: none;
    z-index: 0;
    }
    .float_wrapp .port_box #silverburn:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }


    .float_wrapp .port_box #compo:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }

    .float_wrapp .port_box #taran:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }
    .float_wrapp .port_box #plant:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }
    .float_wrapp .port_box #gecko:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }
    .float_wrapp .port_box #lizard:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;

    }
    .float_wrapp .port_box #dark:hover span {
    position:absolute;
    width:989px;
    display:block;
    background: #e8b609;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #217870;
    padding:4px;
    left:-60px;
    top:-184px;
    height: 162px;
    border: 2px solid #217870;
    background-color: #e8b609;
    }

    #h1_cen {
    width: 100%;
    text-align: left;
    }

    h1 {
    margin:5px 0 0 30px;
    padding:0;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #217870;
    }
    #h2_cen {
    width: 100%;
    text-align: left;
    }
    h2 {
    margin:5px 0 0 30px;
    padding:0;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #217870;
    font-size: 22px;
    }
    .url {
    margin:0;
    padding:0;
    position:absolute;
    top: 125px;
    left: 50px;
    }

    page now validates but still nothing..

  • #11
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    url(images/for web/darken/silverburn.JPG);
    Have a try by renaming your directory and removing the space. Then change paths in the CSS also.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #12
    New Coder
    Join Date
    Feb 2008
    Posts
    55
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Code:
    images/for web/darklight2.jpg
    why you not used same directory for image?

    and changes like this
    Code:
    ./darklight2.jpg

  • #13
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    ok, ive sortted the background images out and it validates (i will sort out how it diplays the writting later). does anyone know (before i just use this for firefox and someother way for IE) how to do the hover thing for IE aswell???

  • #14
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    IE sees hover only on anchors. Worse case, create a dummy anchor back to itself.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls


  •  

    Posting Permissions

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