Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Use "include" files in CCS program


  • Please log in to reply
4 replies to this topic

#1 trails38

trails38

  • Members
  • 10 posts
  • OFFLINE
  •  
  • Local time:03:56 PM

Posted 07 October 2008 - 12:23 PM

I am developing my first site using CSS (formerly used tables) and have found much useful advice online. In order to avoid cut and paste, I want to include files for the header and left and right columns. I have followed the instructions I found but cannot get this to work. This is in progress so I know there is work needed in other areas, but it's the include I am worried about now. I mostly hand-code, but am also using Kompozer for simple changes. I also used Vista Buttons instead of coding the buttons myself.
The only include I have coded in this file is in the right column. Can someone tell me what I'm doing wrong?
My URL is: http://www.ilstewards.org/testccs2.html
My test page code is:

My css file is:
/* formatting from new web page index */<style type="text/css">	@import "all.css"; /* just some basic formatting, no layout stuff */		body {		margin:10px 10px 0px 10px;		padding:0px;		}		#leftcontent {		padding:10px 10px 0px 10px;		position: absolute;		left:10px;		top:210px;		width:180px;		height:1000px;        background:#999966;		border:1px solid #000;		font-size:12px		}	#centercontent {		padding:10px 10px 0px 10px;		position: absolute;		top:210px;		background:#fff;   		margin-left: 200px;   		margin-right:200px;		border:1px solid #000;		}	#rightcontent {		padding:10px 10px 0px 10px;		position: absolute;		right:2px;		top:210px;		width:190px;		height:1000px;		background:#999966;		border:1px solid #000;		font-size:12px		}		#banner {		padding:10px 10px 0px 10px;		background:#fff;		height:40px;		border-top:1px solid #000;		border-right:1px solid #000;		border-left:1px solid #000;		voice-family: "\"}\"";		voice-family: inherit;		height:39px;		}	html>body #banner {		height:39px;		}			p,h1,pre {		margin:0px 10px 10px 10px;		}			h1 {		font-size:14px;		padding-top:10px;		}			#banner h1 {		font-size:14px;		padding:10px 10px 0px 10px;		margin:0px;		}

Thanks for your help - Linda

BC AdBot (Login to Remove)

 


m

#2 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:02:56 PM

Posted 07 October 2008 - 12:39 PM

I have followed the instructions I found but cannot get this to work.


I have no idea what that means. Does your monitor explode when you run the code? Is your monitor supposed to explode when you run the code?

What do you expect to happen? What really happens? Does your CSS code validate (does it have typos HINT HINT)?

#3 trails38

trails38
  • Topic Starter

  • Members
  • 10 posts
  • OFFLINE
  •  
  • Local time:03:56 PM

Posted 07 October 2008 - 02:34 PM

Hoorah - after much searching, i found my problem - I must name the main file with an shtml suffix !!
However, I still have questions I would appreciate help with: first, is there a way to get all 3 columns to be the same length while accomodating the content of the longest column?

#4 trails38

trails38
  • Topic Starter

  • Members
  • 10 posts
  • OFFLINE
  •  
  • Local time:03:56 PM

Posted 07 October 2008 - 02:55 PM

Sorry, I was not clear enough in my original question. There wer no error messages, but the included file was not included in the browser's display until I changed the name from http://www.ilstewards.org/testccs2.html to http://www.ilstewards.org/testccs2.shtml. That was a simple page which I pared down to ask the original question; the page I am working on is http://www.ilstewards.org/inctests.shtml - Thanks, Linda

#5 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:02:56 PM

Posted 07 October 2008 - 09:21 PM

is there a way to get all 3 columns to be the same length while accomodating the content of the longest column?


Do you mean the content within the columns, or the columns themselves? From what I see, the left and right columns are the same length. The only issue I see at the moment is that the right column overlaps the center column so that the text disappears behind the column.

Look at your page in IE. I hinted at some errors in your CSS code before, and the errors are still there. Firefox is forgiving about CSS errors, IE is not. These are the errors that I am getting:
Error: The stylesheet http://www.ilstewards.org/includes/inc-nav.html was not loaded because its MIME type, "text/html", is not "text/css".
Source File: http://www.ilstewards.org/inctests.shtml
Line: 0

Warning: Selector expected.  Ruleset ignored due to bad selector.
Source File: http://www.ilstewards.org/includes/isa%20web.css
Line: 3

Warning: Error in parsing value for property 'filter'.  Declaration dropped.
Source File: http://www.ilstewards.org/includes/inc-nav-files/styles_hwoj3.css
Line: 16





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users