SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
-
Sep 8, 2007, 23:16 #1
- 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; }
-
Sep 9, 2007, 01:31 #2
- 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;
-
Sep 9, 2007, 10:07 #3
- 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.
-
Sep 9, 2007, 10:13 #4
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Originally Posted by maxiscool
no-repeat and not no repeat
-
Sep 9, 2007, 10:23 #5
- 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