943,712 Members | Top Members by Rank

Ad:
Apr 27th, 2004
0

How do i change scrollers and make my site sutible for all resolutions?

Expand Post »
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
Similar Threads
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Apr 27th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

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.
Reputation Points: 87
Solved Threads: 12
Posting Whiz in Training
i686-linux is offline Offline
208 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

HTML and CSS Syntax (Toggle Plain Text)
  1. <table width="720px" align="center">
  2. <tr><td align="left" valign="top">
  3.  
  4. PAGE CONTENT HERE
  5.  
  6. </td></tr>
  7. </table>
Administrator
Staff Writer
Reputation Points: 1422
Solved Threads: 162
The Queen of DaniWeb
cscgal is offline Offline
13,645 posts
since Feb 2002
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

Good idea Dani.
Reputation Points: 87
Solved Threads: 12
Posting Whiz in Training
i686-linux is offline Offline
208 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

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:

HTML and CSS Syntax (Toggle Plain Text)
  1. <div align="center">
  2. <span style="border:1px solid; width:750px; padding:2px; margin:2px">
  3.  
  4. Centered Text With Border Around It
  5.  
  6. </span>
  7. </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.
Administrator
Staff Writer
Reputation Points: 1422
Solved Threads: 162
The Queen of DaniWeb
cscgal is offline Offline
13,645 posts
since Feb 2002
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

Quote originally posted by cscgal ...
HTML and CSS Syntax (Toggle Plain Text)
  1. <table width="720px" align="center">
  2. <tr><td align="left" valign="top">
  3.  
  4. PAGE CONTENT HERE
  5.  
  6. </td></tr>
  7. </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:
HTML and CSS Syntax (Toggle Plain Text)
  1. <table width="90%" align="center">
  2. <tr><td align="left" valign="top">
  3.  
  4. PAGE CONTENT HERE
  5.  
  6. </td></tr>
  7. </table>
Reputation Points: 115
Solved Threads: 7
Practically a Master Poster
Slade is offline Offline
633 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

the 90% can be replaced with whatever percentage you need to satisfy your requirements, savvy?


Slade
Reputation Points: 115
Solved Threads: 7
Practically a Master Poster
Slade is offline Offline
633 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

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
Reputation Points: 115
Solved Threads: 7
Practically a Master Poster
Slade is offline Offline
633 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

Thanks everyone
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Apr 28th, 2004
0

Re: How do i change scrollers and make my site sutible for all resolutions?

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.
Reputation Points: 115
Solved Threads: 7
Practically a Master Poster
Slade is offline Offline
633 posts
since Mar 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: changing the color of a HTML form selection
Next Thread in HTML and CSS Forum Timeline: Changing the page after a form





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC