473,396 Members | 1,809 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Basic CSS / HTML concepts issue

G'Day.
I'm a total newbie to CSS, and I've created a standard 3 col layout fixed, fluid, fixed on my home page www.hudsoft.com However it is a mashup of CSS & HTML & I want to convert it to 'pure' CSS.

My problem is the 'concept' - or how to achieve the same result as what I have now... The MENU in col 1 is using a FrontPage (shock horror) INCLUDE to grab a menu.html file, and insert it into the column. (The menu itself uses CSS).

I'm trying to figure out how to set everything up so I can have a basic 'template' which includes the 3 columns, header, footer, plus the 'menu', and then pull in the 'content' into the fluid column in the middle.

Obviously I need to edit the content page to include the styles for fonts, h1, p etc, but what about the 'layout' and the menu system ? Where does this come from ?

I have in excess of 200 pages I have to convert, so the simpler the solution the better.

Yes, I could do everything in FrontPage using a DWT (Dynamic Web Template) but I want to get away from using frontpage & swap to something else eventually.


Thanks, Greg.
May 16 '07 #1
4 1320
drhowarddrfine
7,435 Expert 4TB
People pay me to do this :)

Your page is not difficult to recreate. Something to get started and to build on:
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
html,body{
height:100%;
margin:0;
padding:0;
}

#leftcolumn{
float:left;
width:225px;
background-color:red;
height:100%
}

#rightcolumn{
float:right;
width:225px;
background-color:green;
height:100%
}

#center{
background-color:blue;
height:100%;
}
</style>

</head>

<body>
<div id="leftcolumn"></div>
<div id="rightcolumn"></div>
<div id="center"></div>

</html>
[/HTML]
May 16 '07 #2
G'Day and thanks for the reply.
I should have posted a link to my test pages, not the rubbish I'm currently using (sorry).

Creating the 3 columns I have figured out... See:
www.hudsoft.com/csstest/index.html

What I can't get my head wrapped around is how to INCLUDE the menu (which is menu.html) without using a FrontPage include ? (which is how I'm doing it now)...

That's step 1.

Step 2. I have to figure out how to use the 'template' & apply it to the 200+ pages I have on my site.

Step 3. How to remove all formatting (fonts, tables etc) and change things like <b>This is bold</b> to <strong>This is bold</strong> etc etc - however this is really another subject.
May 16 '07 #3
drhowarddrfine
7,435 Expert 4TB
Server side includes are not just for FrontPage, which you may know. Here is a list of references and tutorials about them. If you are using Apache, there is one Apache specific link there.
May 16 '07 #4
Server side includes are not just for FrontPage, which you may know. Here is a list of references and tutorials about them. If you are using Apache, there is one Apache specific link there.
G'Day again Dr Howard or is it Dr Fine ?

Thanks for the link - I've been off & read some examples, and now at least know what shtml files, and
<!--#include virtual="/includes/something.htm"-->
is for...

Effectively, there's no difference in the above to what frontPage is doing for me now (I think). The exception being that FP doesn't force you to use SHTML file names.

Thanks again.
Regards, Greg.
May 16 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

72
by: Mel | last post by:
Are we going backwards ? (please excuse my spelling...) In my opinion an absolute YES ! Take a look at what we are doing ! we create TAGS, things like <H1> etc. and although there are tools...
5
by: Lee David | last post by:
I went to the sun site and downloaded what I hope is the development part of java. I downloaded JDK5 with Netbeans. I installed it and now have a folder in my program group "Netbeans". Is that...
4
by: Srinivas | last post by:
Hi, I am new to .Net programmimg. Please let me know if it is possible to refer .Net exe in a visual basic project. If so what are the steps I need to follow. TIA Srinivas
13
by: usenet | last post by:
How and where can one find out about the basics of VB/Access2003 syntax? I am a died in the wool C/C++/Java Linux/Unix programmer and I am finding it difficult to understand the program format...
7
by: jason | last post by:
In the microsoft starter kit Time Tracker application, the data access layer code consist of three cs files. DataAccessHelper.cs DataAcess.cs SQLDataAccessLayer.cs DataAcccessHelper appears...
10
by: paul.denlinger | last post by:
Hi-- I'm working my way through the book, Beginning CSS Web Development by Simon Collison. I ran into a problem on pages 17-18 (Chapter 2), I have copied and put in three rules re IDs and the...
43
by: Bill H | last post by:
25 years ago every computer came with some form of Basic interpreter so you could use yoru computer without having to buy more software. Is Javascript (teamed with HTML) set to become the new...
1
by: steve | last post by:
A series of articles examining some basic concepts in Sql Server. Basic Anatomy of Sql Server, part I What is a stored procedure?...
6
Atli
by: Atli | last post by:
This is an easy to digest 12 step guide on basics of using MySQL. It's a great refresher for those who need it and it work's great for first time MySQL users. Anyone should be able to get...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.