Login | Register | FAQ
Anonymous

ccs taking effect on my computer, but not on server

+ Post a reply

4 posts Page 1 of 1


ccs taking effect on my computer, but not on server

by studentMCCS » Mon Apr 02, 2012 7:34 pm

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?
User avatar

studentMCCS

  • Posts: 1
  • Joined: Mon Apr 02, 2012 7:28 pm

Re: ccs taking effect on my computer, but not on server

by chrisf1288 » Mon Apr 02, 2012 7:59 pm

I think the problem is that your stylesheet is named javajam.ccs
It should be javajam.css
User avatar

chrisf1288

  • Posts: 128
  • Joined: Sun Jun 26, 2011 1:01 am

Re: ccs taking effect on my computer, but not on server

by XainPro » Tue Apr 03, 2012 3:03 am

i have fond only 1 error in your linked stylesheet and it's in #container you have used
min-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 &copy 2011 JavaJam Coffee House <br/> <a href=""> [email protected] </a>
       </div>
    </div>
</div>
  </body>
</html>
User avatar

XainPro

  • Posts: 3562
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: ccs taking effect on my computer, but not on server

by XainPro » Wed Apr 04, 2012 4:58 am

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 ...
User avatar

XainPro

  • Posts: 3562
  • Joined: Fri Feb 17, 2012 8:10 pm


+ Post a reply

Page 1 of 1

?>