Problem with Absolute Positioning

     I have a LARGE number of web pages (>1500) that have fields that are absolutely positioned.  I have to process these pages (JSPs) and create a temporary HTML file that will be edited in Dreamweaver.  The editing will only modify the CSS file: the temporary HTML is throw-away.
The goal is to use Dreamweaver to organize fields on the screen and have it modify only the position in the CSS.
My problem is that when I create the temporary HTML, it looks fine in the browser, but Dreamweaver displays the elements using a normal flow, and not using the absolute position.  I have checked the "AP Elements" tab in DW, and it shows all my fields and the "Prevent overlaps" checkbox is UNCHECKED.
Any guidance will be appreciated...
Here is a small HTML example (CSS below that):
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>
And finally, the CSS:
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;

Ahh - nevermind.  I see you fixed your code....  Now I'll take a look.
On this page in DW, the fields seem to be placed using the absolute positioning, not the normal flow.  Is the additional CSS contained in the externally linked CSS file?
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;
}</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>

Similar Messages

  • Problem with Image positioning

    Hello everyone I am having a problem with the positioning of an image I want to sit on  top of the background in DW. I want it to sit on top of the background  because I want to use a behaviour effect so that it fades in. Anyway, I  go to Insert and choose the image I want, and it shows up in the  top-left corner of my DW, which I expect it to. However, I want the  Image to sit a lot further down the page (and eventually at the center). So, I select the image and go  to the "V Space" in the properties panel and I alter the value in it so  that the image will be positioned further down the page. However, when I  do this for some reason the whole page shifts to the left a little and I  also get a scroll bar that makes the page a lot longer, which I don't  want. Does anybody know why this is happening and what I could do to  prevent it? I will attach a "before" and "after" screenshot so you can see what I mean a little more clearly.
    If you can see the whole page shifts slightly to the left and I get a scroll bar which makes the page a fair bit longer. I've also experimented a little by moving the image down bit by bit and found that everything is fine until I cross around 200 on "VSpace"-  after that is when the page shifts and I get the scroll bar.
    I greatly appreciate any help! Thanks

    As a starting point, Copy & Paste this code into a new, blank  HTML document.   The comments will guide you.
    <!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=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    html {font-size: 100%}
    body {
    margin: 0;
    background:#000;
    font: 1em Geneva, Arial, Helvetica, sans-serif;
    color: #FFF;
    text-align:center;
    #wrapper {
    width: 960px; /**width in px, ems or %**/
    margin:0 auto; /**centers page**/
    padding: 0;
    border: 2px solid silver; /**optional border**/
    #header {
    text-align: center;
    border: 1px dotted silver; /**optional border**/
    /**Main Menu**/
    #navlist {
    margin: 0;
    padding: 0;
    font: italic 24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: center;
    #navlist li {
    margin: 0;
    padding:0;
    list-style: none;
    display: inline;
    #navlist li a {padding: 0.75em; text-decoration: none;}
    /**link colors**/
    #navlist li a:link,
    #navlist li a:visited { color: #999; }
    /**On mouseover**/
    #navlist li a:hover,
    #navlist li a:active,
    #navlist li a:focus { color: #FFF; text-decoration: underline;
    /**End Menu styles**/
    #content {
    width: 400px;
    font-size: small;
    margin: 20px auto 0 auto;
    text-align: center;
    color: #CCC;
    #content ul li {margin:0; padding:0;
    list-style:none}
    /**Rollover Image**/
    #content a img {
    border:none;
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)}
    #content a img:hover,
    #content a img:active,
    #content a img:focus {opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)}
    #footer {
    border-top: 4px solid #990000;
    font-size: x-small;
    text-align: left;
    margin:0;
    padding: 0 0 0 15px
    /**RE-USABLE CLASSES**/
    .left {text-align:left}
    .right {text-align: right}
    .center {text-align:center}
    </style>
    </head>
    <body>
    <div id="wrapper">
    <!--begin header -->
    <div id="header">
    <h1>Amy Carrier </h1>
    <!--end header --></div>
    <!--begin menu-->
    <ul id="navlist">
    <li><a href="#">AC</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Contact</a></li>
    </ul> <!--end navlist -->
    <!--end menu -->
    <!--begin content -->
    <div id="content">
    <p class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac dolor velit, sed adipiscing ipsum. </p>
    <ul>
    <li>details</li>
    <li>details</li>
    <li>details</li>
    </ul>
    <!--Replace this linked image with your own -->
    <a href="http://www.google.com/chrome"><img src="http://dret.net/lectures/web-fall09/img/chrome-logo.png" alt="image" /></a>
    <!--end content --></div>
    <!--begin footer -->
    <div id="footer">
    <p>@ 2010 Footer text goes here</p>
    <!--end footer --></div>
    <!--end wrapper --></div>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • CS5 Problem with box positioning

    CS5 Problem with box positioning. 0 Point for box positioning is on the right side now, how can I change it so its on the left side of the box again?
    (When I started to work on my document all of my text boxes were positioned at 20px now they are at 180px and they are 160px width)
    Thanks in advance!

    Without a screen capture showing a bit more about what you mean, I can't tell if this is just a case that you need to reset the zero-point on the ruler (or change from ruler per page to ruler per spread or ruler on spine...) or some other problem entirely.
    You can embed a screen capture in a post using the camera icon on the web page like this:

  • Problem with geo positioning

    I have big problems with geo positioning in Google Maps (and other apps) with my Swedish 3G 2.1 iPhone. Most of the time it works fine and my positions is found quick and easy. On some places, the positioning is WAY OFF. For example, at my home the positioning system seems to think that I am in India. Not the case, I can tell you! When I was in London this weekend the positioning said I was in Thailand when I was at Stansted airport. Same story both on the day of arrival and departure. In the city of London it worked fine at all times.
    What can I do about this much annoying stuff?
    Please help!
    Message was edited by: HenkeL

    Turn off WiFi.
    What is happening is some WiFi router near you was recorded into SkyHooks database with it's MAC address and Lat/Lng as being in those places. Part of the lookup of finding you will use any nearby wifi MAC addresses and look them up in Skyhooks database. If their data is wrong, that is what happens. People can move from one place to another bring their router with them. Companies can need to repair a router and send it off to another part of their business (eg: from one airport to another).
    Turning off WiFi means it won't try to use MAC addresses of nearby wifi spots. It is the price you pay for relying on somebody elses data that has the ability to get out of date.

  • Problem with 'Guides' position

    Hi,
    I've just tried the new Adobe Dreamweaver CS5, but I've got a problem. I am editing static html pages so it's important for me to know the exact position of an object. I am using 'Guides' for this (the greeen lines, you can pull from the rulers). But the problem is that the horizontal Guides do not show the real position, instead they show a higher value. There is no problem with the vertical ones though. What's more only those Guides are wrong which are out of the screen (you have to use the scrollbar on the side to see them).
    I would really appreciate you help. Thanks for your early answer.
    Lajoska

    Hi
    Before inserting the guides did you set the 0,0 position at the top / left hand of your design?
    PZ
    www.pziecina.com

  • Rendering bug with absolutely positioned button tags

    I'm using Firefox 10.0.1 and I've found a bug regarding button elements that are absolutely positioned. The problem is setting both the right and left CSS attributes does not affect the width of the button as it should.
    Here is some example code to show what I mean (the forum is mangling the html, hopefully you can get the gist of it):<br />
    <br />
    <pre><nowiki><html>
    <body>
    <div style="width: 500px; position: relative;">
    <button style="position: absolute; left: 0; right: 0;">Test</button>
    </div>
    </body>
    </html></nowiki></pre>
    In all other browsers the button will be 500px wide. In Firefox, it will fit to the text.

    Why don't you give that button a width:100% if you want it to take the full width of that DIV container?

  • HTML Textfield Problem with Image Positions/Image Tag img

    I am using :
    Flash Builder Burito - Flex Hero SDK -  Air 2.5 - Flash Player 10.1
    Hi,
    i have a problem with the normal Textfield.I'm loading html text into it and apply an css stylesheet on it. Everything works fine, but if there is an <img> in the html code, the image is displayed at the wrong position (top left).
    It looks like the Problem is only in Air Applications. I tried the exact same code in an normal actionscript project and tested it in the broweser. Here the images are at the right position.
    Does anybody else has this problem in Air or knows a solution to this?
    Thanks. Laurid
    btw: I tried it on Windows 7 and Android with the same problem.

    Okay, I think I found the solution myself:
    http://www.kirupa.com/forum/showthread.php?t=322233
    For AIR content in the application security sandbox, AIR ignores img  tags in HTML content in ActionScript TextField objects. This is to  prevent possible phishing attacks,
    This does not make any sense to me. Can somebody please explain it to me? I can load images with the loader-class and combine it with my html text. The only thing which does not work is that the text is wrapping aroung the images. So why does this prevent phishing attacks?
    For me this doesn't make sense at all. It's just annoying that you develop an application in Flash and that it's not working the same way in Adobe Air. Now I have to find a complicated work-around myself. Or does anybody know how I can easily wrap text around images?
    Thanks. Laurid

  • Problem with Absolute Navigation (External Window) and Light Framework Page

    Hi All,
    We are using Light Framework page for the portal devolopment. We have an application including two webdynpro iviews where absolute navigation is used to traverse from first iview to second iview (When user clicks a button on first iview). We are showing the second iview in external window (SHOW_EXTERNAL). When ever i clicks the button to traverse to second iview, i am getting an exception.
    When we are showing it in same window (SHOW_INPLACE), it is working fine. But the iview is appeared in half of the page with scrollbars. It is working fine with default framework page (with both options SHOW_INPLACE and SHOW_EXTERNAL) and dispalyed in original size as mentioned in iview properties.
    Could you please suggest us whether there is any work around for this.
    Thanks,
    Sudheer

    Hi Kathiresan
    I couldn't see the address bar of the window (In which second iview is getting displayed). But i can observe no parameters that i passed from first iview is visible in the view source of the second iview (When SHOW_EXTERNAL is used in absolute navigation). I could see all the parameters in the view source (when SHOW_INPLACE is used for absolute navigation). But i am using the same url for both the options (for SHOW_INPLACE and SHOW_EXTERNAL).
    I doubt about the url being passed when SHOW_EXTERNAL option is used. But when we checked in debug, The correct url is being triggered (Atleast from first iview). Is there any way that could display the second window with address bar. What is making difference  between SHOW_INPLACE and SHOW_EXTERNAL with absolute navigation and light framework page.
    Could someone please suggest.
    Thanks,
    Sudheer.

  • Problems with relative positioning divs

    Hi all,
    I'm still new to this css layouts thing, but am stumped by this problem. I have numerous parent divs with multiple child divs within them on my page design, and for some reason these child divs are not taking up the correct spacing that I enter in the CSS. They are all relative positioned, mostly using floats and clears (and I don't think I've missed any of those). Help! Hoping that it's something simple I've missed.
    To pinpoint one example of this recurring problem, the #sidenav_one div will float: left with a spacing of top 8px and left 8px, but then #sidenav_two refuses to float: left, clear: both with a spacing of top 8px (I've had to put in 16px to actually get 8px, in both Firefox, Safari and Opera). (relevant parts of code highlighted).
    I am happy to change how I've structured the page, if people think there is a better or cleaner way to do it. Thanks in advance.
    A
    <!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" />
    <title>United Future Foundation</title>
    <style type="text/css">
    <!--
    #container {
        position:absolute;
        left:517px;
        top:15px;
        width:972px;
        height:auto;
        z-index:1;
        background-color: #999;
        margin-left: -461px;
        padding-bottom: 25px;
    #banner {
        position:relative;
        width:872px;
        height:210px;
        z-index:2;
        background-color: #FFF;
        float: left;
        left: 50px;
        top: 15px;
        color: #999; 
    #banner_left { 
        position:relative; 
        width:450px; 
        height:70px; 
        z-index:2; 
        float: left; 
        left: 5px; 
        top: 5px; 
    #banner_right { 
        position:relative; 
        width:208px; 
        height:200px; 
        z-index:2; 
        float: right; 
        top: 5px; 
        right: 5px; 
    #banner_name { 
        position:relative; 
        width:550px; 
        height:140px; 
        z-index:2; 
        clear: left; 
        float: left; 
        left: 5px; 
    .rounded { 
        -moz-border-radius:5px; 
        -webkit-border-radius:5px; 
    body { 
        font-family: "Myriad Pro", "Helvetica Neue", sans-serif; 
    p { 
        font-family: "Myriad Pro", "Helvetica Neue", sans-serif; 
        font-size: 14px; 
        color: #000; 
    h1 { 
        font-size: 16px; 
        color: #000; 
        text-align: center; 
        vertical-align: top; 
    h2 { 
        font-size: 20px; 
        color: #000; 
        text-align: left; 
    #content { 
        position:relative; 
        left:50px; 
        width:872px; 
        height:auto; 
        z-index:2; 
        clear: both; 
        float: left; 
        background-color: #FFF; 
        top: 20px; 
    #sidenav_one {
        position:relative;
        left:8px;
        top:8px;
        width:136px;
        height:44px;
        z-index:2;
        background-color: #999;
        float: left;
        overflow: hidden;
    #sidenav_two {
        position:relative;
        left:8px;
        top:16px;
        width:136px;
        height:44px;
        z-index:2;
        background-color: #999;
        float: left;
        overflow: hidden;
        clear: left;
    #sidenav_three { 
        position:relative; 
        left:8px; 
        top:24px; 
        width:136px; 
        height:44px; 
        z-index:2; 
        background-color: #999; 
        clear: left; 
        float: left; 
        overflow: hidden; 
    #text { 
        position:relative; 
        top:8px; 
        width:700px; 
        height:auto; 
        z-index:2; 
        background-color: #FFF; 
        float: right; 
        right: 14px; 
    #home_home { 
        position:relative; 
        width:250px; 
        height:188px; 
        z-index:3; 
        clear: both; 
        float: left; 
        top: 10px; 
        left: 31px; 
    #home_about { 
        position:relative; 
        left:30px; 
        width:250px; 
        height:188px; 
        z-index:2; 
        float: left; 
        top: 10px; 
    #home_events { 
        float: left; 
        height: 188px; 
        width: 250px; 
        position: relative; 
        left: 30px; 
        top: 10px; 
    -->
    </style>
    <script type="text/JavaScript" src="curvycorners.js"></script>
    <script type="text/JavaScript">
    window.onload = function() {
        var settings = {
          tl: { radius: 5 },
          tr: { radius: 5 },
          bl: { radius: 5 },
          br: { radius: 5 },
          antiAlias: true
        var divObj = document.getElementById(".rounded"); 
        curvyCorners(settings, divObj);
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head> 
    <body onload="MM_preloadImages('images/news_down.jpg','images/about_down.jpg','images/what_up.j pg','images/who_down.jpg','images/support_down.jpg','images/contact_down.jpg')">
    <div class="rounded" id="container">
    <div class="rounded" id="banner">
    <div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /></div>
    <div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div>
    <div id="banner_name"><img src="banner_name.gif" width="509" height="133" /></div>
    </div>
    <div id="spot">you are here</div>
    <div class="rounded" id="content">
    <div id="text">
    <h2> Breaking the Cycle - United Future Foundation</h2>
    <p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
    <p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
    </div>
    <div class="rounded" id="sidenav_one">
        <h1>News</h1>
    </div>
    <div class="rounded" id="sidenav_two">
      <h1>Press Releases</h1>
    </div>
    <div class="rounded" id="sidenav_three">
        <h1>Media</h1>
    </div>
    <div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a></div>
    <div id="home_about"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a></div>
    <div id="home_events"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a> </div>
    </div>
    </div>
    </body>
    </html>

    This is much simpler than you would think. You're making it hard work for yourself because you believe css is much more comlex than it really is or need be.
    You rarely need to use relative positioning at all. You are using too many <divs> and redundant css attributes to reach your goals.
    Think of the web as a simple structure of boxes and ino those boxes you place html tags or 'when' needed other <divs> ('when' is the choice word here. In time you will know when and when not to)
    Copy the css and page code below and paste into a new Dreamweaver document. See how much leaner and cleaner the css and html code is.
    <!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" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
    p {
    font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #000;
    .rounded {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    #spot {
    text-align: right;
    #container {
    margin: 0 auto; /* horizontally centers container which has a width */
    margin-top: 15px;
    width: 972px;
    background-color: #999;
    padding-bottom: 25px;
    overflow: hidden; /* a method to clear floated containers within a parent container */
    #banner {
    width: 872px;
    height:210px;
    background-color: #FFF;
    margin: 0 auto; /* horizontally centers container which has a width */
    margin-top: 15px;
    color: #999;
    #banner_left {
    width:509px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    #banner_right {
    width:208px;
    height:200px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    #banner_name {
    position:relative;
    width:550px;
    height:140px;
    clear: both;
    margin-left: 5px;
    #content {
    margin: 0 auto; /* horizontally centers container which has a width */
    width:872px;
    background-color: #FFF;
    margin-top: 20px;
    overflow: hidden; /* a method to clear floated containers within a parent container */
    #sidenav {
    margin-left:8px;
    margin-top:8px;
    width:136px;
    float: left;
    h1 {
    font-size: 16px;
    color: #000;
    text-align: center;
    background-color: #999;
    padding: 10px 0 10px 0; /* short hand for top/right/bottom/left */
    margin: 0 0 6px 0; /* short hand for top/right/bottom/left */
    #text {
    margin: 8px 0 0 18px; /* short hand for top/right/bottom/left */
    width:700px;
    background-color: #FFF;
    float: left;
    #home_home {
    width:750px;
    height:188px;
    clear: both;
    margin: 10px 0 0 31px; /* short hand for top/right/bottom/left */
    #home_home img {
    float: left;
    </style>
    </head>
    <body>
    <div class="rounded" id="container">
    <div id="spot">you are here</div>
    <div class="rounded" id="banner">
    <div id="banner_left"><img src="banner_uff.jpg" width="450" height="70" /><img src="banner_name.gif" width="509" height="133" /></div><!-- end banner left -->
    <div id="banner_right"><img src="ufflogo.jpg" width="208" height="200" /></div><!-- end banner right -->
    </div><!-- end banner -->
    <div class="rounded" id="content">
    <div class="rounded" id="sidenav">
        <h1>News</h1>
        <h1>Press Releases</h1>
        <h1>Media</h1>
    </div><!-- end sidnav -->
    <div id="text">
    <h2> Breaking the Cycle - United Future Foundation</h2>
    <p>United Future Foundation is an Australian non-government organisation operating in Uganda. UFF is “breaking the cycle” through education. We believe that education is the primary means of creating lasting change, increasing literacy and improving employment. UFF is building a combined primary school and vocational training centre for over 300 students in the Kasanje region of Uganda. </p>
    <p>United Future Foundation is focussed on facilitating access to education and skills training for disadvantaged youth in poverty stricken and remote areas of Uganda. We strongly believe that education is the first and foremost method to break the cycle of illiteracy, ill health and lack of opportunities. </p>
    </div><!-- end text -->
    </div><!-- end content -->
    <div id="home_home"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/news_down.jpg',1)"><img src="images/news_up.jpg" name="home" width="250" height="188" border="0" id="home" /></a>
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_down.jpg',1)"><img src="images/about_up.jpg" name="about" width="250" height="188" border="0" id="about" /></a>
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('events','','images/what_up.jpg',1)"><img src="images/what_down.jpg" name="events" width="250" height="188" border="0" id="events" /></a>
    </div><!-- end home_home -->
    </div><!-- end container -->
    </body>
    </html>

  • Problem with text positioning on webpages

    Hello,
    I have difficulties tu put text exactly the same place on the different pages of my website.
    Could someone have a look and help me?
    www.transgenic-rabbit-models.com
    It concerns the "address" text box (botom left of each page).
    Once on IE or firefox, only 2 pages are OK ("Home" and "TRM toolbox" K)
    The text box on the two other pages "Rabbits as models" and "R&D" is not correctly positionned.
    However, the properties of the text box under DW indicates they are all the same on every web page.
    I do not understand where is problem.
    I am not expert of DW...
    I would appreciate if someone could help!!!
    Thanks for your kind help.
    Regards,
    Alexandre

    You have bigger problems than you realize.   On this page - the one after the Splash intro page,
    http://www.transgenic-rabbit-models.com/Home.html
    As seen in Firefox with increased text.  See screenshot.
    Notice how your text boxes are colliding into other text boxes?  This happens when web designers paint themselves into a corner with a rigid layout.  Web pages must be flexible for all screen and text sizes.
    You are using APDivs as a primary layout method which is a bad choice.  And here is why.
    http://apptools.com/examples/pagelayout101.php
    Suggested Tutorials -
    From  Tables to CSS Web Design Part 1 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
    From   Tables to CSS Web Design Part 2 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Problem with Sound.position

    I find that Sound.position does not reset to 0 when using
    Sound.loadSound(). It seems to continue with the last value. If a
    loaded sound is stopped at position 500. Starting the sound again
    plays the sound from 0 but position starts at 500?
    I have worked around this by making a new sound object when a
    loadedSound is stopped. Is there a better solution?

    This is not an intermittent problem. This is how the Sound
    object works. I'm using Flash 8. It worked this way under Flash 7
    also.
    Try it for yourself. Follow these steps:
    1) Make a new text field to display the position. Then make
    two buttons one to play and one to stop the sound.
    2) Make a Sound object
    3) Add an onEnterFrame function to the main timeline that
    puts the position of the sound in the field
    4) Set up the first button to call loadSound. Set up the
    second button to stop the sound.
    Test your movie. Click the first button, the sound starts to
    play and you will see the value of position in your text field.
    Click the second button. The sound stops and the field still
    shows the current value of position.
    Note this says that position doesn't get set to 0 when you
    stop your sound.
    Next click the first button to play your sound. Clicking this
    calls loadSound again which starts the audio from the beginning.
    But, the position displayed in the field doesn't start form 0. It
    continues from where it was last. If the sound gets to the end. The
    value stops increasing but the sound continues to play?

  • MAC OS X + stage.fullScreenSourceRect + renderMode set to GPU = problem with mouse position

    When setting stage.fullScreenSourceRect, stage.displayState to StageDisplayState.FULL_SCREEN_INTERACTIVE; and renderMode to GPU, mouse position is read incorrectly. This is not only for mouseX and mouseY position, but also all the mouse interactions with Sprites, Buttons etc are not working correctly.
    Anybody know a solution for this issue?
    Here is the bug reported, but there is no response yet.
    https://bugbase.adobe.com/index.cfm?event=bug&id=3486120
    Greg.

    Bump up.
    Anybody has the same problem and have an idea how to fix it? Or please just check if you have the same problem.. I'm going to submit my game "Amelia and Terror of the Night" (successfully added to iOS store) to MAC App Store but can't do it while this problem appears.
    I am disappointed nobody  even verified the bugs I submitted at  the bugbase.adobe.com for AIR 3.5 and 3.6
    thanks
    Greg

  • Problem with current position (UMI-7764)

    Good afternoon,
    I'm using servomotors PSKF321 (SEW) and servodrives MDX61B (SEW). I'm using the PCI-7344/UMI-7764 to control the motors. When I was performing some tests in MAX, I realized that I don't have feedback from axis 2, 3 and 4. Axis 1 is working fine, i can control perfectly the motor, I can make movements to different positions. I checked the connections from the drive to the UMI and they are the same that i used to axis 1. I changed to other axis and it doesn't work. I tried to change the connections from the axis2 and 3 to axis 1 they work. I tried to put in annex the xml file related to the configurations of the PCI but it wasn't accepted. It is possible that my problem is a wrong configuration of the PCI?
    Thanks for your time,
    Hugo Tomada
    number: +351965319388/+351912655946
    email:[email protected]
    skype: hugotomada

    Good afternoon,
    I'm sending the connections that I made in the UMI-7764.
    Thanks for your time,
    Hugo Tomada
    Attachments:
    UMI-7764.pdf ‏7 KB

  • Problem with page positioning

    I've created a site using layers..the site positions
    correctly in my browser but in large monitors the whole thing is
    moved over to the left. How can I make my page adjust to any size
    monitor? thanks for you help
    my page .. www.gabeholzer.com

    I guess you want your site to center onto the viewer's
    monitor regardless of the resolution. If thats what you're trying
    to do visit the link below
    http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.htm
    Save the page onto your computer, open it in dreamweaver and
    study the code.

  • Problem with absolute path and context using Tomcat 4

    I added the following line to my server.xml:
    <Context path="/track" docBase="track" />Now I have used absolute paths(ex: /includes/css/style.css) throughout my code and it worked when I served my application from the ROOT context but when I moved it to the /track - the paths did not include the new root context.
    So instead of looking at http://localhost/track/includes/css/style.css it still looks at http://localhost/includes/css/style.css.
    Is there any kind of setting I am missing in the web.xml or server.xml? I really would like to be able to use absolute paths relative to the context root.
    Please help! Thanks in advance.
    -Chris

    Hi,
    I am not sure what exactly you are asking but here is my shot. If one tomcat is serving more than one application then the only way for tomcat to know which application to refer is by looking at the context path. Since you have the context path of /track then it should appear in all of your urls being directed to the server (for both servlet and jsp). Since you have used absolute path in all the cases either you will have to change the absolute path or you will have to define them relative (which is a better idea) to a base dir. Hope it helps.
    I added the following line to my server.xml:
    <Context path="/track" docBase="track"
    />Now I have used absolute paths(ex:
    /includes/css/style.css) throughout my code and it
    worked when I served my application from the ROOT
    context but when I moved it to the /track - the paths
    did not include the new root context.
    So instead of looking at
    http://localhost/track/includes/css/style.css it still
    looks at http://localhost/includes/css/style.css.
    Is there any kind of setting I am missing in the
    web.xml or server.xml? I really would like to be able
    to use absolute paths relative to the context root.
    Please help! Thanks in advance.
    -Chris

Maybe you are looking for

  • HP7525 Wireless Connection

    I keep losing the wireless connection on my printer.  If I reset the router and printer, sometimes it takes a couple of tries, it will eventually connect.  Then, after a while, it loses the connection again. I just got this printer, and on the previo

  • My subscription is renew from 27/2/2013, but it is...

    My subscription is not working

  • HT201210 ipod nano 6g doesn't turn on and won't be recognized by itunes

    Hi, I bought an iPod Nano 6g a couple of years ago. I tried to use it about a week ago. It did not turn on (not even the screen), no music, nothing!! I connected it to my Laptop (Mac), turned the iTunes on, nothing again!! It didn't even recognized i

  • Argh, lost data, can someone help

    A week ago or so I updated to the iOS 4 on my iPhone 3GS. Pretty smooth update, everything seemed to be working, expect I had zero data services. Email, web, etc, all down. Voicemail did not work, SMS did, but MMS did not. I am on AT&T. I did some go

  • QC Adapter with SolMan - step by step guidance, if possible please

    Hi experts, I am embarking on linking QC tool with SolMan and request any help you can provide, including the following aspects - (1) Sequence of steps from downloading the license from SAP - in brief (2) Authorisation aspects (3) Any SAP Notes that