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

Similar Messages

  • Having problem with text sise on webpages

    the text is several times bigger in the first post on a forum and it is the same for a another phone too.
    i only have the problem with firefox
    screenshot http://bildr.no/view/ME9Cc2VS

    This is a common feature of smartphone browsers in which desktop sites are text inflated to make the main body of text larger. This tends to break down in forums or sites that provide short summaries of articles.
    You can disable or change the inflation levels in the Firefox for Android settings.
    * With Firefox open
    * Press the phone's menu button or the three dot button in the upper right
    * Select settings (you might need to scroll the menu or select more)
    * Select Display
    * Select Text Size
    * Press the small 'A' till the text does not shrink any more
    * Press set
    Future pages will not be inflated.

  • SRM - Problem with a SRM Order with text position

    Hello,
    I produced an order requisition from SRM. (Document Type EC / Field Sel.Key NBB) Unfortunately I cannot change the category of commodities during this order requisition over the transaction ME52N. This must be however possible. The appropriate Field Sel.Key NBB is correctly adjusted.
    The problem apparently lies in SRM. With normal SRM orders in the R/3 an order is put on. The category of commodities may not be changed then no more.
    With SRM orders with text positions a order requisition is to be put on in the R/3. Functions also. The category of commodities is not also here alterable only unfortunately. That must function however.
    My question: How can one change the data of the order requisition with text orders over SRM?
    Regards
    J.V.

    hi J.v
    you can make new request rather than changing the purchase request since material group in important data.
    why you want to edit the PR and again trying to edit the data in sc created from pr.
    I recommend you to create a new PR for your request.
    since
    eprofile offered sap ecc according to your material grp / purchase group combination inthe eban table (eprofile field).
    but why you are trying to edit the same pr in the backend method(it is no.2 activity in sap - not supposed to do right)
    if you dont want that request cancel the sc (complete it).
    hope now you understood.
    br
    muthu

  • 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:

  • Solved: InDesign CC: Problems with text in text box: text flows around invisible object

    I just upgraded from CS4 to CC. I have two problems with text in some text boxes:
    The text seems to flow around invisible object that I cannot find or delete. It's as if there is a photo or other object behind the text box; but when I press COMMAND-a to select all, I don't see any such object.
    When I move this text box, the layout of the text within changes. For example, when the box is high on my spread, the text flows correctly within the box; but when I move it down, it flows around that hidden other object. For another example, when the box is low on the page, the text starts at the top of the box; but when I move the text box up, the text starts somewhere in the middle of the box.
    I have checked margins of the text box and the paragraph options of the text paragraphs (margins, indents, alignments). They all look OK.
    If I modify the text box, checking the box "Ignore text wrap", then the problem goes away; but then the text also will not flow around a real object that I want it to flow around.
    Solution:
    There were objects in a hidden layer on that one spread. It seems that in CS4 when you "select all" you would also select objects in hidden layers; but in CC it doesn't.

    Arthur, Garry
    Would be great if you could send the files as attachment in an email to [email protected]
    Else, you may post here using these steps: http://forums.adobe.com/message/3994281
    Thanks!
    - Neeraj

  • ID CS5: Problem with Text Wrap being Forgetful :(

    I am having a problem with text wrap. Whenever I open this INDD file I am working on now, some of the images shift from having what I call "actual" text wrap to having "false" text wrap. "Actual" text wrap *actually* wraps the text around the image as it is supposed to; "false" text wrap says that "Wrap Around Bounding Box" is applied to the image yet no text is wrapped. After opening the file, making sure to unset and reset the text wrap on each offending image to show an "actual" text wrap WITHOUT changing layer order, saving the file, closing, and reopening, some images have "false" text wrap again! This is a 77 page document with images on every page.
    Another occurrence is if I largely change the flowed text. If I must remove a paragraph on page 7, for example, then the "actual" text wrapped images on page 10, 12, and 18 change to "false" text wrapped images and I have to reset the text wrap on each image. There are often images in between offending ones that DO NOT change, but it doesn't seem to be the same ones each time. So once image A, C, and D will change to "false" text wrap, while B, E, and F are fine; the next time, A, B, and F are wrong and the others are fine. This is driving me crazy as I have never in 8 years of using InDesign encountered a problem using Text Wrap. Please note:
    Ignore Text Wrap IS NOT selected.
    The text box IS below the images.
    The copy is flowed throughout the document.
    Preferences>Composition>"Text Wrap Only Affects Text Beneath Selected"" DOES NOT FIX IT.
    "Wrap around bounding box" IS showing as selected for the image/images.
    There is NO CLIPPING PATH / PHOTOSHOP PATH / ALPHA PATH on these images.
    The images / text box order is not changed between being correct and being incorrect.
    Anyone else with this trouble? And, if so, how did you fix it? Thanks,
    A. Henson
    InDesign 7.0.3
    iMac i7
    8GB RAM
    OS X 10.6.6

    @henson26,
    I emailed you offline to see if you can provide me with an example file that shows the problem.
    Matthew

  • Having problem with mouse pionter in webpages

    i have a problem with mouse pionter in webpages since i've updated my firefox .
    when i'm reading a webpage and i click somewhere in the webpage,my mouse pointer goes from the normal pointer to the typing and selecting one. i also can not scroll up and down the page with up and down buttons on the keyboard because it goes straight to the top or the bottom of the page ! i only have this problem with mozilla firefox and it started when i updated my firefox about two months ago .

    thank you a lot madperson ! its okay now ! ;)

  • I'm having problem with text boxes.  Whenever i hit the enter button to start a new line or paragraph, the cursor doesn't drop down to the next line.  Instead i get this little red + sign in the box.

    I'm having problem with text boxes.  Whenever i hit the enter button to start a new line or paragraph, the cursor doesn't drop down to the next line.  Instead i get this little red + sign in the box.

    You are absolutely right.  Thought Enter meant Enter.  I was wrong.  Thank you for the help.
    Rod Rogers, Broker
    Accredited Land Consultant (ALC)
    Metcalf Land Company, Inc.
    Office: 864-585-0444
    Mobile: 864-316-0297
    Fax: 864-583-6000
    <http://www.metcalfland.com> www.metcalfland.com

  • 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.

  • Having problems with texts width when viewed in Firefox

    I My site is OK when viewed in Chrome and Safari, but in Firefox, the width of paragraphs is becoming very long and all is displayed wrong.
    I need a clue where to look to fix. I have not , or very little knowledge of HTML code. So I rely on the DW CS5 interface.
    Thanks,D.

    Thanks Nancy ,
    I'll try,
    Should I just paste your info between the brackets, I guess.
    I am not so good with this but I need to spent a bit of time to fix this
    old web site while another one is being designed.
    Yes the images are too big, I'll reduce them, and optimize. This was
    done in a rush..
    D.
    Le 14-02-23 18:07, Nancy O. a écrit :
    >
          Re: Having problems with texts width when viewed in Firefox
    created by Nancy O. <http://forums.adobe.com/people/Nancy+O.> in
    /Dreamweaver support forum/ - View the full discussion
    <http://forums.adobe.com/message/6149874#6149874

  • 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>

  • 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

  • Do you see problems with text size when importing from Photoshop?

    Hi all -
    We're working on improving some things in the Photoshop-to-Reflow workflow, and right
    now specifically investigating trouble with imported text.
    Aside from the desire to have support for local fonts, are there any problems you run into
    when importing text from Photoshop into Reflow? We've heard some issues with text size and position,
    but want to make sure we understand all of the cases.
    If you have problems in this area, please share them in this thread, and I'd also love to get some
    sample PSDs that demonstrate the problems. (You can send them directly to me; vmitnick at adobe dot com .)
    thanks,
    Vic

    I'm using CS4.. and I'm using the standard "Save As" .pdf features....
    and I'm reading it with adobe acrobat pro 9.1...
    i think it has something to do with compression. but i can't figure out how to solve it. converting the text to symbols maybe?

  • Problems with text in iWeb publishing much larger, or smaller than in iWeb (it is insane)!

    More than a year ago I had a problem with my iWeb not publishing correctly: links to other websites would not open in a separate window as designed in iWeb. I got help from an AppleCare techie and after he did a lot of tests, he concluded I had a corrupted Domain file (which became apparent after I upgraded to OS Snow Leopard).  I don't remember if I discussed with this techie another problem I had been having for as long as I had used iWeb, and that was "exploding" text: certain words, often italicized, would be huge, after publishing, relative to the surrounding text.  Sometimes certain words, or sentences would be smaller than designed in iWeb.  Through trial and error I would sort of solve these problems by enlarging text boxes, or making the offending word or phrase one text point smaller.  Sometimes deleting the text box entirely, and starting over would work.  And then there are the weird things that happen when my wife opens my website in Internet Explorer: things that make no sense and seem to be totally out of my control.
    So, I've spent a long time rebuilding my website in this supposedly uncorrupted Domain file, and today I finally finished and published to my hard drive, checked it out, and the "exploding" text is there with a vengeance.  So much so that I may just stick with my original ("corrupted") Domain file, the text problem on this new one seems even worse than the old one.  Anyone had this problem?  I meant to ask this question years ago, but got a bit lazy.
    Another question is: I've heard Apple is going to discontinue iWeb.  Despite my problems with the program, I rely on it.  What are the options going to be for iWeb users?

    Well you heard wrong didn't you!
    Apple is discontinuing MobileMe, which is the hosting in favour of iCloud services which will not contain any hosting.
    iWeb is an app and as far as we know you can still continue to use it - it will still work so carry on using it if you are happy with it.
    If you want to look at other alternatives to iWeb, then others suggest RapidWeaver and Sandvox as being closer to iWeb - both are available via the Mac App store.
    Also Freeway Express and Flux 3 are worth looking at - more design freedom and you are not restricted to templates as with RapidWeaver.

Maybe you are looking for

  • Can I restore a time machine osx lion backup using snow leopard install DVD?

    Hi. I've been using osx lion but my hard drive died. Fortunately I have been making time machine backups.  Since I downloaded lion from the app store I only have the snow leopard install disks.  I know there is an option to restore from a time machin

  • Sort by name separates upper/lower case

    Since upgrading from Mountain Lion to Mavericks (10.9.4), I've noticed that I am no longer able to sort files by name and get one list in alphabetical order. I now get two, as Mavericks seems to be sorting out files beginning first with uppercase let

  • Default open avalible credit card receipts (FITE_VC_CREDIT_CARD_ITEMS) with

    Hi all, How can I by default keep open the available credit card receipts open in the RECEIPTS road map step of the Xreate Expens sheet application. Is there any configuration option provided for the WDA that can help to configure this rather than cr

  • Adobe Forms, XML(PDF format) to PDF binary

    Hi experts! I'm working with Interactive Adobe Forms and the form function return the PDF in a XML format (xstring) through the parameter FPFORMOUTPUT-XML. I need to save the PDF file (binary) without geting it through the "getpdf" parameter FPFORMOU

  • Placement of Keyword List on screen

    As an old LR 1.4 user, I've been used to having my Keyword List on the left column. I've just upgraded to LR3.3, and the darn thing is on the right. So now I have a totally overloaded right column, and ABSOLUTELY no use for the left column. Is there