CSS Forum

**ryangassxx** · 02-05-2008, 02:59 PM

I'm stumped... I was building this site and had it nearly finished... I decided for some reason that I wanted to change the name of my CSS file, so I opened it in regular windows text pad, and saved as a different name.. And yes I DID rename the path to it on the web pages as well... After I saved it all, my entire page was pulled over to the left and it messed up the alignment of everything as well..

Anyone know what I may have done to cause this to happen?

**LadynRed** · 02-05-2008, 03:40 PM

Can we see a link or ALL the code ??
Sounds to me like the path isn't 100% correct.

**ryangassxx** · 02-05-2008, 03:47 PM

Sure,..

Here's the index,..

Code:

<html>
<head>
<title>Connecticut Arrest Records</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="business.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="container">
    <img src="header.gif">
    <div id="content">
        <div id="menu"><a href="index.html"><img src="home.gif" border="0"></a><a href="join.htm" target="iframe1"><img src="joinnow.gif" border="0"></a><a href="Whats_in_there.htm" target="iframe1"><img src="services.gif" border="0"></a><a href="owner.htm" target="iframe1"><img src="aboutus.gif" border="0"></a><a href="contact.htm" target="iframe1"><img src="contact.gif" border="0"></a></div>
        <div id="pad">
<IFRAME name="iframe1" SRC="home.htm" WIDTH=448 HEIGHT=356 frameborder="0"></IFRAME>

        
        </div>
    </div>
    <div id="news">
      <h1>Services</h1><img src="divider.gif"><p><h3>Members will have <b>instant</b> and <b>unlimited</b> access to Connecticut State Police criminal conviction checks, Connecticut criminal/motor Vehicle court convictions, uncontested Connecticut traffic tickets, Connecticut business List & Connecticut resident list, Department of Corrections mug shots.
</h3></p>
      
      <h1>Pricing</h1><img src="divider.gif"><p><h3>The service costs $250 annually (that's only just over $20 a month), and this gets you unlimited searches and use of all of our tools. Click <a href="Whats_in_there.htm" target="iframe1">HERE</a> to learn more about what is available to our members.</h3></p>
      
<br><center><a href="login.asp.htm" target="iframe1"><img src="login.gif" border="0"></a></center>
</div>
    <div id="footer">Arrest History &copy; 2008
</div>
</body>
</html>

and here's the css

Code:

body {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 80%; background-color: black;
}
#container {
    width: 673px;
    margin: 0px auto;
}
#top {
    color: #FFFFFF;
    width: 221px;
    height: 140px;
    background-color: #778CB3;
}
#topright {
    float: right;
    height: 140px;
    width: 447px;
    text-align: right;
}
.cl {
clear:both;
}
#gallery {
    width: 673px;
    padding-top: 0px;
}
#news {
    width: 213px;
    height: 380px;
    margin-top: 0px;
    background-color: #02027E;
    color: #FFFFFF;
    padding: 4px;
}
#menu {
    width: 422px;
    background-color: #02027E;
    padding: 13px;
    border-bottom: 0px solid #FFFFFF;
    float: right;
}
#menu a:link, #menu a:visited, #menu a:active {
    background-color: #02027E;
    padding: 4px;
    text-decoration: none;
    color: #000000;
}
#menu a:hover {
    padding: 4px;
    background-color: #F01E1E;
    text-decoration: none;
    color: #FFFFFF;
}
#content {
    width: 446px;
    float: right;
    height: 380px;
    margin-top: 0px;
    background-color: #A0AFCB;
}
p {
margin: 0 0 0 0px;
}
h1 {
    padding: 4px;
    margin: 4px;
    font-size: 120%;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom-width: 2px;
    
    border-bottom-color: #F7CB33;
}
h2 {
text-align: center;
    font-size: 300%;
    font-weight: normal;
    color: #FFFFFF;
}


h3 {
text-align: left;
    font-size: 80%;
    font-weight: normal;
    color: #FFFFFF;
}



#pad {
    padding: 0px;
    color: #000000;
}
#footer {
    background-color: #010150;
    padding: 12px;
    width: 649px;
    color:#000000;
    font-size: 90%;
    text-align: center;
    clear:both;
    border-top: 0px solid #FFFFFF;
}
#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
    color:#000000;
}
h4 {
    font-size: 180%;
    color: #F01E1E;
}

And I attached a screen shot of what the page now looks like..

**ryangassxx** · 03:50 PM

But if the path wasn't correct, wouldn't I be getting NO instruction from the CSS instead of just partially wrong instruction?

Another thing too,... When I saw what happened, I put the name back to what it originally was, but the problem remained..

**LadynRed** · 04:04 PM

Hmm.. yes, that's true, you wouldn't get anything if it couldn't find the css file.
Oftentimes I see this when I forget a semicolon or have a flub in my css file, but I don't see anything missing in yours.

One thing that IS missing is a proper doctype-- you need that or IE renders in quirks mode.. which is ugly.

What version of IE are you looking at it with ? How does it look in Firefox ?

Is the site online ?

*** I pulled you code into my editor and it displays fine in IE 6 and Firefox.. w/o images of course, but it's centered and doesn't appear out of whack.

**ryangassxx** · 02-05-2008, 07:07 PM

Quote:

Originally Posted by LadynRed

Hmm.. yes, that's true, you wouldn't get anything if it couldn't find the css file.
Oftentimes I see this when I forget a semicolon or have a flub in my css file, but I don't see anything missing in yours.

One thing that IS missing is a proper doctype-- you need that or IE renders in quirks mode.. which is ugly.

What version of IE are you looking at it with ? How does it look in Firefox ?

Is the site online ?

*** I pulled you code into my editor and it displays fine in IE 6 and Firefox.. w/o images of course, but it's centered and doesn't appear out of whack.

Lady, the doctype was actually the problem!! Thanks so much for mentioning that..

**LadynRed** · 02-05-2008, 08:39 PM

You're welcome, glad it was a simple fix