frames with CSS

@SimonBahrJul 05.2005

I am hoping that I can create a frame with CSS. Is this possible?

Please have a look at:

~~[url]~~http://www.fsinternet.co.uk/pioneer/pioneer.htm[/url]

I would like to be able to click on the links to change the contents of the larger page area.

Cheers for any advice.

Si. ?

to post a comment

CSS

@BrewsterJul 05.2005 — #Hi

Check out the code that I wrote for this page: www.hypnofish.co.uk

Brew

@SimonBahrauthorJul 06.2005 — #Hi thats great because youve done what I want to achieve.

Unfortunately, I'm not sure how it works.....what do the php extensions on the pages mean, is there code somewhere that I cannot see?

Cheers Si. ?

@JayhawkJul 06.2005 — #Looking at his source and judging by the "php" extensions, I suspect he's using includes.

PHP is a server side technology. In this case li lets you have a bunce of code (markup) in a separate file and bring it into a page with one command.

[code=php]
 <?PHP
 include("header.php"); // contains markup common to all pages
 ?>
 normal HTML for all of the stuff uniquie to this page
 <?PHP
 include("footer.php"); // more common stuff
 ?>
 [/code]

@SimonBahrauthorJul 06.2005 — #Sorry, I understand what you mean but I don't understand how I would put this into my page. Its a bit too far ahead of where I am knowledge wise. ?

@BrewsterJul 06.2005 — #Hi

The fact that the pages use php is irrelevant for what you are asking as is the html code that is what you are after....

In between your <head> tags, put this line of code:

[CODE]<link rel="stylesheet" type="text/css" media="screen" href="stylesheet.css">[/CODE]

Create a file called stylesheet.css and put this code:

[CODE]#content
 {
 text-align: left;
 float: right;
 border-width: thin; 
 border-style: groove;
 padding: 10px; 
 background: #D4D4DF;
 overflow: auto; 
 height: 380px;
 margin: 0;
 width: 75%;
 overflow-x: hidden;
 }[/CODE]

In your main html page use this code:

[CODE]
 <div id="content">
 Put your content here.....
 </div>
 [/CODE]

I have just taken this code by using view source on my browser....

Let me know if you need any more help.

Brew

frames with CSS

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

frames with CSS

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴