Some Noob help please :)

You don't. You link to a page that is exactly the same, but with different content in the main div.

You still have the "frames" mindset ;) Get rid of it!

Further down the line - I doubt Virgin free hosting supports php etc, though - you could have your template included using a scripting language.
 
Minor error I'm not sure if you're aware of but you've missed a '=' on line 13.

Code: 
<p class"normaltext"></p>

You also need to make the main content slightly wider as the gap is too big on the right side.
 
Funny i was just thinking exactly the same thing, as for the hosting once i've got something you can actually look at i'll look at getting a domain and something setup.

Thanks for the input though

Edit: Thanks for the heads up on the class, i'll change that in a bit :)
 
Easiest way would be to use includes, split the data off into header and footer files and simply include those with each page you create.

Depends what you want to do, but for a few pages here and there it would be sufficient.
 
One other thing, in my short time of messing about with the divs and css i've noticed that IE7 has a habit of rendering things differently to the other browsers.

I've come across a bit of javascript that you can use on a start page that will identify the browser and redirect you, at the moment i've got two sets of the pages/css. One set for chrome/safari/firefox and opera and the other for ie7.

Now even i know this isn't the best way of doing things, in my case it's ok and it's good experience but how would you all normally redirect the browser to a separate style sheet?
 
Create a header.html

Plonk your existing code up till the content area... as shown..
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="test1.css"/>
<title>test 1</title>
</head>
<body>
<!-- Main Div Container -->
<div id="bg">
<!-- Top title container -->
        <div id="title">
        <p class="bigtext"></p>
        <p class="normaltext"></p>
        </div>  
<!-- Bottom content container -->        
   <div id="bg2">
 <!-- left navigation menu container -->
        <div id="nav">
                <ul class="ullist">
                    <li><a href="test1.html">Home</a></li>
                    <li><a href="test2.html">Links</a></li>
                    <li><a href="../articles.html">Articles</a></li>
                    <li><a href="../articles.html">Tutorials</a></li>
                    <li><a href="../contact.html">Contact</a></li>
                </ul>
        </div>        
        
        <!-- main content container -->
        <div id="main">
Plonk the rest into a footer.html....
Code: 
</div>
        
        <!--<div id="quicklinks">
        <P> Quick Links </P>
        </div>-->
        
        <!-- footer container -->
         
        
     </div>    
     
     <div id="footer">
            
         </div>
     
</div>
</body></html>
Then do the following in each of your pages...
Code: 
<!--#include FILE="header.html" -->

Your code goes here dependant on the page.

<!--#include FILE="footer.html" -->
 
That would mean loading the content even if it isn't viewed. Although very handy script to have, handy for Q&A sections or when you want to give the option to toggle an area on and off.

I have actually just plonked a simple one into a site i'm working on in the news section, as the news is pulled from a database the ID of the news is given to the content area of each news post and a toggle link shown next to the news title.

This means if you have a list of lets say 100 artciles you could essentially have the page load with all content elements collapsed and have them open onclick. However the problem i see here is you are still loading that content, it's simply just hidden until the toggle is clicked. So i doubt it's something i'd consider using on a page that generates a lot of content, as such i will limit the SQL query to say 5 latest posts, and have the toggle as an added extra for those working on smaller screens and what to toggle content rather then having to scroll. This works good for me since i work inside a fixed width design, which i know some people are against i personally think it depends on the look you go for and the content being displayed.

If you want dynamic content then ideally you need to look beyond HTML and CSS into the more advanced languages. Personally i'm slowly learning PHP and now also some MySQL which is really making my head hurt.

In regards to the opening post, simple HTML includes will be sufficient and has very little requirement to function on both the server and client side of things...
 
well i told you i'd be back, i'm having a read of this tutorial at the moment:

http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14380&sliceId=1

I'm just trying the ssi test with <!--#echo var="DATE_LOCAL" -->, server is running iis6 and doesnt seem to be doing anything :(

Edit: It's ok, i got it. I just needed to enable asp on the server and rename the file .aspx :) wooo
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom