Ciberon Posted September 20, 2006 Share Posted September 20, 2006 Ok, I made my first css, and I made it as simple as I could, so it would work, the problem is it didn't worked.HTML: <html><head><link rel="stylesheet" type="text/css"href="style.css" /></head><p class="title">Title will be placed here.</p><p class="text">The text will be placed here. wwev açfndbpaenrçdivonerçnfç zkjncbenaaofvn neavçfnlbnaçdfz nwen vajvnçe rnaçjv neakj naçjvn çearnaçr jnea naçvrn aer n(random text)</p></html>CSS:p.title {background-image: url('http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simple%20template/img/Header.png');background-repeat: no-repeat;background-position: top center;margin-left: 50px;margin-right: 50px;margin-top: 75px}p.text {background-image: url('http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simple%20template/img/txt.png');background-repeat: repeat-y;margin-left: 50px;margin-right: 50px}body {background-color: e3e3e3;background-image: url('http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simple%20template/img/bottom.png');background-position: bottom center;background-repeat: no-repeat} Link to comment Share on other sites More sharing options...
aspnetguy Posted September 20, 2006 Share Posted September 20, 2006 you have no <body></body> in your HTML and make sure style.css is in the same folder as the html page Link to comment Share on other sites More sharing options...
Ciberon Posted September 20, 2006 Author Share Posted September 20, 2006 Doesn't work still... <.< Link to comment Share on other sites More sharing options...
aspnetguy Posted September 20, 2006 Share Posted September 20, 2006 what is not working? Is it just not applying the styles? Do you have a live link I can look at? Link to comment Share on other sites More sharing options...
ible-white Posted September 20, 2006 Share Posted September 20, 2006 hi,*i think that your main problem lies in the image url. i tried it and it did not really work. i changed the images to some i have on my pc- and it worked.*your background-color needs the "#" sign at the beginning.*and i think u should take quotes (' ') from around the image urlalso- ur css file layout is hard to read as you have it spread across. try this easier to read layout instead: body { background-color: e3e3e3; background-image: url(http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simple%20template/img/bottom.png); background-position: bottom center; background-repeat: no-repeat; } p.title { background-image: url(http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simpletemplate/img/Header.png); background-repeat: no-repeat; background-position: top center; margin-left: 50px; margin-right: 50px; margin-top: 75px; } p.text { background-image: url(http://www.solut1on.dedihostplus.com/ciberon/CSS/1-Simpletemplate/img/txt.png); background-repeat: repeat-y; margin-left: 50px; margin-right: 50px; } best regards,Donna Link to comment Share on other sites More sharing options...
Ciberon Posted September 24, 2006 Author Share Posted September 24, 2006 Thanks for the help, but it really can't seem to work, could you please supply me the images you used for it to work? Link to comment Share on other sites More sharing options...
ible-white Posted September 24, 2006 Share Posted September 24, 2006 just use any image u have on your pc and try it.background:#ffffff url(img/mydog.jpg) repeat-y; .... for instance. (if the image is in a folder outside of your html/ css document, just make sure u include the folder name(s) followed by a slash.send back your updated code lets look at it. Thanks for the help, but it really can't seem to work, could you please supply me the images you used for it to work? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now