[RESOLVED] Help with CSS?
Hello. So.. I have this CSS file right? It works great when I preview it from my computer on my browser, but my webhost isn't able to. I was hoping someone could tell me what is wrong with it...
Here it is
__________________________________________________________
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
background: #0A0A0A url(images/img1.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}
h1, h2, h3 {
color: #CCCCCC;
}
h1 {
}
h2 {
}
h3 {
}
p, blockquote, ul, ol {
margin-bottom: 20px;
line-height: 1.6em;
}
p {
}
blockquote {
}
ul {
}
ol {
}
a {
border-bottom: 1px dotted #652A17;
text-decoration: none;
color: #652A17;
}
a:hover {
border: none;
color: #FF0000;
}
/* Wrapper */
#wrapper {
background: url(images/img2.jpg) repeat-x;
}
/* Header */
#header {
width: 750px;
height: 181px;
margin: 0 auto;
padding: 0 0 0 0;
background: url(images/Sand.jpg);
}
#header h1, #header h2 {
float: left;
}
#header h1 {
padding: 150px 0 0 20px;
letter-spacing: 3px;
font-size: 136%;
}
#header h2 {
padding: 153px 0 0 6px;
letter-spacing: 2px;
font-size: 107%;
}
#header a {
border: none;
text-transform: uppercase;
text-decoration: none;
color: #000000;
}
/* Menu */
#menu {
width: 750px;
height: 50px;
margin: 0 auto;
background: url(images/img4.jpg) no-repeat;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 20px;
padding: 10px 20px 0 20px;
border: none;
border-right: 1px solid #110F09;
font-size: 85%;
font-weight: bold;
color: #F4D1C5;
}
#menu a:hover {
color: #FFFFFF;
}
/* Page */
#page {
width: 750px;
margin: 0 auto;
background: url(images/img7.jpg) repeat-y 220px 0px;
}
/* Content */
#content {
float: right;
width: 489px;
padding-right: 20px;
}
#content h1, #content h2, #content h3 {
margin-bottom: 20px;
}
#content h1 {
font-size: 136%;
}
#content h2 {
font-size: 107%;
}
#content h3 {
font: 92%;
}
#content ul, #content ol {
list-style-position: inside;
}
#content .boxed {
float: left;
width: 46%;
padding-right: 2%;
}
#content .boxed h2 {
padding: 5px 0;
background: url(images/img5.jpg) repeat-x left bottom;
}
/* Welcome */
#welcome {
}
/* Sample1 */
#sample {
}
/* Sample2 */
#sample2 {
}
/* Sidebar */
#sidebar {
float: left;
width: 180px;
padding-left: 20px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 1px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
padding: 7px 20px;
background: url(images/img5.jpg) repeat-x left bottom;
}
#sidebar h2 {
padding: 5px 20px;
background: url(images/img6.jpg);
border-bottom: 1px solid #1C1C1C;
font-size: 100%;
}
#sidebar h3 {
font-size: 77%;
}
#sidebar p {
margin: 0;
line-height: normal;
}
#sidebar a {
border: none;
}
/* Submenu */
#submenu {
}
/* News */
#news {
}
#news a {
font-size: 85%;
}
/* Footer */
#footer {
width: 750px;
height: 50px;
margin: 0 auto;
padding: 30px 0 0 0;
background: url(images/img4.jpg) no-repeat;
}
#footer p {
margin: 0;
text-align: center;
font-size: 77%;
}
__________________________________________________________
I'm new to CSS so it's hard to pinpoint the details. I figured this would be the best place to get help . Thanks in advance for those who read it over, and try to help!
Or you could just tell me to shove off and learn CSS!
Whatever helps.
Have you uploaded all files to correct folders?
At least 98% of internet users' DNA is identical to that of chimpanzees
The code is fine. The path (or name of this *css file) your html document references must be incorrect.
I build for: Firefox and tweak for IE
Problem Solved
I figured it out lol. Sorry to make you guys read that for nothing :P. Thank you though! I love learning html!
Well the problem was I had to change the url to the css on all my pages since it was directed to my computer files instead of the new css file location on my host. I somehow knew it would be something under my nose like that .
Thanks again!
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread
Posting Permissions
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Bookmarks