I am hoping that I can create a frame with CSS. Is this possible?
Please have a look at:
<!-- m --><a class="postlink" href="http://www.**********.co.uk/pioneer/pioneer.htm">http://www.**********.co.uk/pioneer/pioneer.htm</a><!-- m -->
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.
Hi
Check out the code that I wrote for this page: <!-- w --><a class="postlink" href="http://www.hypnofish.co.uk">www.hypnofish.co.uk</a><!-- w -->
BrewHi 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.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.
<?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
?>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.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:
<link rel="stylesheet" type="text/css" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"stylesheet.css">
Create a file called stylesheet.css and put this 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;
}
In your main html page use this code:
<div id="content">
Put your content here.....
</div>
I have just taken this code by using view source on my browser....
Let me know if you need any more help.
Brew
Please have a look at:
<!-- m --><a class="postlink" href="http://www.**********.co.uk/pioneer/pioneer.htm">http://www.**********.co.uk/pioneer/pioneer.htm</a><!-- m -->
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.
HiCheck out the code that I wrote for this page: <!-- w --><a class="postlink" href="http://www.hypnofish.co.uk">www.hypnofish.co.uk</a><!-- w -->
BrewHi 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.
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.
<?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
?>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.
HiThe 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:
<link rel="stylesheet" type="text/css" media="screen" href=http://www.webdeveloper.com/forum/archive/index.php/"stylesheet.css">
Create a file called stylesheet.css and put this 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;
}
In your main html page use this code:
<div id="content">
Put your content here.....
</div>
I have just taken this code by using view source on my browser....
Let me know if you need any more help.
Brew