Scroller and RichEditableText - max position of scroller

Hi
I have maybe quick and easy question, but it's hard to find solution. Does anybody know, how to set max postion of the (vertical) scroller which wrapped RichEditableText ??
I'm writing chat, and vertical scroller must be at the bottom, to see recent message
Here is a code  :
                    <s:Scroller width="100%" id="outputScroller"  height="90%"  >
                        <s:RichEditableText  editable="true" clipAndEnableScrolling="true"
                                             textFlow="{TextConverter.importToFlow(mesgHtml, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
                                             width="100%" id="outputTf" height="100%" />
                    </s:Scroller>
I'll be grateful for the answers,
Best wishes

From this blog entry:
http://blog.flexexamples.com/2009/08/19/setting-the-vertical-scroll-position-on-a-spark-ri cheditabletext-control-in-flex-4/
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  xmlns:s="library://ns.adobe.com/flex/spark">
  <mx:ApplicationControlBar width="100%" cornerRadius="0">
    <mx:Form styleName="plain">
      <mx:FormItem label="verticalScrollPosition:">
        <s:HSlider id="slider" minimum="0"
          maximum="{richEditableTxt.contentHeight - richEditableTxt.height}"
          change="richEditableTxt.verticalScrollPosition = slider.value;" />
      </mx:FormItem>
    </mx:Form>
  </mx:ApplicationControlBar>
  <s:RichEditableText id="richEditableTxt" widthInChars="20"
    heightInLines="10" textAlign="justify"
    horizontalCenter="0" verticalCenter="0">
    <s:content>
      <s:p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus, eros ac dignissim interdum, elit sem euismod velit, eget laoreet urna metus nec enim. Cras ornare nulla imperdiet nulla blandit vehicula. Donec risus dolor, sollicitudin nec fringilla nec, aliquet vitae nisl. Duis tincidunt fermentum posuere. Nullam augue sem, rutrum a viverra aliquet, elementum interdum lacus. Aliquam dictum, nulla sit amet tempor commodo, tortor purus ullamcorper turpis, id aliquet dolor mauris vel turpis. Mauris placerat justo non orci porttitor hendrerit. Aenean mattis augue quis turpis dapibus sed eleifend mi sodales. Morbi sem tortor, ultricies vitae laoreet in, viverra id erat. Cras sed varius dolor. Sed vestibulum, sem at vehicula volutpat, enim augue facilisis nunc, ut dapibus nisi mi vel dui. Phasellus elementum leo quis velit mollis aliquam. Fusce a hendrerit lectus. Suspendisse potenti. Nulla urna diam, vulputate sed fringilla eget, consectetur ac risus. Duis sem nisl, hendrerit sit amet volutpat ut, posuere nec diam. Donec dignissim tortor in velit bibendum imperdiet. Sed nibh nulla, fringilla et auctor eu, tincidunt vel arcu.</s:p>
      <s:p>Phasellus egestas nunc et eros accumsan congue ornare nunc vestibulum. In quis erat magna, in mattis purus. Aliquam tempor, velit ac interdum sagittis, nisi neque sodales neque, ac tempus metus leo eget tellus. Cras non gravida tortor. Cras dictum rutrum vehicula. Morbi arcu odio, ultricies quis rhoncus aliquam, consectetur sit amet ligula. In aliquam fermentum mollis. Suspendisse ut massa nibh. Praesent tincidunt, tortor a semper egestas, purus mauris blandit magna, non bibendum leo leo varius odio. Suspendisse aliquet tempor arcu porta posuere.</s:p>
    </s:content>
  </s:RichEditableText>
</s:Application>
If this post answers your question or helps, please mark it as such. Thanks!
http://www.stardustsystems.com
Adobe Flex Development and Support Services

Similar Messages

  • Difference between battery current charge and current max ?

    hey guys, when I'm using battery health app to measure the life of my battery for macbook retina - it says 97.9 percent ( 8360 mAh ) for the current charge but it says the max is 8545 mAh and Original max is 8460 mAh .
    So why is my current charge below the current max ? Doesn't current max mean it should be able to charge up  to that amount ? 

    Hello Kumar,
    This requirement is possible only with referring to a time characteristic. If you have a comparing period also from user selection, you could have created two restricted key figures and difference of that will give you the delta value. for eg;- current month and previous month.
    I don't think we can retrieve the previous image of key figure without referring to a time characteristic.
    In your case I think data change can happen in any day of month. I think you can provide drill down to calday level so that user will get detail day level information. If you create from ORACLE source also, you can give drill to calday level and display detailed data.
    Regards,
    Nikhil Joy

  • X1 Carbon Gen3 (2015) Chassis constantly clicks in and out of position

    It's been 1 week since I received my first Lenovo Laptop - X1 Carbon Gen3 and I'm very pleased with it so far. Since the beginning I noticed a 'clicking' sound produced when resting my palms on the keyboard to type, but couldn't figured out what it was. Today I took a closer look and discovered that the bottom chassis (front corners) is being pushed in and out its position, creating this 'clicking sound'.  It almost looks like the screws were not properly tightend so they do not allow any flex between the bottom chassis and the body of the ultrabook.  I tried tightening the screws, but it seems like they are fully tightened, so there isnt anything I can do about it. I performed a research and found one more user complaining about the same issue here:http://www.reddit.com/r/thinkpad/comments/30a5rz/i_have_a_touch_and_a_nontouch_qhd_x1_carbon_3rd/ I'd like to know if anyone else has experienced this issue and how its best resolved. Many thanks, Chris

    I have the same problem (hope to soon being able to say "I HAVE HAD that problem"...) I was very, very disappointed and very annoyed to see that this overly expensive business laptop which I paid +3K USD for not (even) had the same build quality as a simple Macbook consumer laptop, therefore a couple of days ago I sent my X1 gen3 for repair to fix the squeeking and flexinq bottom cover, and hopefully the Lenovo repair center has swapped either the bottom cover or the screws. I must say that it is really embarrasing for Lenovo to charge a premium for a Laptop with such a lousy bottom cover fit..I mean, honestly, where is the quality control...? Anyway, as soon as I get it back after the weekend I will post an update about the results of the repair.

  • How can I get mouse pressed and mouse released positions on the desktop whi

    Hello All,
    I am generating a Frame using Swing API. My requirement is I need to capture the mouse pressed and mouse released positions, whenever user drags the mouse on desktop region (i.e. outside of the Frame). I require these points to find the rectangle region user has generated starting from mouse pressed to mouse released position. I need to pass that rectangle to Robot class in order to capture that desktop region.
    Can anybody help me out how can I achieve this using java on MAC, Linux and Windows platforms?
    Thanks in advance.
    Regards,
    VPKVL

    VPKVL wrote:
    DarrylBurke wrote:
    Can't be done in Java.I don't think that there is something which can't be done using java. When searched over net, found few applications which are using java for implementing this feature but not free, asking for license fee. I checked by downloading the demo version.
    Just want to know the hint how it can be achieved so that I can move further on that lines.
    Your thoughts ?They use JNI with the OS API.

  • How can I re-arrange the pages in a Pages document now?? I used to be able to click on the thumbnails and shift their position which is important in creating documents.  Any ideas?

    How can I re-arrange the pages in a Pages document now?? I used to be able to click on the thumbnails and shift their position which is important in creating documents.  Any ideas?

    This feature has been removed from Pages 5 along with over 90 others:
    http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&mforum=iworktipsn trick
    Pages '09 is still in your Applications/iWork folder.
    Trash/archive Pages 5 and rate/review it in the App Store.
    Peter

  • Which iMac 27 upgrades for Autodesk Revit and 3ds Max

    Hi,
    I am an architecture student and I'm about to purchase a iMac 27. I will be using bootcamp to run Revit and 3ds Max and was wondering what upgrades I should make (if any).
    512GB SSD or a 1TB fusion drive
    3.4GHz Quad-core Intel Core i5 or a 3.5GHz Quad-core Intel Core i7
    8GB, 16GB or 32GB
    NVIDIA GeForce GTX 775M 2GB GDDR5 or NVIDIA GeForce GTX 780M 4GB GDDR5
    Any advice would greatly be appreciated.
    Thanks

    I don't have CS6...
    1) I would max out the video card. FCP X and Motion 5 uses the GPU over the CPU for processing power. Once you buy your new iMac you can't upgrade this...
    2) FCP X and Motion 5 will use all the ram you can throw at it. I have 16 GB of ram and both programs at times uses all 16 GB of ram. I really should bump up my ram to 32 GB. I would say 16 GB is the minimum for video.
    3) The processor would be last on my list. Computers are really fast even with an i5 processor. Once you buy your new iMac you can't upgrade this...
    This is the iMac I bought last year:
    27" iMc mid-2011
    3.4GHz Quad-Core Intel Core i7
    16GB 1333MHz DDR3 SDRAM - 4x4GB
    2TB Serial ATA Drive + 256GB Solid State Drive
    AMD Radeon HD 6970M 2GB GDDR5
    Apple Magic Mouse + Magic Trackpad
    Apple Wireless Keyboard (English) & User's Guide

  • Query  for getting records  max  reported  timestamp and 2nd max report

    query for getting records in between
    max reported timestamp and 2nd max reported timestamp
    HERE IS ALL RESULT SET
    TIME DOMAIN
    30:jun:2006:20:08:45 TOMCAT
    30:jun:2006:20:08:45 TOMCAT
    30:jun:2006:20:07:04 TOMCAT
    30:jun:2006:20:07:04 TOMCAT
    30:jun:2006:20:07:24 TOMCAT
    30:jun:2006:20:07:24 TOMCAT
    30:jun:2006:20:07:45 TOMCAT
    30:jun:2006:20:07:45 TOMCAT
    30:jun:2006:20:08:05 TOMCAT
    30:jun:2006:20:07:04 TOMCAT
    30:jun:2006:20:08:05 TOMCAT
    PD_REPORTED_TIMESTAM PD_USER
    30:jun:2006:20:08:25 TOMCAT
    30:jun:2006:20:08:25 TOMCAT
    30:jun:2006:20:08:45 TOMCAT
    30:jun:2006:20:08:45 TOMCAT
    30:jun:2006:20:07:24 TOMCAT
    30:jun:2006:20:07:04 TOMCAT
    30:jun:2006:20:07:24 TOMCAT
    30:jun:2006:20:07:45 TOMCAT
    30:jun:2006:20:07:45 TOMCAT
    30:jun:2006:20:08:05 TOMCAT
    30:jun:2006:20:08:05 TOMCAT
    PD_REPORTED_TIMESTAM PD_USER
    30:jun:2006:20:08:25 TOMCAT
    30:jun:2006:20:08:25 TOMCAT
    QUERY RESULT TO COME
    TIME DOMAIN
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45
    Message was edited by:
    user517983

    Hi,
    can we write query like this.
    1 select pd_user,PD_REPORTED_TIMESTAMP
    2 from sp_process_detail_current spdc
    3 where host_id='DSCP02469'and pd_user='TOMCAT'
    4 and exists(
    5 select PD_REPORTED_TIMESTAMP from sp_process_detail_current
    6* having max(PD_REPORTED_TIMESTAMP)-spdc.PD_REPORTED_TIMESTAMP=0)
    SQL> /
    PD_USER PD_REPORTED_TIMESTAM
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45
    TOMCAT 30:jun:2006:20:08:45

  • How to define a schema for fixed length consisting of multiple records of different types having header detail and footer at positions 22 and 23 namely having 10 for header 20 for detail and 30 for footer

    how to define a schema for fixed length consisting of multiple records of different types having header detail and footer at positions 22 and 23 namely having 10 for header ,20 for detail and 30 for footer.
    here is the sample file
    DDWTYBILL13092502572 1000000112\\NHLSFS\ORACLE\ORACLE\BILLING\VERIFY\            2013/09/25 01:19:08 BILLEND     
    DDWTYBILL13092502572 2000000212PRIVATE             PRIVATE             STY5572142     010700         INV                              12STYD000789                  02-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNM    DIMPHANA,CN,CELESTE NERINA                                                                                                        09-JAN-1964                              TYG       A2        DR DU PREEZ                                                                                         5602181             63301345       TB731543                                           Suspect TB ?CA, (L) EMPIEEM                                           Ward A2                                           TYGERBERG HOSPITAL                                                                                  Z03.0                                                       Z03.9                                                          05-AUG-201305-AUG-201324-SEP-2013FEND    113.60
    DDWTYBILL13092502572 2000000312PRIVATE             PRIVATE             STY5572149     010700         INV                              12STYD000789                  02-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNM    DIMPHANA,CN,CELESTE NERINA                                                                                                        09-JAN-1964                              TYG       A2        DR DU PREEZ                                                                                         5602181             63301345       TB731548                                           Empyema BPF                                                           Ward A2                                           TYGERBERG HOSPITAL                                                                                  Z03.9                                                       Z03.9                                                          05-AUG-201305-AUG-201324-SEP-2013FEND    113.60
    DDWTYBILL13092502572 2000000412PRIVATE             PRIVATE             STY5572351     010700         INV                              12STYD000789                  02-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNM    DIMPHANA,CN,CELESTE NERINA                                                                                                        09-JAN-1964                              TYG       A2        DR DU PREEZ                                                                                         5602181             63301345       TB731584                                           Suspect TB ?EMPIEEM, ?CA                                              Ward A2                                           TYGERBERG HOSPITAL                                                                                  Z03.0                                                       Z03.9                                                          05-AUG-201305-AUG-201324-SEP-2013FEND    113.60
    DDWTYBILL13092502572 2000000512PRIVATE             PRIVATE             STY5572352     010700         INV                              12STYD000789                  02-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNM    DIMPHANA,CN,CELESTE NERINA                                                                                                        09-JAN-1964                              TYG       A2        DR DU PREEZ                                                                                         5602181             63301345       TB731585                                           Suspect TB ?EMPIEEM, ?CA                                              Ward A2                                           TYGERBERG HOSPITAL                                                                                  Z03.0                                                       Z03.9                                                          05-AUG-201305-AUG-201324-SEP-2013FEND    113.60
    DDWTYBILL13092502572 2000000612MAJOR               MAJOR               STY5577530     010700         INV                              12ZTYG000009                  02-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNS    ZOZI,S,SIYAMBONGA                                                                                                                 27-MAR-2010                              TYG       D3        DR MAHOMED                                                                                          5602181             113799662      TB731663                                           Lymphadenitis                                                         Ward D3                                           TYGERBERG HOSPITAL                                                                                  I88.9                                                       Z03.9                                                       H1 07-AUG-201307-AUG-201324-SEP-2013MEND     58.52
    DDWTYBILL13092502572 2000000712MAJOR               MAJOR               STY5577537     010700         INV                              12ZTYG000009                  06-AUG-20130000010472      STY       STY       1100611006MGIT                91  NNS    DLAMINI,N,NTLANTLA                                                                                                                09-OCT-1976                              TYG       F1        DR WZESE                                                                                            5602181             135524676      TB731666                                           Suspect TB                                                            Ward F1                                           TYGERBERG HOSPITAL                                                                                  Z03.0                                                       Z03.9                                                       H1 07-AUG-201314-AUG-201324-SEP-2013MEND     58.52
    DDWTYBILL13092502572 30003034120000003032END

    You can create an nXSD using Native Format Builder and use lookAhead attribute to read values at specific position and use that as the choice. You can find an example here
    http://docs.oracle.com/cd/E11036_01/integrate.1013/b28994/nfb.htm#BGBBAJFD

  • I really need help on reseting my security questions i tried sending in my rescue email but the rescue email is not showing up on the password and security tab and i'm positive i don't know the answers this is really getting annoying _

    i really need help on reseting my security questions i tried sending in my rescue email but the rescue email is not showing up on the password and security tab and i'm positive i don't know the answers this is really getting annoying

    If your rescue email is not working and you cannot remember even one answer, then you only have one option - call Apple.
    http://support.apple.com/kb/HT5665

  • Issue with Adobe Encore CS5.1 and Matrox MAX H.264 encoding on Windows

    Here's some information on an issue that we've identified with Matrox products and Encore CS5.1:
    "Issue with Adobe Encore CS5.1 and Matrox MAX H.264 encoding on Windows"

    Still flickering on Encore even when rendered in MPEG-2 DVD in Pemiere Pro CS5.5. Looks perfect in Premiere Pro.
    Any other ideas?
    EDIT: Was looking for Google for people with similar problems to me and I came across this http://forums.adobe.com/message/3959757?tstart=0
    I am currently re-rendering the video in PAL DV Widescreen MPEG-2 DVD and using maximum render quality.

  • How to listen and obtain caret positions of changed text in JTextPane?

    Hi,
    I have a JTextPane that displays text with some styles on particular words in the text. For example, I highlight words with red color if they are in my dictionary file. I use regular expression to find matches, replace them with their corresponded definitions, and call setCharacterAttributes to add styles to the definitions. I store all start and end caret positions of the matched words/definitions in a vector. So, I can redisplay styles of all previous matches.
    The problem is that I'd like to be able to edit the text of some previous matches. So, with those changes all caret positions that I already store in the vector need to be updated.
    How can I obtain caret positions of changed text in JTextPane?
    How can I know that a user is currently changing text in the JTextPane?
    How can I get style of text such as color that is being changed?
    Thank you very much.

    Thank you very much, camickr, for your reply.
    I think that I might not know the right way to handle JTextPane and Document object.
    What I have done are:
    - Add style to JTextPane using, for example,
    Style targetCurrentMatchStyle = this.targetWindowTextPane.addStyle("Red", null);
    StyleConstants.setForeground(targetCurrentMatchStyle, Color.red);//For highlight - Then, I use regular expression (Pattern and Matcher) to find a match in text. For each match, I get start and end position from matcher.start() and matcher.end().
    if(matcher.find(start)){
    String term=matcher.group();
    int start=matcher.start();
    int end = matcher.end();
    //find definition for the matched term.
    String definition=mydictionaryHash.get(term);
    //Store caret positions in lists
    startPositionList.add(start);
    matchedLength=lengthList.add(definition.length());
    //Add changed to text in textpane
    StringBuffer sb=new StringBuffer();
    matcher.appendReplacement(sb, definition);
    matcher.appendTail(sb);
    //Get translated text from StringBuffer after replacement
    String translatedText=sb.toString();
    targetWindoTextPane.setText(translatedText);
    //Update start position for next search
    start=start+definition.length();
    //Add style to matched regions below.
    }- From the lists of start positions and matched lengths, I use the following code to add "Red" color to the matched text regions including all previously matched.
    for(int i=0;i<startPositionList.size();i++){
    this.targetWindowTextPane.getStyledDocument().setCharacterAttributes(
    startPositionList.get(i),
    lengthList.get(i),
    this.targetWindowTextPane.getStyle("Red"),
    true);
    }My issue is that I'd like to be able edit previously matched regions and update all positions of the matched regions stored in the lists.

  • Is it possible to get a report showing Org Units and Number of Positions.

    Dear SAP Gurus,
    I am looking for a report about org units and no.of positions held by this org unit.
    eg :
    CEO(35)
      Department(35)
      ACS (5)                         ABC(30)                  
    AC1(2)  AC2(3)       AB1(10)  AB2(20)      
    The numbers in the brackets are all no. of positions under that org unit.
    I Hope you understand my request.
    Thanks

    S_AHR_61016512
    S_AHR_61016513
    and check the tcode SAP1 in that OM module reprots

  • Pppd disregards 'noipv6' and 'ipv6cp-max-configure' options

    [Note - this post is a duplicate of http://discussions.apple.com/thread.jspa?threadID=2376412&tstart=0 - which seems to be in the wrong category]
    Hi,
    I am attempting to use a Sony Ericsson phone to connect my Macbook to the internet using bluetooth.
    I have configured the phone, but it fails to connect. Accordingly, I have enabled verbose logging so that I can see what's going wrong with the connection.
    I watch the PPP negotiation, and my end successfully completes the LCP phase including PAP.
    However, my end then sends an IPV6CP request, which confuses my provider's PPP implementation - it sends back an LCP reject message, and the whole thing just dies.
    I have created the file /etc/ppp/options and placed in it "noipv6" and "ipv6cp-max-configure 0" directives. I can see that the /etc/ppp/options file is being read, but pppd nonetheless sends an IPV6CP message.
    Is there a known issue with pppd (Apple version 412) not accepting options listed in /etc/ppp/options? Is there some other location that (as a user) I can place options to pppd (other than the configuration tabs in Networking)?
    Thanks in advance!

    I disabled ipv6 and am checking my (verbose) ppp logs and its gone, but still I have the 30 second delay...  QUITE frustrating..  I detailed my whole problem in another thread...  Not sure what is causing it.
    But I have to say Mavericks and Yosemite have opened up a huge can of enterprise IT worms.  Finder can barely parse directory listings using SMB, had to switch entire office over to AFP, 30 second delay with obtaining IP when connecting to Sonicwall using L2TP, Folders have different names depending upon how I connect to server (AFP vs. SMB).  Total hassle.

  • Torch Wont charge with a DC 5V +/-0.25 and 1A max charger

    So I have the Torch 9850 from Sprint and the phone charges just fine from every source except this new charging port I bought for my motorcycle.
    the Port works with BlackBerry and the output is DC 5V +/-0.25 and 1A max.
    Which from what I can read on the back of the Blackberry charger should be the proper power requirments.
    Why wont the stupid thing work.  keeps telling me there isn't enough power!
    I even tried using just a charging cable with no data connection.  it still wont charge and when I do this it wont even give me the message that there isn't enough power to charge the phone, it just does nothing

    I know your frustrated with your issue but you need to go through the steps.
    Sprint, your carrier, is the place of support with your device. just like a car dealer works, you dont call the manufacture with issues.
    If sprint is unable to do anything they can escalate to RIM, if the device has a faulty charge circut, there is not much we could do to fix it.
    Click here to Backup the data on your BlackBerry Device! It's important, and FREE!
    Click "Accept as Solution" if your problem is solved. To give thanks, click thumbs up
    Click to search the Knowledge Base at BTSC and click to Read The Fabulous Manuals
    BESAdmin's, please make a signature with your BES environment info.
    SIM Free BlackBerry Unlocking FAQ
    Follow me on Twitter @knottyrope
    Want to thank me? Buy my KnottyRope App here
    BES 12 and BES 5.0.4 with Exchange 2010 and SQL 2012 Hyper V

  • Issue with container divs, and absolute/fixed positioning

    Hello everyone, I have an issue getting my divs to function properly. I have a container div and I want the table div to float inside (and move with page resize). Right now it doesnt move with the page (see photo).
    However, when I change the position to relative of that div, it moves under the container div and locks itself there.(Second photo)
    Any help would be great! Thanks!
    Picture one:
    Picture two
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>davide marchetti architetto</title>
    <!-- TemplateEndEditable -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <link href="ttp://mottie.github.com/tablesorter/css/theme.blue.css" rel="stylesheet">
    <script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.js"></script>
    <script type="text/javascript" src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.widgets.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
            $("#myTable").tablesorter();
    </script>
    <style type="text/css">
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    color: #000;
    background-image: url();
    background-repeat: no-repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
    padding: 10px 0;
    font-size: x-small;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    body,td,th {
              font-family: "Courier New", Courier, monospace;
              font-size: 12px;
    #apDiv1 {
    position: relative;
    width: 618px;
    height: 268px;
    z-index: 1;
    left: 186px;
    top: 147px;
    overflow: hidden;
    #apDiv2 {
              position: relative;
              width: 698px;
              height: 299px;
              z-index: 1;
              left: 266px;
              top: 117px;
              overflow: scroll;
    table.tableizer-table {
    border: 1px solid #CCC; font-family: Courier New, Courier, monospace;
    font-size: 12px;
    .tableizer-table td {
    padding: 4px;
    margin: 3px;
    border: 1px solid #ccc;
    .tableizer-table th {
    background-color: #000000;
    color: #FFF;
    font-weight: bold;
    #apDiv4 {
    position: relative;
    width: 697px;
    height: 299px;
    z-index: 1;
    left: -141px;
    top: -636px;
    overflow: scroll;
    #apDiv3 {
    position: relative;
    width: 700px;
    height: 300px;
    z-index: 2;
    h1,h2,h3,h4,h5,h6 {
    font-family: "Courier New", Courier, monospace;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <div class="container">
      <div class="container"><img src="../images/Davide.png" width="800" height="600" usemap="#Map" border="0" />
        <div id="apDiv2">
          <map name="Map" id="Map">
            <area shape="rect" coords="48,416,125,435" href="../news.html" />
            <area shape="rect" coords="262,416,304,436" href="../studio.html" />
            <area shape="rect" coords="490,416,545,435" href="../projects.html" />
            <area shape="rect" coords="702,415,751,436" href="../contact.html" />
          </map>
          <table id="myTable" class="tableizer-table">
            <thead>
              <tr class="tableizer-firstrow">
                <th>YEAR </th>
                <th>PROJECT</th>
                <th>LOCATION</th>
                <th>CATEGORY</th>
                <th>STATUS</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>2013</td>
                <td>EXPO 2015 - Italian Pavilion</td>
                <td>Milan - Italy</td>
                <td>Culture</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td>2012</td>
                <td>Requalification of "Almerici", "Bufalini" and "Fabbri" Squares</td>
                <td>Cesena - Italy</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Re-thinking Shanghai: sustainable intervention along the Suzhou Creek</td>
                <td>Shanghai - China</td>
                <td>Mixed use</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>VCC Flat</td>
                <td>Rome - Italy</td>
                <td>Interior design</td>
                <td>Commission / Built</td>
              </tr>
              <tr>
                <td>2011</td>
                <td>London 2012 Olympic Games Information Pavilion</td>
                <td>London - UK</td>
                <td>Culture</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Enhancement project for the sacred area of the sanctuary of Hercules Victor</td>
                <td>Tivoli - Italy</td>
                <td>Culture</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td>2010</td>
                <td>VTL Flat </td>
                <td>Rome - Italy</td>
                <td>Interior design</td>
                <td>Commission / Built</td>
              </tr>
              <tr>
                <td> </td>
                <td>BNC Flat</td>
                <td>Rome - Italy</td>
                <td>Interior design</td>
                <td>Commission / Built</td>
              </tr>
              <tr>
                <td> </td>
                <td>Expansion of the "Farnesina" High School</td>
                <td>Rome - Italy</td>
                <td>Education</td>
                <td>Competition / Selected Project</td>
              </tr>
              <tr>
                <td> </td>
                <td>Neanderthal Art Center</td>
                <td>Pilo�a - Spain</td>
                <td>Culture</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>New pedestrian & cycling footpath in the site of the "San Leopoldo II" old bridge</td>
                <td>Poggio a Caiano - Italy</td>
                <td>Infrastructure</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Proposition 2065 - St. Leonards site</td>
                <td>Sidney - Australia</td>
                <td>Mixed use</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>MEIS - National Museum of Italian Judaism and Shoah </td>
                <td>Ferrara - Italy</td>
                <td>Culture</td>
                <td>Competition / 3rd Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>36 The Calls Design Competition</td>
                <td>Leeds - UK</td>
                <td>Offices</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Europan 10: masterplan for an harbour area</td>
                <td>Rudk�bing - Denmark</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td>2009</td>
                <td>"Scuola in Piazza a Levante" - Kindergarten and public areas</td>
                <td>Bisceglie - Italy</td>
                <td>Education</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>CIBAF - City of Kids </td>
                <td>Frattamaggiore - Italy</td>
                <td>Education</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Designing in Teheran</td>
                <td>Teheran - Iran</td>
                <td>Mixed use</td>
                <td>Competition / Selected Project</td>
              </tr>
              <tr>
                <td>2008</td>
                <td>DawnTown 2008: Waterworks</td>
                <td>Miami - USA</td>
                <td>Mixed use</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Venice Biennale New Australian Pavillion</td>
                <td>Venice - Italy</td>
                <td>Culture</td>
                <td>Competition / 1st Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>New pedestrian and cycling bridge</td>
                <td>Civita di Bagnoregio - Italy</td>
                <td>Infrastructure</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Renovation of "San Ciro" Square</td>
                <td>Portici - Italy</td>
                <td>Urban planning</td>
                <td>Competition / 2nd phase selected / 3rd Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>Renovation of "Umberto I�" Square</td>
                <td>San Ferdinando di Puglia - Italy</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Historic Renovation of the "Corsie Sistine" Hospital Wards </td>
                <td>Rome - Italy</td>
                <td>Culture</td>
                <td>Tender Competition (design/bid/build)</td>
              </tr>
              <tr>
                <td> </td>
                <td>Cupboard</td>
                <td>Rome - Italy</td>
                <td>Furniture design</td>
                <td>Commission / Built</td>
              </tr>
              <tr>
                <td> </td>
                <td>Office table and lighting system</td>
                <td>Rome - Italy</td>
                <td>Furniture design</td>
                <td>Commission / Built</td>
              </tr>
              <tr>
                <td> </td>
                <td>New City Library</td>
                <td>Legnano - Italy</td>
                <td>Library</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Office table</td>
                <td>Rome - Italy</td>
                <td>Furniture design</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td> </td>
                <td>Volleyball Arena, Hotel and Commercial Spaces</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td>2007</td>
                <td>New Provincial Archaeological Museum in the Santa Scolastica Monastery</td>
                <td>Bari - Italy</td>
                <td>Culture</td>
                <td>Competition / 5th Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>The City of Water and Health</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Parkway Iconic Bridge</td>
                <td>Sheffield - UK</td>
                <td>Infrastructure</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Renovation of "Loveno 84" Sport Center</td>
                <td>Menaggio - Italy</td>
                <td>Sport</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>"Guardia di Finanza" Corp Main Headquarters</td>
                <td>Catanzaro - Italy</td>
                <td>Mixed use</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>"Lega Lombarda" Real Estate Complex Urban Development</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Tender Competition (design/bid/build) </td>
              </tr>
              <tr>
                <td> </td>
                <td>Necklace</td>
                <td>Rome - Italy</td>
                <td>Jewellery design</td>
                <td>Prototype </td>
              </tr>
              <tr>
                <td> </td>
                <td>Moon putter</td>
                <td>Rome - Italy</td>
                <td>Product design</td>
                <td>Prototype</td>
              </tr>
              <tr>
                <td> </td>
                <td>Aleale Coffee Table</td>
                <td>Rome - Italy</td>
                <td>Furniture design</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td>2006</td>
                <td>"1st October" Public Square</td>
                <td>Santa Maria Capua Vetere - Italy</td>
                <td>Urban planning</td>
                <td>Competition / 1st Prize / Built</td>
              </tr>
              <tr>
                <td> </td>
                <td>"Attilio Pecile" New Square and Sustainable Mixed Use Building</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Competition / 1st Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>Renewal of the "Porta Nuova" Old Tower</td>
                <td>Venice - Italy</td>
                <td>Culture</td>
                <td>Competition / 2nd Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>"Meno e pi� 4": Civic Center and Pre-school Building</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Competition / Mention</td>
              </tr>
              <tr>
                <td> </td>
                <td>Urban Renewal of Historic Building and Public Squares</td>
                <td>Conversano - Italy</td>
                <td>Urban planning</td>
                <td>Competition / 2nd Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>New Seafront and Beach Accesses</td>
                <td>Fregene - Italy</td>
                <td>Urban planning</td>
                <td>Competition / Mention</td>
              </tr>
              <tr>
                <td> </td>
                <td>Requalification of Main Streets and Squares of the Old City Centre</td>
                <td>Bari - Italy</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Gyeonggi-do Jeongok Prehistory Museum</td>
                <td>Jeongok-ri - South Korea</td>
                <td>Culture</td>
                <td>Competition / Honourable Mention</td>
              </tr>
              <tr>
                <td> </td>
                <td>Low-income housing development</td>
                <td>Guadalajara/Ceuta - Spain</td>
                <td>Residential</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Shop extension</td>
                <td>Rome - Italy</td>
                <td>Retail</td>
                <td>Commission / Concept Design</td>
              </tr>
              <tr>
                <td> </td>
                <td>Temporary Concert Hall</td>
                <td>Rome - Italy</td>
                <td>Culture</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td> </td>
                <td>Office Space Interior Design - New Seat of the Lombardy Regional Government </td>
                <td>Milan - Italy</td>
                <td>Office</td>
                <td>Tender Competition (design/bid/build)</td>
              </tr>
              <tr>
                <td>2005</td>
                <td>Europan 8 - Urban Requalification</td>
                <td>Istanbul - Turkey</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Natural Park Visitor Center, Kindergarten and Primary School</td>
                <td>Funes - Italy</td>
                <td>Education</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Coastal Area Development</td>
                <td>Latina - Italy</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Requalification of Three Squares</td>
                <td>Benevento - Italy</td>
                <td>Urban planning</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Office and Data Center New Building in the Ministry of Defense headquarters</td>
                <td>Rome - Italy</td>
                <td>Office</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td>2004</td>
                <td>JCD Floating Pearl Store</td>
                <td>Tokio - Japan</td>
                <td>Retail</td>
                <td>Competition / 2nd phase selected </td>
              </tr>
              <tr>
                <td> </td>
                <td>Requalifications of Rome�s Beachfront and Coastal Areas</td>
                <td>Ostia - Italy</td>
                <td>Urban planning</td>
                <td>Competition / 1st Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>40 Apartments Building and Sport Center</td>
                <td>Rome - Italy</td>
                <td>Mixed use</td>
                <td>Competition / 2nd Prize</td>
              </tr>
              <tr>
                <td> </td>
                <td>nMBA New Beaux-Art Museum</td>
                <td>Lausanne - Switzerland</td>
                <td>Culture</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>The Dubai Residence and Hotel Towers</td>
                <td>Dubai - UAE</td>
                <td>Mixed use</td>
                <td>Concept Design</td>
              </tr>
              <tr>
                <td> </td>
                <td>Shoes and Accessories Shop</td>
                <td>Rome - Italy</td>
                <td>Retail</td>
                <td>Commission / Concept Design</td>
              </tr>
              <tr>
                <td>2003</td>
                <td>Pedestrian and cycling Bridge </td>
                <td>Rome - Italy</td>
                <td>Infrastructure</td>
                <td>Competition</td>
              </tr>
              <tr>
                <td> </td>
                <td>Temporary Pavillion for a Car Show</td>
                <td>Rome - Italy</td>
                <td>Retail</td>
                <td>Commission / Concept Design</td>
              </tr>
              <tr>
                <td> </td>
                <td>Belvedere Tower</td>
                <td>Castellammare di Stabia - Italy</td>
                <td>Infrastructure</td>
                <td>Concept Design</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    <!-- end .container --></div>
    </body>
    </html>

    #apDiv2 {
        position: absolute;
        width: 698px;
        height: 299px;
        z-index: 1;
        left:50px;
        top: 117px;
        overflow: scroll;
    Don't forget to fix your code errors.  You're still missing a <body> tag in your markup. 
    Nancy O.

Maybe you are looking for