ccs taking effect on my computer, but not on server
Page 1 of 1
ccs taking effect on my computer, but not on server
I'm taking a web development class at a community college. My ccs is takeing effect on my computer at home, but not when put it on my page on the school server. I can't really seam to figure out why.Here is a link to the sites
http://csc.mendocino.edu/~tneuroth/javajamccs/
Anyone have any ideas for me?
Re: ccs taking effect on my computer, but not on server
I think the problem is that your stylesheet is named javajam.ccsIt should be javajam.css
--
~Chris
~Chris
Re: ccs taking effect on my computer, but not on server
i have fond only 1 error in your linked stylesheet and it's in #container you have usedmin-width=700px; you should replace = with : .
2nd i think all of your code is correct but the css file is not linking properly you should try internal css code like below
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
body {
background-image: url(background.gif);
color: #000000;
font-family: Consolas;
}
#logo {
background-color: #ccaa66;
color: #000000;
text-align: center;
margin: 0;
border-bottom: 2px double #000000;
}
h1 {
text-align: center;
background-color: ;
line-height: 200%;
}
h2 {
text-transform: uppercase;
background-color: #ffffcc;
font-size: 1.2em;
color: #663300;
border-bottom: 1px solid #000000;
margin-right: 20px;
padding-left: 10px
padding-bottom: 5px;
}
h3 {
text-align: center;
}
p {
text-align: left;
font-size: .90em;
}
ul {
color: black;
}
dt{
color: black;
}
#navc {
float: left;
width: 100px;
padding-top: 10px;
font-weight: bold;
font-size: 1.25em;
color: #9ec3b2;
}
#content{
margin-left: 150px;
background-color: #e8d882;
color: #000000;
overflow: auto;
padding: 10px 20px;
}
.floatright {
padding-left: 20px;
float: right;
}
.nav {
text-decoration: none;
margin: 15px;
text-align: center;
display: block;
}
#footer {
background-color: #ccaa66;
color: black;
font-size: .60em;
font-style: italic;
text-align: center;
border-top: 2px double #000000;
padding-top: 20px;
padding-bottom: 20px;
}
#container {
background-color: #ffffcc;
color: #000000;
border: 2px double #000000;
min-width=700px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.details {
padding-left: 20px;
padding-right 20px;
}
</style>
<title>JavAJam Coffee House Index </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div id="container">
<div id="logo">
<h1><img src="javalogo.gif" height="120" width="650" alt="Java Jam Logo"/></h1>
</div>
<div id="navc" >
<a class="nav" href="index.html">Home</a>
<a class="nav" href="menu.html" >Menu</a>
<a class="nav" href="music.html" >Music</a>
<a class="nav" href="index.html" >Jobs</a>
</div>
<div id="content">
<img src="windingroad.jpg" width="400" height="200" alt="picture of winding road" class="floatright" />
<p> Follow the winding road to JavaJam... </p>
<ul>
<li> Specialty Coffee and Tea </li>
<li> Bahels Muffins and Organic Snacks </li>
<li> Music and Poetry Readings </li>
<li> Open Mic Night </li>
</ul>
</br>
12312 Main Street <br/>
Mountain Home, CA 93923 <br/>
1-888-555-5555 <br/> <br/> <br/>
</div>
<div id="footer">
copyright © 2011 JavaJam Coffee House <br/> <a href=""> Tyson@neuroth.com </a>
</div>
</div>
</div>
</body>
</html>
Re: ccs taking effect on my computer, but not on server
Well i think studentMCCS,is keep changing things when i checked at that time the link was proper and working but not having any kind of effect on the page means the style sheet was not somehow linked properly but i tried with internal style-sheet and that was working ...
so i ask studentMCCS to try internal and tell us is internal stylesheet working or not ...
Page 1 of 1