SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Sep 2007
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I am having some trouble getting a backround image to show up.

    I want a background image to show up in a div. Here is my code. The bold and italicised text is the code that is not working.

    Code:
    /*
    CSS for Bubble Under Site
    */
    
    
    body {
      font-family: Veranda, Helvetica, Arial, sans-serif;
      background-color: #e2edff;
      line-height: 125%;
      padding: 0;
      border: 0;
    }
    
    ul {
      margin-top: 15px;
    }
    
    
    li {
      font-size: small;
      list-style-type: none;
    }
    
    
    p {
      font-size: small;
      color: navy;
    }
    
    
    #tagline p {
       font-style: italic;
       font-family: Georgia, Times, serif;
       background-color: #bed8f3;
       border-top: 3px solid #7DA5D8;
       border-bottom: 3px solid #7DA5D8;
       padding-top: .2em;
       padding-bottom: .2em;
       padding-left: .8em;
       margin: o;
    }
    
    
    em {
      text-transform: uppercase;
    }
    
    
    h1,h2,h3 {
      font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    }
    
    
    h1 {
      font-size: x-large;
      background-color: navy;
      color: white;
      padding-top: 2em;
      padding-bottom: .2em;
      padding-left: .4em;
      margin: 0;
    }
    
    
    h2 {
      color: navy;
      font-size: 130%;
      font-weight: normal;
      padding-top: 15px;
    }
    
    
    a {
      font-weight: bold;
      color: black;
    }
    
    
    a:link {
      color: black;
    }
    
    
    a:visited {
      color: navy;
    }
    
    a:hover {
      text-decoration: none;
      color: white;
      background-color: navy;
    }
    
    
    .fun {
      color: #339999
      font-family: Georgia, Times, serif;
      letter-spacing: 0.05em;
    }
    
    
    blockquote.fun {
      font-style: italic;
    }
    
    
    #navigation {
      width: 180px;
      height: 484px;
      background:#7da5d8 url (background/nav-bg.jpg) no repeat;
    }
    
    
    #header {
      border-top: 3px solid #7da5d8;
    }
    
    
    .galleryphoto p {
      font-size: 65%;
      font-weight: bold;
      margin-top: 0;
      width: 430px;
      line-height: 1.4em;
    }
    
    
    .photocredit {
      font-weightL normal;
      color: gray;
    }
    
    
    /*
    This section deals with the position of items on the screen. It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
    */
    
    #navigation, #bodycontent, #header, #tagline {
      position:absolute;
    }
    
    
    #navigation, #bodycontent {
      top: 114px;
    }
    
    
    #bodycontent {
      left: 200px;
    }
    
    
    #header, #tagline {
      width: 100%;
    }
    
    
    #tagline {
      top: 59px;
    }
    
    
    
    img.feature {
      float: right;
      margin: 10px;
    }

  2. #2
    SitePoint Zealot sularome's Avatar
    Join Date
    Jan 2006
    Location
    Poland
    Posts
    147
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it is not no repeat
    try like that:
    Code:
    background:#7da5d8 url(background/nav-bg.jpg) no-repeat;
    And make sure it's the right path to your image

  3. #3
    SitePoint Zealot
    Join Date
    Sep 2007
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the only reason that i bolded it is because I was pointing out where it was.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,797
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by maxiscool
    the only reason that i bolded it is because I was pointing out where it was.
    and the reason sularome "bolded it" (your words not mine) was to show you that you missed out the dash!

    no-repeat and not no repeat

  5. #5
    SitePoint Zealot
    Join Date
    Sep 2007
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ohhh...thank you for pointing that out.


    About 'bolded it,' I apologize. Stuff like that tends to happen when you are multitasking.


Bookmarks

Posting Permissions

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