Scrollbar in a floater

Hi everybody,
I want to insert an area with a scrollbar in a floater panel,
like dw's binding one.
I tried frame, iframe, layer tags, div with overflow but
nothing worked.
Any ideas of how doing that ?
Thx
T0m_

To my knowledge the RI data table doesn't provide a scroll bar per se . . . it will paginate the results to where you can click on the page number or arrow to move back and forth between pages. To my knowledge you need <div> and <layer> and a bunch of DHTML tricks to actually make a table scroll (while keeping the header in place). It's not easy and must be customized for each page.
The JCreator Studio people demonstrated some fancier dataTable widgets at JavaOne . . . that might be worth a look. MyFaces may also have a more feature-rich dataTable implementation, and I'm sure there are others as well.

Similar Messages

Anyone else not happy with CS3 for Mac?

I converted to a Mac a year or so ago and was amazed how bad
Dreamweaver and Fireworks 8 were compared to the Windows version. I
couldn't find anyone complaining about it the web, so I figured it
was just me. After a month I eBayed the Mac and went back to a PC.
Well, I couldn't do without the Mac again so I bought a 3.0
GHz MacPro with 3GB RAM a few months ago. I eagerly awaited the
release of CS3 thinking "Ahhh, maybe they fixed the stuff I didn't
like. I mean, it was SO bad that SOMEONE had to complain about it."
Nope.
Trying it out tonight and I've found this...
Scrollbars in the floating panels
don't work with 4 of the mice I own
I make my own keyboard shortcuts and
save them. When I return to Fireworks, they're intermittently back
to the "Web Standard"
Much like the keyboard shortcut
issue, my saved Workspace Layout doesn't load when I start
Fireworks again
In Preferences, I point to an
additional Photoshop plug-in directory and Patterns directory. I
exit Fireworks and the plug-ins are there... quit and start
again... gone!
Property Inspector...
ZZZZZZZZZZZZZZZZ, oh it refreshed, good. Yawn.
If anyone feels like duplicating the Keyboard
shortcut/Plug-In/Patterns issue, this is how I do it...
1. Save yourself a set of Keyboard shortcuts
2. Save yourself a Workspace, arrange the floaty panels
around where you want 'em
3. Go into Prefrences and find an additional Plug-Ins folder
(ie Applications:Photoshop:etc:etc)
4. Restart Fireworks
5. The Plugins are there! Yay
6. Go back into Preferences and Browse to a different
Patterns directory.
7. Restart Fireworks
8. Whoa, Keyboard shortcuts and Workspace are back to their
defaults, and gone are the Plug-ins AND the Patterns.
Hopefully someone else on a Mac can duplicate that.
I've used and been an advocate of this program since version
3, on Windows. Absolutly love it. Do any other
ex-Windows-now-Mac-users know what I am talking about?
I could list a load of stuff about my old friend Dreamweaver
but that's a different forum.

Hi, R e j u v e s i t e
I know exactly what you talking about ...
I've posted a lot of message about it in this forum ...
adobe's people seems to be blind to my messages ...or their mouse
jump over the line of my post ... i don't know...
I'm so disapointed by the OSX version of FW ... I miss the
Macromedia's team
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=14&catid=193&threadid =1263252&highlight_key=y

Is there a Floating Scrollbar component for Tables

I have a table which is placed in a Panel. This panel contains a Horizonal Scroll Bar which when scrolled to the right enables us to see the whole JTable. Now the Table itself has a vertical scrollbar.
The probelm is when the user can't see the whole table he does not know that that the table contains a vertical scroll bar.
Is there a way to make the vertical scrollbar of the table floating so that even when you scroll to the right the vertical scrollbar of the table is scrolling as you scroll to the right by clicking on the panel scrollbar
Regards,
Hemanth
http://www.freejavaguide.com

Er...
What's wrong with just placing the table in a JScrollPane? It does all this for you.

Footer now floating in middle of page and no background color

Hello all,
Been working on this for days with no luck. I hope someone can spot the silly mistake, because I know it has to be something silly but it's driving me round the bend! The page has always been just fine until I recoded part of the body (the four columns with titles, photos, and text) to help with 508 compliance. Since then, the orange footer that was firmly at the bottom has started floating half way up the page and the background orange color has disappeared.
I've gone through my code line by line, marking off each beginning and ending div tag and everything is fine there. Below, is a screenshot of the lower half of the page showing how the footer should look.
Here is a screenshot of how it looks offline right now:
as you can hopefully see, the footer has lost it's orange background and is sitting halfway up the page.
Here is the HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1100">
<meta name="keywords" content="Meadows museum, Southern Methodist university, SMU, Dallas, Texas, Algur Hurtle Meadows, The Meadows Foundation, Dr. Mark A. Roglán, medieval, baroque, tenth to twentieth century spanish art, 10th to 20th century Spanish art, Spanish art collection, Spanish paintings, Meadows school of art, masterpieces, world's greatest painters, El Greco, Velázquez, Ribera, Murillo, Goya, Miró, Picasso, Juan Gris, Renaissance, altarpieces, rococo oil sketches, polychrome wood sculptures, Impressionist landscapes, modernist abstractions, sculptures, twentieth-century sculptors, Rodin, Maillol, Giacometti, Henry Moore, David Smith, Claes Oldenburg, James Surls, Santiago Calatrava, Texas artists, Frank Reaugh, Jerry Bywaters, Otis Dozier, Alexandre Hogue, William Lester, exhibitions, education, educational workshops, lectures, gallery talks, symposia, symposium, museum shop, Spain's Golden Age, neo-Palladian structure, Jones Great Hall, Founder's Room, auditorium, Gates Restaurant, Moss Chumley Award, William B. Jordan internships, Fortuny, Sorolla, Steve Mumford, Don Quijote, eighteenth-century tapestries, Roger Winter, Stanley Marcus, Mark Lemmon, The Barrett Collection, Mexican art, DeGolyer Library, greek vase painting, Juan van der Hamen y León, Division of Cinema-Television, musical and danse performances, performing artists, studio art activities, storytelling, artist demonstrations, community education, Spanish discussion and book club, Master of Liberal Arts courses, MLA program, corporate membership, Museum membership, Museo Nacional del Prado, Prado Museum Designer=Pam Muirheid">
<meta name="description" content="The Meadows Museum is committed to the advancement of knowledge and understanding of art through the collection and interpretation of works of the greatest aesthetic and historical importance, as exemplified by the founding collection of Spanish art">
<meta name="robots" content="index, follow">
<title>Home – Meadows Museum</title>
<meta name="google-site-verification" content="WJGKz4uefsWUilZUdPa5ggL23MSk1IsHeLMzUz3B1QE" />
<style type="text/css">

</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="ajxmenu1.js" type="text/javascript"></script>
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu1.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu3.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu4.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu8.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu13.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu16.css" type="text/css" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32262060-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<script type="text/javascript" language="javascript">AC_FL_RunContent = 0;</script>
<script type="text/javascript" src="slideshow/AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript" language="JavaScript"></script>
<script type="text/javascript" language="JavaScript">

</script>
<script src="ajxmenu1.js" type="text/javascript"></script>
<script src="ajxmenu3.js" type="text/javascript"></script>
<script src="ajxmenu4.js" type="text/javascript"></script>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<script src="ajxmenu8.js" type="text/javascript"></script>
<script src="ajxmenu13.js" type="text/javascript"></script>
<script src="ajxmenu16.js" type="text/javascript"></script>

<meta name="google-translate-customization" content="9966f40ce63f3936-63b7db40478c71ff-g3ab4db8eb77d6f75-1b">
</meta>

</head>
<body bgcolor="#f1eee1">
<div class="hidden">Skip to main content.</div>

<div id="logo">
<header role="banner"><a href="http://smu.edu/meadowsmuseum/">Home Page - Meadows Museum</a></header>
</div>

<div id="navbackground">

<div id="nav">
    <div class="AJXCSSMenuBOOIZUD">
      <ul>
        <li class="tsub"><a class="ajxsub" href="mission_statement.htm">About  Us</a>
          <ul>
            <li><a href="mission_statement.htm">Mission Statement</a></li>
            <li><a href="Director.htm">Message from the Director</a></li>
            <li><a href="contacts.htm">Contact Us</a></li>
            <li><a href="news.htm">News</a></li>
            <li><a href="media.htm">Multimedia</a></li>
            <li><a href="history.htm">Museum History</a></li>
            <li><a href="Plaza.htm">Plaza & Sculpture Garden</a></li>
            <li><a href="Moss_Chumley.htm">Moss/Chumley Award</a></li>
            <li><a href="javascript:open_window(%27http://www.meadows.smu.edu%27)">Meadows School of the Arts</a></li>
            <li><a href="javascript:open_window(%27http://www.smu.edu%27)">Southern Methodist University</a></li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="visit.htm">Visit Us</a>
          <ul>
            <li><a href="visit.htm">General Information</a></li>
            <li><a href="tours.htm">Groups & Tours</a></li>
            <li><a href="access_programs.htm">Accessibility</a></li>
            <li><a href="shop.htm">Museum Shop</a></li>
            <li><a href="students_teachers.htm">K-12 Resources</a></li>
            <li><a href="dining.htm">Dining</a></li>
            <li><a href="lodging.htm">Lodging</a></li>
            <li><a class="ajxsub" href="events.htm">Facility Rentals</a>
              <ul>
                <li><a href="events_rental_images.htm">Rental Facility Images</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="collections_intro.htm">Collections</a>
          <ul>
            <li><a href="collections_intro.htm">About the Collections</a></li>
            <li><a class="ajxsub" href="collections_highlights.htm">Highlights of the Collections</a>
              <ul>
                <li><a href="collections_highlights_Algur.htm">Algur H. Meadows Collection</a></li>
                <li><a href="collections_highlights.htm">Meadows Museum Collection</a></li>
                <li><a href="collections_highlights_sculpture.htm">Elizabeth Meadows Sculpture Coll.</a></li>
              </ul>
            </li>
            <li><a href="collections_provenance.htm">Provenance & Research</a></li>
            <li><a class="ajxsub" href="#">Recent Acquisitions</a>
              <ul>
                <li><a href="collections_acquisitions_Goya.htm">Goya</a></li>
                <li><a href="collections_acquisitions_Barcelo.htm">Barceló</a></li>
                <li><a href="collections_acquisitions_Madrazo.htm">Madrazo</a></li>
                <li><a href="collections_acquisitions_Munoz.htm">Muñoz</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="exhibitions_current.htm">Exhibitions</a>
          <ul>
            <li><a href="exhibitions_current.htm">Current</a></li>
            <li><a href="exhibitions_upcoming.htm">Upcoming</a></li>
            <li><a class="ajxsub" href="#">Past</a>
              <ul>
                <li><a href="exhibitions_2013-present.htm"><span>2013-Present</span></a></li>
                <li><a href="exhibitions_recent_past.htm">2010-12</a></li>
                <li><a href="exhibitions_past_07-09.htm">2007-09</a></li>
                <li><a href="exhibitions_recent_past2.htm">2004-06</a></li>
                <li><a href="exhibitions_2001-3.htm">2001-03</a></li>
              </ul>
            </li>
            <li><a href="longterm_loans.htm">Visiting Masterpieces</a></li>
            <li><a class="ajxsub" href="#">Prado at the Meadows</a>
              <ul>
                <li><a href="about_Prado_Meadows.htm">Prado at the Meadows</a></li>
                <li><a href="docs/Pradopartnershipexpansionrelease.pdf">Expansion of Partnership</a></li>
                <li><a href="exh_Prado_Meadows_press.htm">Press Release El Greco</a></li>
                <li><a href="exh_Prado_Meadows_Ribera_press.htm">Press Release - Ribera</a></li>
                <li><a href="about_Velazquez_Prado_release.htm"><span>Press Release - Velaquez </span></a></li>
                <li><a href="prado_press.htm">News Articles</a></li>
                <li><a href="prado_fellowship.htm">Fellowships</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="public_programs.htm">Education</a>
          <ul>
            <li><a href="public_programs.htm">Program Calendar</a></li>
            <li><a href="internships.htm">Internships</a></li>
            <li><a href="fellowships.htm">Fellowships</a></li>
            <li><a href="students_teachers.htm">K-12 Resources</a></li>
            <li><a href="symposia.htm">Symposia</a></li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="membership.htm">Get Involved</a>
          <ul>
            <li><a href="membership.htm">Join or Renew a Membership</a></li>
            <li><a href="member_travel.htm">Member Travel</a></li>
            <li><a href="volunteer.htm">Volunteer</a></li>
            <li><a href="internships.htm">Internships</a></li>
            <li><a href="work_here.htm">Employment</a></li>
            <li><a href="support.htm">Donate</a></li>
          </ul>
        </li>
        <li class="tlast"><a href="50th_anniversary.htm">50th Anniversary</a></li>
        <li class="timg"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""/></li>
      </ul>
    </div>
</div> 
</div> 
<br />

<div id="wrapper">

<div id="slideshow">

        
        <script type="text/javascript" src="v4flashslideshow/slideshow.js"></script>
        <div class="dwuser_xfs_v4_holder" style="width: 1100px; height: 358px;"> <strong><a href="http://www.adobe.com/go/getflashplayer/">You need to upgrade your Flash Player and enable Javascript to view this content »</a></strong> </div>
        <script type="text/javascript">
            // <![CDATA[
            if (typeof(window['XMLFlashSlideshow_v4']) == 'undefined') { XMLFlashSlideshow_v4 = function(){}; alert('To use the XML Flash Slideshow v4, you must upload the v4flashslideshow/slideshow.js file, and have a properly defined ' + String.fromCharCode(60) + 'script' + String.fromCharCode(62) + ' reference to it in your HTML.');};
            XMLFlashSlideshow_v4({width:'1100', height:'358', level:'a', xml:'v4flashslideshow/slideshow_data1.xml', backgroundColor:'#F1EFE0', backgroundAlpha:'1', preloaderColor:'#FFFFFF', preloaderTextColor:'#FFFFFF', externalSkinURL:'', touchMode:'inline', touchBackgroundColor:'#F1EFE0', backgroundImage:'images/slideshow/Calatrava3_big.jpg', rightClickLabel:'slideshow of upcoming events'});
            // ]]>
            </script>
        
</div>

<div id="bodyArea">
    
    <div id="programseventstitle">
    <h3>PROGRAMS & EVENTS<br />
</h3><a href="public_programs.htm"><img src="images/index/class.png" alt="programs and events" width="275" height="143" /></a>
    <ul id="programsevents">
<p><a
href="public_programs.htm#symposium">International
    Symposium</a><BR>Sat, Feb 7, 10 A.M.-3 P.M.</p>
<p><a
href="public_programs.htm#toast">Champagne
    Toast</a><BR>Sat, Feb 7, 3:30-5:00 P.M.</p>
<p><a href="public_programs.htm#music">Music
    at the Meadows</a><BR>Sat, Feb 7, 6:30 P.M</p>
<p><a
href="http://www.meadowsmuseumdallas.org/public_programs.htm#drawing">Drawing
    from the Masters</a><BR>Sun, Feb 8, 1:30-3 P.M.</p>
<p><a
href="public_programs.htm#conn">Access
    Program: Connections</a><br />
    Wed, Feb 11, 10:30 A.M.-12:30 P.M.</p>
    </ul>
    </div> 
    
      <div id="newstitle">
      <h3>NEWS</h3> <a href="news.htm"><img src="images/index/Bacon_thumb.jpg" width="275" height="143" alt="news" title="news" /></a>
      <ul id="news">
    <p>12/23/14 - <a href="docs/50th_updated.pdf" target="_blank">Meadows Museum Looks Ahead to Golden Anniversary in 2015</a> (PDF)</p>
      <p>12/15/14 - <a href="docs/MossChumley2014Award.pdf" target="_blank">Meadows Museum Announces 2014 Moss/Chumley Artist Award Winner: Darryl Lauster</a> (PDF)</p>
      <p>11/3/14 - <a href="docs/Abello_2014.pdf" target="_blank">Meadows Museum to Present First Exhibition in U.S. of Paintings from
        Juan Abelló Collection, Among World’s Top Private Collections</a> (PDF)</p>
      </ul>
</div>    

    <div id="multimediatitle">
    <h3>MULTIMEDIA</h3><a href="http://vimeo.com/109750163" target="_blank"><img src="images/50th_anniversary/thumb_homepage.jpg" alt="multimedia" title="multimedia" width="275" height="143" /></a>
    <ul id="multimedia">
    <p><a href="media.htm">Watch videos, live webcasts, and podcasts</a>.</p>
      <p><strong>50th Anniversary</strong><br />
        Experience the Meadows Museum at SMU as the Museum approaches its <a href="http://vimeo.com/109750163" target="_blank">50th anniversary</a>. Find out what's going on this year, what's in the news, and discover the fascinating history of the Museum in <a href="50th_anniversary_timeline.htm">Meadows Milestones</a>.</p>
      <p><a href="media.htm">June 20, 2014 <em>WFAA News</em> story about artist John Bramblitt.</a></p>
      </ul>
</div> 

<div id="supportustitle">
<h3>SUPPORT US!</h3>
    <a href="support.htm"><img src="images/news_programs/MeadowsandLois.jpg" width="275" height="143" /></a>
    <ul id="supportus">
    <p><a href="membership.htm">Join/Renew your Membership</a></p>
      <p><a href="support.htm">Donate to the Museum</a></p>
      <p><a href="shop.htm">Browse our online shop</a></p>
        <p><a href="volunteer.htm">Become a Docent</a></p>
      <p><a href="shop.htm"></a><a href="volunteer.htm">Volunteer</a></p>
        <p><a href="javascript:open_window(%27http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw%3D%3D%27)">Join our E-newsletter</a></p>
      </ul>
      
    <div id="google_translate_element"></div>
    <script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></scrip t>

    </div> 
      <div class="push"></div>
</div>

    <div id="footer">
      
      <div id="searchbar">
        <form role=“search” style="margin-right:0px; margin-top:12px; float:left; width:265px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
          <input type="hidden" name="si" value="47230699">
          <input type="hidden" name="pid" value="r">
          <input type="hidden" name="n" value="0">
          <input type="hidden" name="_charset_" value="">
          <input type="hidden" name="bcd" value="÷">
          <input type="text" name="query" size="15" style="border:thin">
          <input aria-label=”search” type="submit" value="search">
        </form>
        <br />
        <br />
        <a href="https://www.facebook.com/MeadowsMuseumDallas"><img src="images/symbols/facebook_white.png" alt="like us on Facebook" title="like us on Facebook" width="28" height="28" /></a><a href="https://twitter.com/MeadowsMuseum"><img src="images/symbols/twitter_white.png" alt="Follow us on Twitter" title="Follow us on Twitter" width="25" height="25" /></a> <a href="https://blog.smu.edu/tabularasa/"><img src="images/symbols/blog_white.png" alt="Museum blog" title="Museum blog" width="23" height="23" /></a> <a href="http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw=="><img src="images/symbols/e-mail_white.png" alt="E-mail us" title="E-mail us" width="27" height="25" /></a> <a href="membership.htm"><img src="images/symbols/JOIN.png" alt="join the museum" title="join the museum" width="38" height="32" /></a> <a href="https://www.google.com/maps/preview#!q=5900+Bishop+Blvd.,+Dallas,+TX+75205&data=!1m4!1m3!1 d10476!2d-96.785088!3d32.837337!4m10!1m9!4m8!1m3!1d107264!2d-96.783199!3d32.845558!3m2!1i1 024!2i768!4f13.1"><img src="images/symbols/google-maps-iphone-icon.png" alt="Find us on Google maps" title="Find us on Google maps" width="24" height="24" /></a>
        </div>
    
    <div id="admissionhours">
    Hours: Tue-Sat 10:00 a.m. - 5:00 p.m.,
        Thu until 9:00 p.m.,
        Sun 1:00 - 5:00 p.m.
        Closed Monday.
        Admission: $10, adults, $8, seniors 65 & over, $4, non-SMU students. Free: Museum members, children under 12, SMU faculty/staff/students. Free Thu eve after 5:00 p.m. <br />
      </div>
    
      <div id="addresstel">
      Meadows Museum, 5900 Bishop Blvd., Dallas, TX 75205, <br />
        P.O. Box 750357, Dallas, TX 75275-0357 <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> 214.768.2516<br />
        <a href="contacts.htm" class="white">e-mail</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /><a href="site_map.htm" class="white"> Site map</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> Website by <a href="http://www.mypawprint.com" class="white">My Pawprint Productions</a><br />
        © 2015 Meadows Museum
        </div> 
    </div> 
</div> 
</body>
</html>
and here is the layout.css file:
@charset "utf-8";
    margin: 0px;
    padding: 0px;
a:link {color: #656252; text-decoration: underline; }
a:active {color: #656252; text-decoration: underline; }
a:visited {color: #656252; text-decoration: underline; }
a:hover {color: #656252; text-decoration: none;
a.white:link {color: #FFFFFF; text-decoration: underline; }
a.white:active {color: #FFFFFF; text-decoration: underline; }
a.white:visited {color: #FFFFFF; text-decoration: underline; }
a.white:hover {color: #FFFFFF; text-decoration: underline; }
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1100px) {
/* Styles */
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1100px)
and (orientation : landscape) {
/* Styles */
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
header {
    width: 1100px;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
header a {
    text-decoration: none;
    background-image: url(../images/index/orange_50th_2011_1100.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    display: block;
    height: 130px;
    text-indent: -700px;
header a:focus {
    background-position: right top;
    padding: 0;
    height: 132px;
    text-decoration: none;
    display: block;
    background-image: url(../images/index/orange_50th_2011_1100.png);
    background-repeat: no-repeat;
    text-indent: 0px;
    text-decoration: underline;
    color: white;
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
header b {
    text-decoration: none;
h1 {
    height: 75px;
    width: 285px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: normal;
    color: #f1efe0;
    float: left;
    padding-left: 35px;
    padding-top: 75px;
h2 {
    height: 51px;
    width: 480px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    float: left;
    color: #f1efe0;
    padding-top: 99px;
h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    height: 25px;
    padding-left: 10px;
h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 25px;
    color: #666666;
#logo {
    background-color: #af4d33; /*change the color to match your orange*/
    display: block;
#navbackground {
    background-color: #776353; /*change the color to match your brown*/
    background-repeat: repeat;
#nav {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    width: 1100px;
.caption {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin: 25px;
p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #414040;
    margin: 25px;
.caption {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin: 25px;
#wrapper {
    background-color: #e2dfcf;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
#wrapper #white {
    background-repeat: repeat;
    padding: 0;
    display: block;
    height: 10px;
    background-color: #FFF;
    width: 2500 px;
#wrapper #slideshow {
    height: 358px;
    background-repeat: no-repeat;
#wrapper #programseventstitle {
    width: 275px;
    height: 25px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    font-variant: normal;
    background-color: #e2dfcf;
    padding-top: 10px;
#wrapper #newstitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    vertical-align: middle;
    font-weight: normal;
    margin: 0px;
    background-color: #f1efe0;
    padding-top: 10px;
#wrapper #multimediatitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #e2dfcf;
    padding-top: 10px;
#wrapper #supportustitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    margin: 0px;
    background-color: #f1efe0;
    padding-top: 10px;
#wrapper #bodyArea #photoprogramsevents {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photonews {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photomultimedia {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photosupport {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #programsevents {
    float: left;
    background-color: #e2dfcf;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #news {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #multimedia {
    float: left;
    background-color: #e2dfcf;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #supportus {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #footer {
    height: 100px;
    width: 1100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #af4d33;
    padding: 0px;
    color: #FFFFFF;
    background-repeat: repeat;
    clear: both;
.footer, .push {
    clear: both;
#wrapper #bodyArea #footer #searchbar {
    height: 70px;
    width: 230px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    padding: 15px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    clear: none;
#wrapper #bodyArea #footer #admissionhours
    height: 70px;
    width: 415px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    padding: 15px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    clear: none;
#wrapper #bodyArea #footer #addresstel{
    height: 60px;
    width: 330px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: right;
    text-align: right;
    padding-top: 22px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-left: 15px;
#google_translate_element{
    padding: 25px;
html {
overflow-y:scroll;
a img {border: none;

Horgykitkat wrote:
What I found after taking out the heights from the text areas is that I was left with uneven text column lengths (alternating beige areas). So I created a repeatable jpg with the same alternating beiges and put it as the background of the bodyArea tag. Again, if there is a better way, please let me know!
A repeating background image to 'fake' equal height columns is perfectly ok.
It won't work IF your page is responsive but it isn't so no problem. If it were responsive a better solution would be to take advantage of the css property display: table; and display: table-cell;
In reference to your footer background color not showing I would assume you have floated items within the footer container. If so then you need to clear those floated items which allows the footer container to wrap itself around the floated items inside it.
You would do this by using css - overflow: hidden; - on the parent container which has the floats inside it.

Negative Ranges, Java Scrollbars and Java2D.

Hiya all. I have a bit of an odd problem. Im working on graph animation. Graphs tend to be laid out with an initial random seed which tends to give a good smattering of negative values as well as postive ones. Now, I tend to shift all the nodes by a certain amount so that all are visible. However, once the user starts playing with the graph, there is no guarantee that all the values will still be positive. This means another shift is required which means a lot of jerky screen movements which is the last thing we need.
I was wondering. If i create a JPanel of say, size 1000 x 1000 and perform one Java2D affine translate of 500 by 500, that should center my graph on the JPanel. If i place this JPanel within a JScrollPane can I then set the scrollbars to appear halfway along their tracks, i.e, have the viewport lined up on center 500 by 500?
If anyone else has had a problem like this, i'd be most obliged if someone could post it here. Actually, probably the best thing would be some kind of canvas grow function such as the one in photoshop. When the canvas needs resizing, you can resize in one of 4 directions cant you? Yet the view remains constant. I imagine something like this isnt easy.

then you may recalculate the bounds and adjust the
scrollbars consquenlty? for example, minimum -7,
maximum 10 then set the scrolbar to have a maximum of
17, etc. and you can always modify the scrollbars to
have a right size so the user can scroll the graphsHuh? Here's a demo where the component just resizes in a JScrollPane:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class SampleComponent extends JPanel{
    private int minX=-100, maxX=100, minY=-100, maxY=100;
    public Dimension getPreferredSize() {
        return new Dimension(maxX-minX, maxY-minY);
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g.create();
        g2.translate(-minX, -minY);
        g2.drawLine(minX, 0, maxX, 0); //x axis
        g2.drawLine(0, minY, 0, maxY); //y axis
        g2.dispose();
    public void rescale(float scale) {
        minX=(int)(scale*minX);
        maxX=(int)(scale*maxX);
        minY=(int)(scale*minY);
        maxY=(int)(scale*maxY);
        invalidate();
        revalidate();
        repaint();
    public static void main(String[] args) {
        final SampleComponent app = new SampleComponent();
        JScrollPane sp = new JScrollPane(app);
        JPanel south = new JPanel();
        JButton zoomIn = new JButton("zoom in");
        south.add(zoomIn);
        zoomIn.addActionListener(new ActionListener(){
            public void actionPerformed(ActionEvent evt) {
                app.rescale(1.5f);
        JButton zoomOut = new JButton("zoom out");
        south.add(zoomOut);
        zoomOut.addActionListener(new ActionListener(){
            public void actionPerformed(ActionEvent evt) {
                app.rescale(.75f);
        final JFrame f = new JFrame("SampleComponent");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(sp, BorderLayout.CENTER);
        f.getContentPane().add(south, BorderLayout.SOUTH);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}Especially when you zoom in, you can get an unpleasant dislocation.

How to dock scrollbars to window in Mountain Lion?

The scrollbars now float over the window and only appear when necessary. However, I'd like the scrollbars to dock themselves to the window frames as they did before. Anyone know how to do this? The reason is because the bottom item in a list always gets blocked by the scrollbar as in the screenshot below:

Thanks, David. I know this workaround. And one more with creating right-click Service. That's why I've used "uncomfortable" instead of "impossible". In my opinion, Apple should leave ability to choose OS's behavior, and I hoped somebody knew where to find it .

Urgent solution required - Horizontal Scrollbar prblem in iframe

I came across with very weird problem in html iframe.
I have to set my iframe with WIDTH="748" and HEIGHT="460".
My code is as follows:
<html>
<head>
</head>
<body style="overflow-x: hidden;">
<div style="align:center;margin-top:10;margin-left:10;width=100%;">
<img border="0" src="/imgage/top.PNG" width="980" height="140">
</div>
<div align="right" style="width:748; height: 12;float:right;">
<br><br>
<iframe name="main" src="data.html" width="748" height="460"
marginwidth="0" marginheight="0" frameborder="0" scrolling="yes" style="overflow-x:hidden;overflow-y:auto">
</iframe>
</div>
<div align="left">
<img border="0" src="/image/side.PNG" width="209" height="524">
</div>
</body>
</html>Though I have written "overflow-x:hidden" I am able to see the Horizontal Scrollbar. I have to disable only horizontal scroll bar not vertical. Vertical Scroll Bar should remain as it is.
It looks fine in Mozilla but problem is occuring only for IE browser. I am wondering from last two days but still can't get the solution.
If anybody having any idea then please help. I would appreciate each reply.
Thanks in advance.

I think you will have more luck on this question at a javascript/html/css forum.
This forum is primarily for JSP/Java, and while basic html/css is not completely out of scope (you need some knowledge to write a jsp page) this is getting too technical on the CSS side.
Cheers,
evnafets

Adding a scrollbar to a portlet

I am trying to limit the amount of screen space that my portlets take up, so I want to add a scrollbar to them if this is possible. I read earlier about possibly using a javascript. If anyone has experience with adding a scrollbar, I'd appreciate the assistance. Thanks.

Hi,
If the matter to be displayed is static then try floating frames.
Regards,
Mandar
null

Yes, it's IE float drop again

I have read the messages here until my head is spinning. I
cannot detect
an underlying principle that one can refer to when trying to
prevent
this from happening in every case--it seems so situation
dependent. Or
what I have read is over my head.
I'm getting it at all of the pages of this site:
http://www.eastbranch.net/process.html
Al of the pages use the same underlying structure, so I'm
hoping that if
I fix it for one I can fix it for all.
It doesn't happen in any Macintosh browser. If the page is
too wide--and
it almost always is--I get a horizontal scrollbar. I know.
Client
insists. He doesn't mind the horizontal scrolbar for people
who don't
use huge windows like he does, but I think the float drop is
a more
serious problem and I need to fix it.
Can someone point me to a resource, ideally titled
"Preventing IE float
drop--every time--for dummies."
James M Shook

"James Shook" <[email protected]> wrote in message
news:gl35os$hca$[email protected]..
> Thierry wrote:
>
>> It is the content of #rightWrapper that makes that
container drop,
>> because it - wrongly - increases its width.
>> The easy fix is to prevent such thing is to use the
following:
>>
>> #rightWrapper {overflow-x:hidden;}
>
> OK, that sort of works, but it cuts off the content on
the right. Do I
> have to size rightWrapper to the size of the widest
content it will
> contain?
Sorry James,
I didn't look at it very well. Actually, I didn't even check
in FF, that's
why I was suggesting to use "overflow-x" ;-).
It turns out that indeed there are maths errors.
An easy way to find out about this kind of issue is to open
firebug and to
click on the "layout" tab.
There you can see that:
- #pageWrapper width is: 915px
- #leftWrapper width is: 70 + 478 + 15 (563px)
- #rightWrapper width is: 463px
So to avoid a float drop you would have to set the width of
#pageWrapper to
be at least 1026px
To contain everything within 915px you need to reduce by a
total of 111px
the inner containers (width or padding will do).
As a side note I would *remove* the table you're using for
the thumbnails as
these are easily styled without the need of so much markup
(which also allow
for more flexibility - showing them on 3 columns instead of 4
for example).
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

Menu scrollbar fine on computer but disappears on iPhone

Hello,
I'm putting together a simple portfolio site which I want to be usable on multi-platforms.
The main content menu on each page looks like this:
It means people can use the blue scrollbar to look through the different thumbnails. My issue is that the scrollbar disappears when you look at the site on an iPhone.
Is this easily remedied?
Thanks, Mark

Fix your coding errors
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.movingpicturetv.com%2Fwritten _labour_conference_2009.html
See iPhone friendly web pages
http://webdesign.about.com/od/mobile/a/write-web-pages-for-the-iphone.htm
IMO overflow: auto on the left sidebar is unnecessary. The page would have better balance without it.
#menu {
    float: left;
    width: 250px;
    margin: 0 0 10px 0;
    padding: 0;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Scrollbar changing range of graph

Hello everybody
I have a very simple question. Find attached a VI that generates a sequence of random numbers (501 elements) and feed this sequence to a XY graph. But I have some issues concerning the horizontal scrollbar. After running tue VI, change by yourself the maximum value of X to 300. Now, using the scrollbar, move the graph to the right or to the left by clicking over the red and yellow areas of the scrollbar (view attached picture). Nevertheless, if you move the graph by clicking on the blue buttons (left and right arrows at the scrollbar), after you reach the limit to the left (0) or to the right (500), if you continue clicking on the arrows the range will bet out of range (i.e: 220 to 520; 240 to 540 or -20 to 280; -40 to 260 and so on).
I want to prevent the code from doing that. Even if I use the left and right arrows on the scrollbar, I want to limit the range to the minimum of 0 and maximum of 500. What should I do?
Thanks
Dan07
Solved!
Go to Solution.
Attachments:
Scrollbar.vi ‏12 KB

To my knowledge, this is the only workaround: introduce your own horizontal scrollbar with coerced limits. Set it's min/max/increment range via property nodes based on what graph range you want to scroll. Create an event handler structure that watches for the Value Change of the scrollbar, and use the NewVal to feed the appropriate fields (Min/Max) XScale.Range property node.
The trick is to keep the scrollbar synchronized with the data in the graph. Ensure anytime the data changes, so do the limits of the scrollbar scale.
a.lia-user-name-link[href="/t5/user/viewprofilepage/user-id/88938"] {color: black;} a.lia-user-name-link[href="/t5/user/viewprofilepage/user-id/88938"]:after {content: '';} .jrd-sig {height: 80px; overflow: visible;} .jrd-sig-deploy {float:left; opacity:0.2;} .jrd-sig-img {float:right; opacity:0.2;} .jrd-sig-img:hover {opacity:0.8;} .jrd-sig-deploy:hover {opacity:0.8;}

Scrollbar visible / not visible problem

Hi everybody,
I am a newbie in java and i already stumbeled upon a problem. If anybody could give me some help it will be much appreciated. So... I have this schirpt on a website i am building:
<script language="JavaScript" type="text/javascript">

</script>
Which it seems to create scrollbars on a div i have attached this code:
<div class="divElement3" style="display:inline;clear:left;float:left" >
<img style="display:inline" align="right" onMouseOver="Scroll('Tst1',-1);" onmouseout="clearTimeout(zxcTO);" src="<cms:link>../resources/upArrow.gif</cms:link>" border="0" />
<img style="display:inline" align="right" onMouseOver="Scroll('Tst1',1);" onmouseout="clearTimeout(zxcTO);" src="<cms:link>../resources/downArrow.gif</cms:link>" border="0"/>
</div>
Thing is i don't want the scrollbar to be seen but still to act like a scrollbar as i have 2 little arrows acting like a scrollbar up and down.
Hope is clear enough :)

JavaScript != Java
They are two seperate languages. Find a JavaScript forum to answer your question.

Scrollbar widget

All,
I am struggling with the scrollbar widget but I don't mange to find a way
to use it property ... because perhaps I misunderstood something.
Below my use of scrollbar widget.
I would like to link a scrollbar widget and a DataField widget to manage an
integer value. Each time, one of them changes, the other one needs to be
updated to reflect the new value. It is possible to change the value from
both.
Question 1 : With my small example (attached to the email), when I enter a
value out of bound for the scrollbar and I set the value to it, the
scrollbar widget does not complain.
Question 2 : When I modify the value from the DataField and click on an
arrow of the scrollbar widget, my code set the scrollbar value after the
AfterChangeValue event but Forte resets the value with the previous value.
(e.g current value 5, set to 10, select the scrollbar, Forte displays
suddenly 6 (or 4) depending on the arrow you select)
May anyone help me to understand this behaviour ?
Thanks.
Michel LOPEZ
+33 (0)4 93 95 46 53 - [email protected]
SEMA GROUP - Direction Technique Sophia
Les Algorithmes (Pythagore A) - Route des Lucioles
06905 SOPHIA ANTIPOLIS Cedex

That way u wont even be needin the Spry Widget.
Just create i main div (wrpper) with the panel size. and add
a css overflow on to it.
Than create in that div a new div that groups around the
panels and give it a width of 1000+ and add your panels with in
that group.
it would look like this:
<div id='wrapper'> <-- width of 100px + overflow
-----<div id='group'> <-- width of 1000px (1000/100
= 10 would fit in it)
---------<div id='panel'></div> <-- these
panels need to have a float left. and with 100
---------<div id='panel'></div>
---------<div id='panel'></div>
---------<div id='panel'></div>
---------<div id='panel'></div>
-----</div>
</div>
Hopes this helps.

Java fade vs scrollbar conflict

i created a scrollbar:
http://toddheymandirector.com/REEL/
but i want the rollover images to fade on one by one like they do here:
http://toddheymandirector.com/MORE/
i tried here but it stacks them and gets funky - float left doesnt work
http://toddheymandirector.com/REEL/scrollie.html
help?
thanks

Try this. Your previous code was a mess. I fixed the major errors and gave the thumbnail scroller images (#tS1 img) a fadeIn rate of 7200 milliseconds. Function code is near the bottom. You can adjust fadeIn rate to suit. Tested & works in Firefox12 & IE9.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="http://toddheymandirector.com/favicon.ico" />
<title>TODD HEYMAN</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="http://toddheymandirector.com/css/supersized.core.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css' />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script type="text/javascript" src="http://toddheymandirector.com/js/jquery-ui-1.8.13.custom.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://toddheymandirector.com/css/jquery.thumbnailScroller.css" />

<script type="text/javascript" src="http://toddheymandirector.com/js/jquery.thumbnailScroller.js"></script>
<script type="text/javascript" src="http://toddheymandirector.com/js/supersized.core.3.2.1.min.js"></script>

<link rel="stylesheet" type="text/css" href="../css/shadowbox.css" />
<script type="text/javascript" src="../js/shadowbox.js"></script>
<style type="text/css">
body {background-color: #3e403f;}
#mast_ {
position:absolute;
left:-10px;
top:20px;
width:296px;
height:70px;
#reel_ {
position:absolute;
left:-10px;
top:97px;
width:161px;
height:26px;
#more_ {
position:absolute;
left:-10px;
top:123px;
width:161px;
height:26px;
#film_ {
position:absolute;
left:-10px;
top:149px;
width:161px;
height:22px;
#boards_ {
position:absolute;
left:-10px;
top:171px;
width:161px;
height:27px;
#news_ {
position:absolute;
left:-10px;
top:198px;
width:161px;
height:25px;
#about_ {
position:absolute;
left:-10px;
top:223px;
width:161px;
height:25px;
#contact_ {
position:absolute;
left:-10px;
top:248px;
width:161px;
height:25px;
div.fadehover {
position: relative;
img.a {
position: relative;
left: 0;
top: 0;
z-index: 10;
img.b {
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
#footer {
background: url(http://toddheymandirector.com/Images/common_jsh/footer_bg5.png) 0 0 repeat;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
#reel_footer {
position:absolute;
left:0px;
bottom:0px;
#more_footer {
position:absolute;
left:75px;
bottom:0px;
#film_footer {
position:absolute;
left:122px;
bottom:0px;
#boards_footer {
position:absolute;
left:161px;
bottom:0px;
#news_footer {
position:absolute;
left:215px;
bottom:0px;
#about_footer {
position:absolute;
left:263px;
bottom:0px;
#contact_footer {
position:absolute;
left:311px;
bottom:0px;
#copyright_footer {
position:absolute;
right:0px;
bottom:0px;
#facebook_footer {
position:absolute;
right:141px;
bottom:0px;;
#twitter_footer {
position:absolute;
right:80px;
bottom:0px;
#share_footer {
position:absolute;
right:20px;
bottom:0px;
#container { width: 100%; height: 100%; display: table; }
#position { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
</style>
<script type="text/javascript" src="http://toddheymandirector.com//js/supersized.3.1.3.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
    $("img.b").hover(function() {
    $(this).stop().animate({"opacity": "1"}, "70");
    function() {
    $(this).stop().animate({"opacity": "0"}, "100");
</script>
<script type="text/javascript">
    (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
</script>

</head>
<body>
<div id= "mast_"><a href="http://toddheymandirector.com/"><img id="mast" src="http://toddheymandirector.com/Images/common_jsh/mast.png" width="296" height="70" alt="mast" /></a></div>
<div id="reel_"><a href="http://toddheymandirector.com/REEL/"><img src="http://toddheymandirector.com/Images/common_jsh/reel_down.png" alt="" /></a> </div>
<div class="fadehover" id="more_"><a href="http://toddheymandirector.com/MORE/"><img src="http://toddheymandirector.com/Images/common_jsh/more.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/MORE/"><img src="http://toddheymandirector.com/Images/common_jsh/more_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="film_"><a href="http://toddheymandirector.com/FILM/"><img src="http://toddheymandirector.com/Images/common_jsh/film.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/FILM/"><img src="http://toddheymandirector.com/Images/common_jsh/film_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="boards_"><a href="http://toddheymandirector.com/BOARDS/"><img src="http://toddheymandirector.com/Images/common_jsh/boards.png" alt="" class="a" /></a><a href="http://toddheymandirector.com/BOARDS/"> <img src="http://toddheymandirector.com/Images/common_jsh/boards_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="news_"><a href="http://toddheymandirector.com/NEWS/"><img src="http://toddheymandirector.com/Images/common_jsh/news.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/NEWS/"><img src="http://toddheymandirector.com/Images/common_jsh/news_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="about_"><a href="http://toddheymandirector.com/ABOUT/"><img src="http://toddheymandirector.com/Images/common_jsh/about.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/ABOUT/"><img src="http://toddheymandirector.com/Images/common_jsh/about_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="contact_"><a href="mailto:[email protected]?subject=Director Todd Heyman"><img src="http://toddheymandirector.com/Images/common_jsh/contact.png" alt="" class="a" /></a> <a href="mailto:[email protected]?subject=Director Todd Heyman"><img src="http://toddheymandirector.com/Images/common_jsh/contact_hot.png" alt="" class="b" /></a></div>
<div id="footer" style=" height: 20px">
<div class="faded2 fadehover" id="reel_footer"><a href="http://toddheymandirector.com/REEL/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/reel_footer_hot.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/REEL/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/reel_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="more_footer"><a href="http://toddheymandirector.com/MORE/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/more_footer.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/MORE/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/more_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="film_footer"><a href="http://toddheymandirector.com/FILM/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/film_footer.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/FILM/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/film_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="boards_footer"><a href="http://toddheymandirector.com/BOARDS/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/boards_footer.png" alt="" class="a" /></a><a href="http://toddheymandirector.com/BOARDS/"> <img src="http://toddheymandirector.com/Images/common_jsh/footer/boards_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="news_footer"><a href="http://toddheymandirector.com/NEWS/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/news_footer.png" alt="" class="a" /></a> <a href="http://toddheymandirector.com/NEWS/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/news_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="about_footer"><a href="http://toddheymandirector.com/ABOUT/"><img src="http://toddheymandirector.com/Images/common_jsh/footer/about_footer.png" alt="" class="a" /></a><a href="http://toddheymandirector.com/ABOUT/"> <img src="http://toddheymandirector.com/Images/common_jsh/footer/about_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="contact_footer"><a href="mailto:[email protected]?subject=Director Todd Heyman"><img src="http://toddheymandirector.com/Images/common_jsh/footer/contact_footer.png" alt="contact"/></a>
<a href="mailto:[email protected]?subject=Director Todd Heyman"> <img src="http://toddheymandirector.com/Images/common_jsh/footer/contact_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover2" id="facebook_footer"><a href="https://www.facebook.com/lists/10150298499390382" target="new"><img src="http://toddheymandirector.com/Images/common_jsh/footer/facebook_footer.png" alt="" class="a" /></a> <a href="https://www.facebook.com/lists/10150298499390382" target="new"><img src="http://toddheymandirector.com/Images/common_jsh/footer/facebook_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="twitter_footer"><a href="http://twitter.com/toddheyman" target="new" ><img src="http://toddheymandirector.com/Images/common_jsh/footer/twitter_footer.png" alt="" class="a" /></a><a href="http://twitter.com/toddheyman" target="new" > <img src="http://toddheymandirector.com/Images/common_jsh/footer/twitter_footer_hot.png" alt="" class="b" /></a></div>
<div class="fadehover" id="share_footer"><a href="mailto:?subject=TODDHEYMANDIRECTOR: REEL &body=Check This Out: http://toddheymandirector.com/REEL" target="new" ><img src="http://toddheymandirector.com/Images/common_jsh/footer/share_footer.png" alt="" class="a" /></a>
<a href="mailto:?subject=TODDHEYMANDIRECTOR: REEL &body=Check This Out: http://toddheymandirector.com/REEL" target="new" ><img src="http://toddheymandirector.com/Images/common_jsh/footer/share_footer_hot.png" alt="" class="b" /></a></div>
</div>

<div id="tS1" class="jThumbnailScroller" style="margin-top:325px;">
<div class="jTscrollerContainer" >
<div class="jTscroller">
<div style="float:left;" class="faded fadehover"><a href=""><img src="http://toddheymandirector.com/Images/thumbs_jsh/nike.png" alt="nike > the getaway" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/NIKE_theGetaway_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Nike > The Getaway"><img src="http://toddheymandirector.com/Images/thumbs_jsh/nike_hot.png" alt="" class="b" /></a> </div>
<div style="float:left;" class="faded fadehover"><a href="" title="Total Defense > Bad Cops"><img src="http://toddheymandirector.com/Images/thumbs_jsh/td_cops.png" alt="nike" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/TD_COPS_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Total Defense > Bad Cops"><img src="http://toddheymandirector.com/Images/thumbs_jsh/td_cops_hot.png" alt="" class="b" /></a> </div>
<div style="float:left;" class="faded fadehover"><a href="p"><img src="http://toddheymandirector.com/Images/thumbs_jsh/chex.png" alt="nike" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/chex_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Chex > Mix It Up"><img src="http://toddheymandirector.com/Images/thumbs_jsh/chex_hot.png" alt="" class="b" /></a> </div>
<div style="float:left;" class="faded fadehover"><a href=""><img src="http://toddheymandirector.com/Images/thumbs_jsh/florastor.png" alt="nike" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/Florastor_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Florstor > Because"><img src="http://toddheymandirector.com/Images/thumbs_jsh/florastor_hot.png" alt="" class="b" /></a> </div>
<div style="float:left;" class="faded fadehover"><a href=""><img src="http://toddheymandirector.com/Images/thumbs_jsh/ulife.png" alt="nike" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/ULIFELINE_JUMPER_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Ulifeline > Jumper"><img src="http://toddheymandirector.com/Images/thumbs_jsh/ulife_hot.png" alt="" class="b" /></a> </div>
<div style="float:left;" class="faded fadehover"><a href=""><img src="http://toddheymandirector.com/Images/thumbs_jsh/fdic.png" alt="nike" border="0" class="a" /></a> <a href="http://toddheymandirector.com/movies/spots/800/FDIC_800.mov" rel="shadowbox[REEL];width=800;height=450" title="FDIC > the Mattress"><img src="http://toddheymandirector.com/Images/thumbs_jsh/fdic_hot.png" alt="" class="b" /></a> </div></div>
</div>
<a href="#" class="jTscrollerPrevButton"></a>
<a href="#" class="jTscrollerNextButton"></a>
</div>

<script type="text/javascript">
(function($){
window.onload=function(){
    $("#tS1").thumbnailScroller({
        scrollerType:"hoverAccelerate",
        scrollerOrientation:"horizontal",
        scrollSpeed:2,
        scrollEasing:"easeOutCirc",
        scrollEasingAmount:600,
        acceleration:4,
        scrollSpeed:800,
        noScrollCenterSpace:10,
        autoScrolling:0,
        autoScrollingSpeed:2000,
        autoScrollingEasing:"easeInOutQuad",
        autoScrollingDelay:500
})(jQuery);
</script>

<script type="text/javascript">
jQuery(function($){
    $.supersized({
    slides :      [ {image : 'http://toddheymandirector.com/Images/common_jsh/bgs/nike.jpg'} ]
</script>

<script type="text/javascript">
Shadowbox.init();
</script>

<script type="text/javascript">
$(window).ready(function(){
    $('#tS1 img').hide().fadeIn(7200);//fadeIn rate in milliseconds. A bigger value = slower fade rate//
</script>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Need Scrollbar In This Application

Hi,
I want to replace the BUTTONS in this application into
SCROLLBARS.??
Can anyone HELP?
************************** HERE IS THE CODE ***********************
import javax.swing.*;
import javax.swing.border.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
public class TRescaleOp extends JFrame {
DisplayPanel displayPanel;
JButton brightenButton, darkenButton,
contIncButton, contDecButton;
public TRescaleOp() {
super();
Container container = getContentPane();
displayPanel = new DisplayPanel();
container.add(displayPanel);
JPanel panel = new JPanel();
panel.setLayout(new GridLayout(2, 2));
panel.setBorder(new TitledBorder(
"Click a Button to Perform the Associated Operation..."));
brightenButton = new JButton("Brightness >>");
brightenButton.addActionListener(new ButtonListener());
darkenButton = new JButton("Brightness <<");
darkenButton.addActionListener(new ButtonListener());
contIncButton = new JButton("Contrast >>");
contIncButton.addActionListener(new ButtonListener());
contDecButton = new JButton("Contrast <<");
contDecButton.addActionListener(new ButtonListener());
panel.add(brightenButton);
panel.add(darkenButton);
panel.add(contIncButton);
panel.add(contDecButton);
container.add(BorderLayout.SOUTH, panel);
addWindowListener(new WindowEventHandler());
setSize(displayPanel.getWidth(), displayPanel.getHeight() + 10);
show(); // Display the frame
class WindowEventHandler extends WindowAdapter {
public void windowClosing(WindowEvent e) {
System.exit(0);
public static void main(String arg[]) {
new TRescaleOp();
class ButtonListener implements ActionListener {
public void actionPerformed(ActionEvent e) {
JButton temp = (JButton) e.getSource();
if (temp.equals(brightenButton)) {
displayPanel.brighten = true;
displayPanel.changeOffSet();
System.out.println(displayPanel.offset + "=offset");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(darkenButton)) {
displayPanel.brighten = false;
displayPanel.changeOffSet();
System.out.println(displayPanel.offset + "=offset");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(contIncButton)) {
displayPanel.contrastInc = true;
displayPanel.changeScaleFactor();
System.out.println(displayPanel.scaleFactor + "=scaleF");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(contDecButton)) { displayPanel.contrastInc = false;
displayPanel.changeScaleFactor();
System.out.println(displayPanel.scaleFactor + "=scaleF");
displayPanel.rescale();
displayPanel.repaint();
class DisplayPanel extends JPanel {
Image displayImage;
BufferedImage biSrc, biDest, bi;
Graphics2D big;
RescaleOp rescale;
float scaleFactor = 1.0f;
float offset = 10;
boolean brighten, contrastInc;
DisplayPanel() {
setBackground(Color.black);
loadImage();
setSize(displayImage.getWidth(this),
displayImage.getWidth(this));
createBufferedImages();
public void loadImage() {
displayImage = Toolkit.getDefaultToolkit().getImage("j.jpg");
MediaTracker mt = new MediaTracker(this);
mt.addImage(displayImage, 1);
try {
mt.waitForAll();
} catch (Exception e) {
System.out.println("Exception while loading.");
if (displayImage.getWidth(this) == -1) {
System.out.println("No jpg file");
System.exit(0);
public void createBufferedImages() {
biSrc = new BufferedImage(displayImage.getWidth(this),
displayImage.getHeight(this),
BufferedImage.TYPE_INT_RGB);
big = biSrc.createGraphics();
big.drawImage(displayImage, 0, 0, this);
biDest = new BufferedImage(displayImage.getWidth(this),
displayImage.getHeight(this),
BufferedImage.TYPE_INT_RGB);
bi = biSrc;
public void changeOffSet() {
if (brighten) {
if (offset < 255)
offset = offset+5.0f;
else {
if (offset > 0)
offset = offset-5.0f;
public void changeScaleFactor() {
if (contrastInc) {
if (scaleFactor < 2)
scaleFactor = scaleFactor+0.1f;
else {
if (scaleFactor > 0)
scaleFactor = scaleFactor-0.1f;
public void rescale() {
rescale = new RescaleOp(scaleFactor, offset, null);
rescale.filter(biSrc, biDest);
bi = biDest;
public void update(Graphics g) {
g.clearRect(0, 0, getWidth(), getHeight());
paintComponent(g);
public void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2D = (Graphics2D) g;
g2D.drawImage(bi, 0, 0, this);
}

import javax.swing.*;
import javax.swing.border.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
public class TRescaleOp extends JFrame {
DisplayPanel displayPanel;
JButton brightenButton, darkenButton,
contIncButton, contDecButton;
public TRescaleOp() {
super();
Container container = getContentPane();
displayPanel = new DisplayPanel();
container.add(displayPanel);
JPanel panel = new JPanel();
panel.setLayout(new GridLayout(2, 2));
panel.setBorder(new TitledBorder(
"Click a Button to Perform the Associated Operation..."));
brightenButton = new JButton("Brightness >>");
brightenButton.addActionListener(new ButtonListener());
darkenButton = new JButton("Brightness <<");
darkenButton.addActionListener(new ButtonListener());
contIncButton = new JButton("Contrast >>");
contIncButton.addActionListener(new ButtonListener());
contDecButton = new JButton("Contrast <<");
contDecButton.addActionListener(new ButtonListener());
panel.add(brightenButton);
panel.add(darkenButton);
panel.add(contIncButton);
panel.add(contDecButton);
container.add(BorderLayout.SOUTH, panel);
addWindowListener(new WindowEventHandler());
setSize(displayPanel.getWidth(), displayPanel.getHeight() + 10);
show(); // Display the frame
class WindowEventHandler extends WindowAdapter {
public void windowClosing(WindowEvent e) {
System.exit(0);
public static void main(String arg[]) {
new TRescaleOp();
class ButtonListener implements ActionListener {
public void actionPerformed(ActionEvent e) {
JButton temp = (JButton) e.getSource();
if (temp.equals(brightenButton)) {
displayPanel.brighten = true;
displayPanel.changeOffSet();
System.out.println(displayPanel.offset + "=offset");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(darkenButton)) {
displayPanel.brighten = false;
displayPanel.changeOffSet();
System.out.println(displayPanel.offset + "=offset");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(contIncButton)) {
displayPanel.contrastInc = true;
displayPanel.changeScaleFactor();
System.out.println(displayPanel.scaleFactor + "=scaleF");
displayPanel.rescale();
displayPanel.repaint();
else if (temp.equals(contDecButton)) { displayPanel.contrastInc = false;
displayPanel.changeScaleFactor();
System.out.println(displayPanel.scaleFactor + "=scaleF");
displayPanel.rescale();
displayPanel.repaint();
class DisplayPanel extends JPanel {
Image displayImage;
BufferedImage biSrc, biDest, bi;
Graphics2D big;
RescaleOp rescale;
float scaleFactor = 1.0f;
float offset = 10;
boolean brighten, contrastInc;
DisplayPanel() {
setBackground(Color.black);
loadImage();
setSize(displayImage.getWidth(this),
displayImage.getWidth(this));
createBufferedImages();
public void loadImage() {
displayImage = Toolkit.getDefaultToolkit().getImage("j.jpg");
MediaTracker mt = new MediaTracker(this);
mt.addImage(displayImage, 1);
try {
mt.waitForAll();
} catch (Exception e) {
System.out.println("Exception while loading.");
if (displayImage.getWidth(this) == -1) {
System.out.println("No jpg file");
System.exit(0);
public void createBufferedImages() {
biSrc = new BufferedImage(displayImage.getWidth(this),
displayImage.getHeight(this),
BufferedImage.TYPE_INT_RGB);
big = biSrc.createGraphics();
big.drawImage(displayImage, 0, 0, this);
biDest = new BufferedImage(displayImage.getWidth(this),
displayImage.getHeight(this),
BufferedImage.TYPE_INT_RGB);
bi = biSrc;
public void changeOffSet() {
if (brighten) {
if (offset < 255)
offset = offset+5.0f;
else {
if (offset > 0)
offset = offset-5.0f;
public void changeScaleFactor() {
if (contrastInc) {
if (scaleFactor < 2)
scaleFactor = scaleFactor+0.1f;
else {
if (scaleFactor > 0)
scaleFactor = scaleFactor-0.1f;
public void rescale() {
rescale = new RescaleOp(scaleFactor, offset, null);
rescale.filter(biSrc, biDest);
bi = biDest;
public void update(Graphics g) {
g.clearRect(0, 0, getWidth(), getHeight());
paintComponent(g);
public void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2D = (Graphics2D) g;
g2D.drawImage(bi, 0, 0, this);
}

Scrollbar in a floater

Similar Messages

Maybe you are looking for