DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/)
-   HTML and CSS (http://www.daniweb.com/forums/forum143.html)
-   -   How do i change scrollers and make my site sutible for all resolutions? (http://www.daniweb.com/forums/thread5578.html)

cuddlers89 Apr 27th, 2004 3:54 pm
How do i change scrollers and make my site sutible for all resolutions?
 
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

i686-linux Apr 27th, 2004 8:36 pm
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. :)

cscgal Apr 27th, 2004 11:13 pm
Re: How do i change scrollers and make my site sutible for all resolutions?
 
<table width="720px" align="center">
  <tr><td align="left" valign="top">
 
          PAGE CONTENT HERE
 
  </td></tr>
</table>

i686-linux Apr 27th, 2004 11:50 pm
Re: How do i change scrollers and make my site sutible for all resolutions?
 
Good idea Dani. :)

cscgal Apr 28th, 2004 12:00 am
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:

<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.

Slade Apr 28th, 2004 12:04 am
Re: How do i change scrollers and make my site sutible for all resolutions?
 
Quote:

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>

Slade Apr 28th, 2004 12:05 am
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

Slade Apr 28th, 2004 12:14 am
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 :D

Slade

cuddlers89 Apr 28th, 2004 11:54 am
Re: How do i change scrollers and make my site sutible for all resolutions?
 
Thanks everyone

Slade Apr 28th, 2004 7:20 pm
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 :P 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.


All times are GMT -4. The time now is 11:47 pm.

Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC