Help - Search - Members - Calendar
Full Version: Need help centering a rotator
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
cssaddict
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
Nevermind. Figured it out. Thanks
Frederiek
FYI, you have a syntax parse error in line 311 in index.php.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.