•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 370,611 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,071 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 3078 | Replies: 9
 |
•
•
Join Date: Mar 2004
Posts: 57
Reputation: 
Rep Power: 5
Solved Threads: 0
Junior Poster in Training
Hi i saw this site on the net, http://www.freewebs.com/poohishcorner/ and liked the way it was layed out, how do i make the main body of my site go in a box in the centre of the site? At the moment my site looks funny accross different resolutions so i would like to keep it all boxed in.
And how do i change the arrows at the side of the page to a color that i want?
Thanks
And how do i change the arrows at the side of the page to a color that i want?
Thanks
•
•
Join Date: Mar 2004
Location: Rancho Santa Margarita, California
Posts: 209
Reputation:
Rep Power: 5
Solved Threads: 9
Posting Whiz in Training
There may be a better way to create your site in a box, and center it, but in the past I have used the <center> tag for centering a 1x1 table, and then putting the rest of the content inside of the single table cell. I dunno if this is a hack job or standard practice, maybe that is why I'm not in web design. 
PARANOIA:
A healthy understanding of the way the universe works.
A healthy understanding of the way the universe works.
•
•
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,871
Reputation:
Rep Power: 32
Solved Threads: 107
<table width="720px" align="center"> <tr><td align="left" valign="top"> PAGE CONTENT HERE </td></tr> </table>
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Mar 2004
Location: Rancho Santa Margarita, California
Posts: 209
Reputation:
Rep Power: 5
Solved Threads: 9
Posting Whiz in Training
Good idea Dani.
PARANOIA:
A healthy understanding of the way the universe works.
A healthy understanding of the way the universe works.
•
•
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,871
Reputation:
Rep Power: 32
Solved Threads: 107
And yes, you're right. That is the standard way of doing things. For the most part, tables are used to position content on the screen (have it wrap, have it in columns, etc.) Some people are starting to get into heavily into XHTML and CSS though, in which the same effect could theoretically be obtained with div and span tags. i.e. the following:
Of course, more effects can be added. (background color, font, etc.) all to the span style element, and it renders much quickly than tables in the latest browsers. The class element can also be used to attach a CSS file with the style information, to separate html mark-up from visual design.
<div align="center"> <span style="border:1px solid; width:750px; padding:2px; margin:2px"> Centered Text With Border Around It </span> </div>
Of course, more effects can be added. (background color, font, etc.) all to the span style element, and it renders much quickly than tables in the latest browsers. The class element can also be used to attach a CSS file with the style information, to separate html mark-up from visual design.
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Mar 2004
Location: Brisbane
Posts: 630
Reputation:
Rep Power: 7
Solved Threads: 6
Practically a Master Poster
•
•
•
•
Originally Posted by cscgal
<table width="720px" align="center"> <tr><td align="left" valign="top"> PAGE CONTENT HERE </td></tr> </table>
This is what you want, except I would probably make the width a percentage like 90%, this way, no matter what resolution the user is running it is, the table will only ever take up 90% of the screen, and will remain in the centre. Like this:
<table width="90%" align="center"> <tr><td align="left" valign="top"> PAGE CONTENT HERE </td></tr> </table>
Formerly known as Slade.
•
•
Join Date: Mar 2004
Location: Brisbane
Posts: 630
Reputation:
Rep Power: 7
Solved Threads: 6
Practically a Master Poster
the 90% can be replaced with whatever percentage you need to satisfy your requirements, savvy?
Slade
Slade
Formerly known as Slade.
•
•
Join Date: Mar 2004
Location: Brisbane
Posts: 630
Reputation:
Rep Power: 7
Solved Threads: 6
Practically a Master Poster
As for the scroll bar:
http://www.retailunion.net/fscrollbar.shtml
http://www.ignside.net/man/misc/test...lgenerador.htm
The above are nice simple sites that generate the code of the scroll bar look for you
Enjoy
Slade
http://www.retailunion.net/fscrollbar.shtml
http://www.ignside.net/man/misc/test...lgenerador.htm
The above are nice simple sites that generate the code of the scroll bar look for you
Enjoy
Slade
Formerly known as Slade.
•
•
Join Date: Mar 2004
Posts: 57
Reputation:
Rep Power: 5
Solved Threads: 0
Junior Poster in Training
Thanks everyone
•
•
Join Date: Mar 2004
Location: Brisbane
Posts: 630
Reputation:
Rep Power: 7
Solved Threads: 6
Practically a Master Poster
No problem, that's what were here for right? Non-payed technical support. 
. Blah 
just kidding, it's great, I help with what little knowledge I have and I get heaps out of it! Thanks Dani for setting this site up, it's awesome.
. Blah just kidding, it's great, I help with what little knowledge I have and I get heaps out of it! Thanks Dani for setting this site up, it's awesome. Formerly known as Slade.
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
Linear Mode
- How do i set a page background color? (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: changing the color of a HTML form selection
- Next Thread: Changing the page after a form
