Need Help - remove frames, all one page

[Dark[Devil]]

Hello, if you could provide me with some assistance I would be grateful. At my current site http://www31.brinkster.com/scfreak/ You can see the site is divided into three frames, the left, middle, and right, all divided separately

My question is, how would I remove the frames, and have the site appear in the same format as it is now, only without being divided into three sections. So i'd only have one scrollbar on the right, and when I move the site up/down all of the text moves, but still having the links seperated on the left/right, from the main content. Is this possible?


Thanks in advance.

[ukgeoff]

Yes of course its possible.

But looking at your site, you have a lot of work to do.

You need to read up on coding standards, the seperation of content markup from layout and style. Learn and divs and using css will become your friends.

[Dark[Devil]]

Yes I know but still any advice on how to do so...what to change.. etc.

[Legacy_Staff]

Not quite what you asked but my advice would be to remove the 'music'.

[Dark[Devil]]

Yeah I'll probably get rid of it, but right now I want to get the frame thing worked out (even though the music would be a simple delete lol )

[Dark[Devil]]

I think I have it all set up, or at least heading towards the right direction. Check out the site now, but I have a few questions

1. In Firefox everything displays properly, however in IE and Opera the Background is missing, probably some error on my part, but i'm not sure where to fix it at this point.

2. How would I make it so the other pages come up in the same script format?

3. How do I have my scrollbar colors change - like it was in the past format, that same code doesn't appear to work.

4. Anyother comments/suggestions to improve the site please say.

[minute44]

OK mate...

This is how I would tackle this bad boy.

1. Look at a few CSS and (X)HTML tutorial sites to get you up to speed on things like coding standards.
   http://www.w3schools.com/xhtml/default.asp
   http://www.elated.com/tutorials/authoring/css/
   Those should get you started.
2. Once you are comfortable with that you need to create your layout. Remember, Keep your Content and layout seperate with CSS... I assume you want a three column layout so check this out:
   http://css.maxdesign.com.au/floatutorial/index.htm
   this should help you to create the basic layout in three columns without frames or tables.
3. Once you have a layout you can begin styling it. play with the CSS and get it to look how you want it to look. This will take some time and may get frustrating but please, I assure you it's worth it.
4. Create a basic navigation. I think List based CSS navigation is the coolest thing around these days. Check out the following:
   http://css.maxdesign.com.au/listamatic/index.htm
   That should get you going in the right direction.
5. Save an empty version of the page as your template.
6. Now get your content in. Don't let your coding standards slip here, it can be very easy to get lazy and not mark your content up in the correct way but once again, the outcome will be worth it.
7. Build up your other pages in the same way and you're good to go.

You may see this as a daunting task (and it can be) but don't worry, you have a mind for web design, you've shown that by attempting to make a website. You just need to hone your skills and you'll be unstoppable.

I'll help you through this project if you like... PM me if you need any help along the way.

Good luck

[sypher]

No idea if your hosting can take php, but if it can this is what to do.

Copy all the code from frame1 into a notepad file then save as frame1.php
Then on your main index page replace all the frame1 code to

PHP: Select all

<?php include("frame1.php");?>

Then do the same for frame2 and frame3

Be sure to upload the files in the same folder as your index file.

[jpmitchell]

I would use the includes like Sypher said (to have site wide editing capabilities) and you can use CSS (learn with the links posted by minute44) to divide (DIV) the site into sections where you can control and position them appropriately.

Have fun, CSS is your answer!