Congratulations to AcaCandy on her 100,000th post!
There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
acer black screen boot bsod computer connection crash css dell display driver drivers email error ethernet excel firefox firefox 3 game hard drive internet internet explorer itunes laptop linux malware monitor network networking nvidia outlook outlook 2003 outlook 2007 outlook express partition problem router slow software sound spyware trojan usb video virus vista windows windows vista windows xp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Center page?


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

Closed Thread
 
Thread Tools
hashim's Avatar
Member with 75 posts.
 
Join Date: Jul 2001
05-Oct-2005, 06:44 PM #1
Center page?
I would like to know how to create a page like http://news.yahoo.com/ or http://www.slashfood.com/ where the content is centered and it has whitespace or colors on the sides. What I would like to do is have a white space (#FFFFFF) in the center for my text, buttons, links. Then on the outside have color using (#0A47FF).

Can someone please help?
deepdiver01's Avatar
Senior Member with 729 posts.
 
Join Date: Dec 2004
Location: Cairns, Australia
Experience: Intermediate
06-Oct-2005, 12:18 AM #2
You will have to use tables or frames to achieve that.

If you don't know how, let us know and we can point you yo some great free tutorials.
hashim's Avatar
Member with 75 posts.
 
Join Date: Jul 2001
06-Oct-2005, 06:53 AM #3
Yes, please, any help you can provide would be great...would cellspacing work at all? Or is that part of tables?
deepdiver01's Avatar
Senior Member with 729 posts.
 
Join Date: Dec 2004
Location: Cairns, Australia
Experience: Intermediate
06-Oct-2005, 07:48 AM #4
Hey Hashim.

Cellspacing is for tables.

Here are some links that should get you going.

http://www.w3schools.com/html/html_layout.asp

http://www.w3schools.com/html/tryit....tryhtml_tables

http://codepunk.hardwar.org.uk/ahtml01.htm
Start there and keep going.


http://www.htmlgoodies.com/tutorials/tables/

http://webmonkey.wired.com/webmonkey...ml_cheatsheet/

The list could keep going. All these sites will not only help you with tables, there is an amazing amount of other useful information on all of them.

What you are needing to do is basic HTML. There are literally hundreds of books out there also that can help you.

Have fun.

Deep.
__________________
Six mumfs ago I coodnt spel injineer. Now I are wun.

Domain Names, Web Hosting
Free Online Games | Free Flash Games
Australian Domain Names
Motor Finance Wizard Information Base
Gibble's Avatar
Distinguished Member with 27,137 posts.
 
Join Date: Oct 2001
Location: Striking or Scoring
Experience: The Alpha and Omega
06-Oct-2005, 10:12 AM #5
NO TO TABLES!!! Tables are for displaying data in a tabular format, not for design

Use CSS positioning.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />
<style type="text/css">
body {
margin: 0pt;
}
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}

#content {
padding: 5px;
margin-left: 215px;
margin-right: 215px;
background-color: #FFFFFF;
}

#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 5px;
background-color: #0A47FF;
}

#sidebar-b {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 5px;
background-color: #0A47FF;
}

</style>
</head>
<body>
<div id="container">
<div id="sidebar-a">left</div>

<div id="sidebar-b">right</div>

<div id="content">middle</div>
</div>
</body>
</html>

http://www.inknoise.com/experimental/layoutomatic.php
__________________
izme: You know...it's kind of nice to sit atop Civilized debate and look down below on all of the uncivilized master debating we are here...just out of the fight zone

Gibble: Now you know what it's like to be Canadian.
hashim's Avatar
Member with 75 posts.
 
Join Date: Jul 2001
09-Oct-2005, 11:00 PM #6
Ok, that is a great idea. Now, the problem is how to get the blue to remain static. I inserted an image only on the left side in the blue, the right side with blue is not as long as the left side. Also, neither is the white part in the middle.

That is the hard part. How to make it look like http://news.yahoo.com. Is this an image or how do they keep all three parts even?

Any thoughts?
Closed Thread

THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
WELCOME TO TECH SUPPORT GUY! Are you looking for the solution to your computer problem? Join our site today to ask your question -- for free! Our site is run completely by volunteers who help people like you solve computer problems. See our Welcome Guide to get started.



Thread Tools


You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 06:15 PM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.