July 2, 200818 yr I'm trying to make my background reapeat but i don't know if i am doing something wrong... Here is my CSS so far /* Start Style.CSS */ /* Body & Text */ body { background: #FFFFFF; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica; text-size: 0.9em; } h1 { font-size: 1.4em; color: #000000; text-transform: capitalize; } h2 { font-size: 1.2em; color: #000000; } h3 { font-size: 1em; color: #000000; } h1 a{ color: #383737; } h1 a:hover { text-decoration: underline; text-transform: uppercase; } h2 a{ color: #000000; } h3 a{ color: #000000; } /* Page Links */ a { color: #446882; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; text-transform: uppercase; } /* logo */ #logo { width: 768px; height: 128px; padding-left: 150px; } /* Navigation */ #navigation { width: 768px; height: 40px; padding-left: 150px; background-image: url(images/nav.png); background-repeat: repeat-x; } /* Content */ #content { width: 768px; padding-left: 150px; } /* page */ #page { padding -left 20px; width: 400px; } #page .post { padding: 10px 10px } /* Footer */ #footer { padding-left: 150px; } /* End Style.CSS */ But when i preview it the image doesn't show.... The image is just a gradient of green...
July 2, 200818 yr I'm trying to make my background reapeat but i don't know if i am doing something wrong... Here is my CSS so far /* Start Style.CSS */ /* Body & Text */ body { background: #FFFFFF; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica; text-size: 0.9em; } h1 { font-size: 1.4em; color: #000000; text-transform: capitalize; } h2 { font-size: 1.2em; color: #000000; } h3 { font-size: 1em; color: #000000; } h1 a{ color: #383737; } h1 a:hover { text-decoration: underline; text-transform: uppercase; } h2 a{ color: #000000; } h3 a{ color: #000000; } /* Page Links */ a { color: #446882; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; text-transform: uppercase; } /* logo */ #logo { width: 768px; height: 128px; padding-left: 150px; } /* Navigation */ #navigation { width: 768px; height: 40px; padding-left: 150px; background-image: url(images/nav.png); background-repeat: repeat-x; } /* Content */ #content { width: 768px; padding-left: 150px; } /* page */ #page { padding -left 20px; width: 400px; } #page .post { padding: 10px 10px } /* Footer */ #footer { padding-left: 150px; } /* End Style.CSS */ But when i preview it the image doesn't show.... The image is just a gradient of green... Alright mate, a link or code would have been nice but the only thing I can spot from what you have given is where you have specified the location of the image inside the brackets, it should be inside single speech marks: background-image: url('images/nav.png');
July 2, 200818 yr Author Its offline, i can upload it to my website if you really need it... That didn't help, it still won't show...
July 2, 200818 yr Author Still hasn't worked, i cant even see the image, so i dunno if that has something to do with it, the image isn't even displaying
July 2, 200818 yr Are you absolutely sure you are pointing to the image? The image may be in a different folder and you haven't realised. For example, +- + css - style.css + images . nav.png - index.html Then the url to the image would be ../images.nav.png in the css file. The URL doesn't have to be in ' ', it is perfectly valid not to, although it would be sensible to do so.
July 4, 200818 yr Author Im 100% sure, iv even tried using dreamweaver to point to it.. I bet its something really silly lol that we wouldnt think of, i still cant figure it out.
July 4, 200818 yr Here is a quick list on the repeating functions. background-repeat: repeat-x; will mean it only repeats horizontal background-repeat: repeat-y; will repeat it only vertical background-repeat: repeat; will repeat the background both horizontal and vertical, not really needed unless you have stated in something that related to this for images not to repeat background-repeat: no-repeat; Will not repeat the background image That was just in case you were using x instead of y...something I often do to call a background this is normally the best way background-image: url(images/image.gif); or at least the way I always do it so that is why I think of it as the best
July 4, 200818 yr OK, first things first, post a link to the background image so we can all see the actual url. Then post the url of the page so we can see the CSS and code of the page.
July 5, 200818 yr Author Image URL:http://www.alex-mcintosh.com/kevin/images/nav.png Site URL:http://www.alex-mcintosh.com/kevin/ Template URL:http://www.alex-mcintosh.com/kevin/template.jpg Basically, i am trying to recreate the template in XHTML & CSS, its so that i can get practice and all that stuff but im having problems making that navigation. Also, ignore the fact it isn't aligned yet lol..
Create an account or sign in to comment