Need help centering a rotator |
Need help centering a rotator |
cssaddict |
Mar 21 2011, 01:54 PM
Post
#1
|
Member Group: Members Posts: 53 Joined: 20-October 10 Member No.: 12,969 |
Here's the link, if you want to see it..
link The rotator works fine, but I want it centered. We use a CMS, so I tried selecting all of the pics and text and hitting "center" but all that did was center the text and not the actual rotator. I also tried <div id="bboard" align="center">, but that didn't work. The code is below if needed. Thanks CODE <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="/highlights/rotator.js"></script><!-- Billboard --> <script type="text/javascript"> <script language="JavaScript" type="text/javascript"> function window_pop(url, chamber, player) { legis_win = window.open(url + "?chamber=" + chamber + "&player=" + player,'none',& #39;height=378,width=600,left=100,top=100,resizable=no,scrollbars=yes,toolbar=no ,status=yes'); legis_win.focus(); } </script> <div id="bboard"> <ul> <li id="bbpage1" class="bboard_page bboard_page_active"> <div class="bboard_image"><img src="/rotatorpics/newshour.jpg" alt="newshour" width="650" height="290" title="Newshour" /></div><!-- /#bboard_image --> <div class="textwrap"><!-- for position only --> <div class="bboard_overlay"> <h2><a href="/newshour" onclick="java script:popup_window(this.href);return false;" title="Newshour">PBS NEWSHOUR</a></h2> <p class="bboard_title"></p> <p class="bboard_desc">PBS NEWSHOUR continues to provide in-depth analysis of current events with the NEWSHOUR's team of seasoned and highly regarded journalists.<span class="bboard_time"> Weekdays at 6 p.m.</span></p> <div class="bb_dotlinks"> <ul class="bb_dotlist"> <li><a href="#" class="bbtab bbtab_selected" rel="#bbpage1" title="View Page 1">1</a></li> <li><a href="#" class="bbtab " rel="#bbpage2" title="View Page 2">2</a></li> <li><a href="#" class="bbtab " rel="#bbpage3" title="View Page 3">3</a></li> <li><a href="#" class="bbtab " rel="#bbpage4" title="View Page 4">4</a></li> <li><a href="#" class="bbtab " rel="#bbpage5" title="View Page 5">5</a></li> </ul> </div><!-- /.bb_dotlinks --> </div><!-- /.bboard_overlay --> </div><!-- /.textwrap --> </li> <li id="bbpage2" class="bboard_page "> <div class="bboard_image"><img src="/roadshow.jpg" alt="Antiques Roadshow" width="650" height="290" title='" /></div><!-- /#bboard_image --> <div class="textwrap"><!-- for position only --> <div class="bboard_overlay"> <h2><a href="/roadshow" title="Antiques Roadshow">Antiques Roadshow</a></h2> <p class="bboard_desc">Watch as owners recount tales of family heirlooms, yard sale bargains and long-neglected items salvaged from attics and basements, while experts reveal the fascinating truths about these finds. <span class="bboard_time">Mondays at 7 p.m.</span></p> <div class="bb_dotlinks"> <ul class="bb_dotlist"> <li><a href="#" class="bbtab " rel="#bbpage1" title="View Page 1">1</a></li> <li><a href="#" class="bbtab bbtab_selected" rel="#bbpage2" title="View Page 2">2</a></li> <li><a href="#" class="bbtab " rel="#bbpage3" title="View Page 3">3</a></li> <li><a href="#" class="bbtab " rel="#bbpage4" title="View Page 4">4</a></li> <li><a href="#" class="bbtab " rel="#bbpage5" title="View Page 5">5</a></li> </ul> </div><!-- /.bb_dotlinks --> </div><!-- /.bboard_overlay --> </div><!-- /.textwrap --> </li> <li id="bbpage3" class="bboard_page "> <div class="bboard_image"><img src="/rotatorpics/amex.jpg" alt="American Experience" width="650" height="290" title="American Experience" /></div><!-- /#bboard_image --> <div class="textwrap"><!-- for position only --> <div class="bboard_overlay"> <h2><a href="/amex" onclick="java script:popup_window(this.href);return false;" title="American Experience"> American Experience</a></h2> <p class="bboard_desc">A landmark civil rights case forever changed the lives and legal standing of tens of millions of Mexican Americans.<span class="bboard_time">Monday at 8 p.m.</span></p> <div class="bb_dotlinks"> <ul class="bb_dotlist"> <li><a href="#" class="bbtab " rel="#bbpage1" title="View Page 1">1</a></li> <li><a href="#" class="bbtab " rel="#bbpage2" title="View Page 2">2</a></li> <li><a href="#" class="bbtab bbtab_selected" rel="#bbpage3" title="View Page 3">3</a></li> <li><a href="#" class="bbtab " rel="#bbpage4" title="View Page 4">4</a></li> <li><a href="#" class="bbtab " rel="#bbpage5" title="View Page 5">5</a></li> </ul> </div><!-- /.bb_dotlinks --> </div><!-- /.bboard_overlay --> </div><!-- /.textwrap --> </li> <li id="bbpage4" class="bboard_page "> <div class="bboard_image"><img src="/rotatorpics/civilwar.jpg" alt="The Civil War" width="650" height="290" title="Ken Burns The Civil War" /></div><!-- /#bboard_image --> <div class="textwrap"><!-- for position only --> <div class="bboard_overlay"> <h2><a href="/civilwar" title="The Civil War">Ken Burns' The Civil War</a></h2> <p class="bboard_desc">In April, PBS will re-broadcast Ken Burns’s entire landmark 1990 series. Burns’s epic documentary brings to life America’s most destructive — and defining — conflict. <span class="bboard_time">Coming in April</span></p> <div class="bb_dotlinks"> <ul class="bb_dotlist"> <li><a href="#" class="bbtab " rel="#bbpage1" title="View Page 1">1</a></li> <li><a href="#" class="bbtab " rel="#bbpage2" title="View Page 2">2</a></li> <li><a href="#" class="bbtab " rel="#bbpage3" title="View Page 3">3</a></li> <li><a href="#" class="bbtab bbtab_selected" rel="#bbpage4" title="View Page 4">4</a></li> <li><a href="#" class="bbtab " rel="#bbpage5" title="View Page 5">5</a></li> </ul> </div><!-- /.bb_dotlinks --> </div><!-- /.bboard_overlay --> </div><!-- /.textwrap --> </li> <li id="bbpage5" class="bboard_page "> <div class="bboard_image"><img src="/rotatorpics/trickslogo.jpg" alt="Trick$ of the Trade" width="650" height="290" title="Tricks of the Trade" /></div><!-- /#bboard_image --> <div class="textwrap"><!-- for position only --> <div class="bboard_overlay"> <h2><a href="/tricksofthetrade" title="Tricks of the Trade">Trick$ of the Trade</a></h2> <p class="bboard_desc">Looking for ways to protect yourself from investment fraud? Join us for our FREE event Saturday, March 26.<span class="bboard_time"></span></p> <div class="bb_dotlinks"> <ul class="bb_dotlist"> <li><a href="#" class="bbtab " rel="#bbpage1" title="View Page 1">1</a></li> <li><a href="#" class="bbtab " rel="#bbpage2" title="View Page 2">2</a></li> <li><a href="#" class="bbtab " rel="#bbpage3" title="View Page 3">3</a></li> <li><a href="#" class="bbtab " rel="#bbpage4" title="View Page 4">4</a></li> <li><a href="#" class="bbtab bbtab_selected" rel="#bbpage5" title="View Page 5">5</a></li> </ul> </div><!-- /.bb_dotlinks --> </div><!-- /.bboard_overlay --> </div><!-- /.textwrap --> </li> </ul> </div><!-- /#bboard --> |
cssaddict |
Mar 21 2011, 03:57 PM
Post
#2
|
Member Group: Members Posts: 53 Joined: 20-October 10 Member No.: 12,969 |
Nevermind. Figured it out. Thanks
|
Frederiek |
Mar 22 2011, 02:20 AM
Post
#3
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
FYI, you have a syntax parse error in line 311 in index.php.
|
Lo-Fi Version | Time is now: 25th April 2024 - 11:11 PM |