31 users online (1 members and 30 guests)  


  Results 1 to 7 of 7
  1. #1
    bmore4you's Avatar
    New User

    Status
    Offline
    Join Date
    Apr 2010
    Posts
    4

    I need help with CSS and Vader

    Hello, I am a student just learning XHTLM and CSS. I had been doing pretty good until we were tasked to publish what we had so far on Vader. When I test it in IE or Fire Fox it works perfect but when I upload it to Vader background images don't show. I have checked all of the names for case and type-o's but there are still a few that wont show. Here is an HTML and CSS snippet of my home page. Please help. I am lost. P.S. When I add an <img/> tag directly to the HTML it works but not with CSS.

    ex.

    CSS
    #button3 {
    background-image:#336600 url(images/button3Ball.jpeg);
    text-align: left;
    color:#ffffff;
    font-weight: bold;
    }

    HTML
    <div id="navbar" class="navbar">
    <ul>
    <li id="button9"><a href="index.html">Homepage</a></li>
    <li id="button14"><a href="letsplay.html">Let's Play</a></li>
    <li id="button3"><a href="#">Let's Shop</a></li>
    <li id="button8"><a href="#">Let's Talk</a></li>
    </ul>
    </div>

    thanks

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: I need help with CSS and Vader

    Hi there bmore4you,

    and a warm welcome to these forums.

    Either use...
    Code:
    
        background:#360 url(images/button3Ball.jpeg);
    
    ...or...
    Code:
    
        background-color:#360; 
        background-image:url(images/button3Ball.jpeg);
    

  3. #3
    bmore4you's Avatar
    New User

    Status
    Offline
    Join Date
    Apr 2010
    Posts
    4

    Re: I need help with CSS and Vader

    Quote Originally Posted by coothead View Post
    Hi there bmore4you,

    and a warm welcome to these forums.

    Either use...
    Code:
    
        background:#360 url(images/button3Ball.jpeg);
    
    ...or...
    Code:
    
        background-color:#360; 
        background-image:url(images/button3Ball.jpeg);
    
    Thanks alot for your response, but unfortunately I tried both
    options and the photos are still not showing but the background color is. Do you have any other suggestions?
    and thanks for the welcome. Glad to be of acquaintance.

  4. #4
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: I need help with CSS and Vader

    Hi there bmore4you,

    Firstly I have to say that I have absolutely no idea what "Vader" is.

    As for the background images not appearing there are a couple of tests that you can carry out.

    1. Check that the image is where you think it is. Do this by trying the path...
      Code:
      http://www.somesitesomewhere.com/images/button3Ball.jpeg
    2. Check that the extension is correct - '.jpeg', '.jpg' or '.JPG'.


    If that does not solve the problem give us a link to the site, we may be able to spot something that you have missed.

  5. #5
    bmore4you's Avatar
    New User

    Status
    Offline
    Join Date
    Apr 2010
    Posts
    4

    Re: I need help with CSS and Vader

    Quote Originally Posted by coothead View Post
    Hi there bmore4you,

    Firstly I have to say that I have absolutely no idea what "Vader" is.

    As for the background images not appearing there are a couple of tests that you can carry out.

    1. Check that the image is where you think it is. Do this by trying the path...
      Code:
      http://www.somesitesomewhere.com/images/button3Ball.jpeg
    2. Check that the extension is correct - '.jpeg', '.jpg' or '.JPG'.


    If that does not solve the problem give us a link to the site, we may be able to spot something that you have missed.
    Sorry about that I thought I was just new to the game because I had never heard of Vader until this class. It is the Web Server that we are using in my class, it is a Unix Server. Here is link to the page. http://vader.aacc.edu/~csi118b12/

    Thanks again

  6. #6
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: I need help with CSS and Vader

    Hi there bmore4you,

    this path...
    gives this response...
    The requested URL /~csi118b12/images/button3Ball.jpeg was not found on this server.

  7. #7
    bmore4you's Avatar
    New User

    Status
    Offline
    Join Date
    Apr 2010
    Posts
    4

    Re: I need help with CSS and Vader

    Quote Originally Posted by coothead View Post
    Hi there bmore4you,

    this path...
    gives this response...
    I have no idea what is going on. I can get to the path without error. I am on the verge of giving up and just coding my images one by one in my HTML.