vandalen
Posts: 58
|
Posted: 03/31/2009, 5:23 PM |
|
Hi Everyone,
I have a Grid inside a scrollable box, that way the user can move left/right without having to move the rest of the page.
I'll like to keep the Navigator Bar center on the viewable area at all times.
Any ideas?
Thanks.
PS. I'm using ASP/VB but I'm guessing this is a JavaScript/CSS issue.
|
|
|
joejac
Posts: 242
|
Posted: 03/31/2009, 8:01 PM |
|
Hello vandalen,
Please see this documentation that can be useful.
http://allmyfaqs.net/faq.pl?Center_with_CSS http://websitetips.com/css/tutorials2/
Regards
joejac
|
|
|
vandalen
Posts: 58
|
Posted: 03/31/2009, 9:22 PM |
|
Hi Joe,
Thanks for the help. I don't see what I'm looking for on your link and it may be that I explained things incorrectly.
I have enclosed a grid in a Scrollable box. When scrolling (left to right), there is a <tr> that spans longer than the scroll box. inside the <tr> I have the navigation bar which I want centered even while scrolling (left/right). I have seen samples of these but can not locate at this point.
Hopefully this is more clear.
|
|
|
joejac
Posts: 242
|
Posted: 04/01/2009, 7:33 AM |
|
Hi,
This tutorial shows how to work with tables, you have to adjust them with HTML tab in CCS4. Like for example: width="450px"
<table style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" width="450px" cellspacing="0" cellpadding="0">
or
<td width="210">A</td>
http://www.htmlcodetutorial.com/tables/ http://www.2createawebsite.com/build/table_tutorial.html
I would suggest to download http://kompozer.net/ an open source program that allows you to do the HTML layout very easy and in a visual way. In kompozer you do a template of what you want and then modify what is generated by CCS4 (width, height ect.) with you got from kompozer.
You can center also by enclosing inside a div like this:
<div align="center">
<html element>
</div>
or with styles:
<div style="margin: 0 auto; text-align:center">
<html element>
</div>
<div style="margin: 0 auto; text-align:center; width:300px; height:250px">
<html element>
</div>
Hope this help
Best regards
joejac
|
|
|
vandalen
Posts: 58
|
Posted: 04/01/2009, 4:38 PM |
|
Hi Joe,
Thanks but again ... I'm not looking to just center but rather dynamically center when the scrollbar is moving.
|
|
|
|