Images in Layout

I'm trying to develop an applet, i'm working from some old books I bought a few years ago now, so i'm not even sure that the code i'm using is still current, tbh my applet isn't showing right now (not with Mozilla on Fedora 3, but does on XP with Mozilla, ???).
What i'm trying to acheive is a graphics panel with which I can put into a layout just like another component. I'll need to access it from the applet, in one version i'll just be doing some threaded drawn animations, but mainly I want to be able to load images on the fly. I can acheive both of these using the main frame graphics/paint, but in a layout i'm having trouble.
I've tried certain ways, such as making a component, JInternalFrame, etc... i've been succesful to a certain degree but where I succeed, it fails in other areas, i.e. no image, or no access to manipulate.... HELP HELP HELP
Here i've included an example that i'm developing that I desire to put said image panel into, i.e. in the card panel (3). Any help will be greatly appreciated...
ref:
     http://www.rawstar7.co.uk/prog/java_01/eg_01_01.htm

My experience shows that JVM for windows is less sencitive for some errors.
Check up your code. Working with older version of API is not so bad idea
if you are going to put your applet in the Internet.

Similar Messages

  • OS X 10.8  Problems with images and layout when printing to PDF from any web browser

    Hi there,  I just bought a new macbook air and running OS X 10.8.  This problem happens in both Safari or Chrome:  When I go to print to a PDF file, the website suddenly drops most images and formatting, ending up in a very old-fashioned layout.  Is this something new with OS X 10.8, or any other suggestions as to what I can do?
    BEFORE:
    WHILE PRINTING:

    NewOSX10.8 User wrote:
    No difference.  I have discovered that it is probably the websit (weird) that is mainly at fault, as I tried the same thing on 2 other machines and the same thing happens to a varying degree on this website, and a lesser degree on other sites.  Thanks for your help, it may not be OS X 10.8 at the root of the problem.
    Yes if it prints to a printer in the same manner, and it occurs regardless of browser it is the website.

  • Question on p.23 of WDJ/NWDS Tutl 2: "hAlign" not in Image FlowData layout

    On page 23 of WDJ/NWDS Tutorial #2 ("Creating an Extended Web Dynpro Application"), the instructions say to set the "h_align" property of the LayoutData of the UIElement "QImage" to "center".
    But in the properties window, there is no h_align property for the Image UIElement.  There are only:
    Layout Data [FlowData]
    cellDesign
    paddingBottom
    paddingLeft
    paddingRight
    paddingTop
    Does the tutorial have an error in it or am I not seeing/doing something I should be seeing/doing ???
    Thanks.
    Dave
    vGutter

    Never mind - I had the group layout set to Flow ...

  • Images seem to lock in place while I did not fix the image on layout

    When finished updating our website www.spatia.nl, several objects seem to be locked in place on layout, while the checkbox for fixing the object is not checked.
    Even pages which haven't been update seem to have this similar problem with floating and locked objects.
    See this image for more information.
    Could someone tell me how we can solve this problem? I've tried reuploading the webpage, (the whole website and changes) but this didn't seem to fix the problem.

    Hello,
    Could you please do a File>Preview page/site in Browser and check if it behaves the same there or is it working fine?
    Also try File>Export as HTML and check if it works fine with exported files or not.
    In case it is not working fine in preview as well and the "Pin" option is not checked for the content, please send your file to [email protected]
    If your file is greater than 20mb you can use something like Adobe SendNow or SendThisFile.
    Please do not forget to mention link to this forum in your e-mail so that we can identify the file.
    Regards,
    Sachin

  • How to display image in layout

    Hi gurus
    My requirement is i am uploading image file .
    i want to dispaly the image .
    Can anyone suggest me how to do that .
    Thanks & regards
    kalyan.

    Refer following link for more help on image ui element or refer WDA application WDR_TEST_UI_ELEMENTS for example.
    [Image|http://help.sap.com/saphelp_banking50/helpdata/en/9e/ef8841e3af1609e10000000a155106/frameset.htm]
    Regards,
    Saket.

  • Image not printing in Layout Editor

    I am using BI Publisher 11.1.1.6.
    I tried inserting an image in Layout Editor to display company logo.
    Followed the steps below.
    1. Click on Image icon in Layout editor.
    2. Select 'Field' Radio button, in the image URL: selected the field LOGO which
    comes from an SQL query.
    select value LOGO
    from Pro_Ent_table
    where section = 'SYSTEM'
    AND KEY = 'CORPORATE_LOGO_PATH';
    Value is: http://www.noug.org/clubs/165905/graphics/bip.jpg
    3. Click on insert in the Layout editor the logo can be seen.
    4. But when run the report, we are getting the following errors in different output formats.
    a. Interactive viewer - No error, blank screen had been shown.
    b. PDF - File does not begin with '%PDF-'.
    c. Excel - The report cannot be rendered because of an error, please contact the administartor.
    oracle.xdo.XDOException: java.lang.reflect.InvocationTargetException
    d. RTF - The report cannot be rendered because of an error, please contact the administartor.
    oracle.xdo.XDOException: java.lang.reflect.InvocationTargetException.
    Please let me know if more information is required.
    Thanks in advance

    Metadata. Check the files and strip it or save to a format that doesn't support it in teh first place. Perhaps the copy&paste messes up some stuff on that level such as DPI flags or stored printer data...
    Mylenium

  • Looking for a script that creates labels for linked image files in the layout

    I'm working on a large book with over 650 images and I need to show the file names along with the images in layout for proofing reasons. Does anyone have a script for that does something like this? I'm working in INDD 6.
    Appreciate your help / suggestions!

    This is great— thank you! however you have to select all the image in order to generate the live caption. My file is about 320+ pages, any way to run live caption without having to select the files?

  • Lightbox images not showing when uploaded to my website

    Hello
    I'm creating a new website for my photography business, and have created three 'gallery' pages which are basically just a lightbox gallery on each page with 20 images in.
    I uploaded my first page, gallery1, and the associated images and went to test it and some of the thumbnail images didn't appear. I renamed the images in my 'gallery1 thumbnails' folder (which had originally been the same names as the images in gallery1) by adding 'tb' at the end of each image name and reuploaded them to my host and it resolved the problem. I uploaded gallery2 in the same way and ran into the same problem. I renamed the images again and reuploaded as I had before to fix the problem, but it didn't fix it this time. I changed the names in gallery3 thumbnails first and uploaded them and they uploaded perfectly. I went back to gallery2, and noticed that all the images I was having a problem with had a '_' character in them. I took that out, reuploaded, still not working. I've double checked everything's as it should be, reuploaded everything a couple more times for good measure, and it works on live view and when I open the file on my computer but once they're uploaded to my host it doesn't work. Can anyone shed a bit of light on this for me? Page in question in here: http://www.emmarichards.co.uk/gallery-2.html and code is here:
    <!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>Barnsley wedding photographer - Emma Richards Photography</title>
    <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: repeat;
              margin-top: 20px;
              margin-bottom: 10px;
    /* ~~ 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;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
              background-color: #FFF;
              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%. */
    /* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
    .header {
              background-color: #FFFFFF;
    /* ~~ 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: 90%;
    /* ~~ 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. */
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              background-color: #FFFFFF;
              font-size: xx-small;
              color: #f08080;
    /* ~~ 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 #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
    -->
    </style>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2127022: #gallery */
                        .lbGallery {
              /*gallery container settings*/
              background-color: #ffffff;
              padding-left: 20px;
              padding-top: 20px;
              padding-right: 20px;
              padding-bottom: 20px;
              width: 100%;
              height: auto;
              text-align: center;
                        .lbGallery ul { list-style: none; margin:0;padding:0; }
                        .lbGallery ul li { display: inline;margin:0;padding:0; }
                        .lbGallery ul li a{text-decoration:none;}
                        .lbGallery ul li a img {
                                  /*border color, width and margin for the images*/
                                  border-color: #ffffff;
                                  border-left-width: 0px;
                                  border-top-width: 0px;
                                  border-right-width: 0px;
                                  border-bottom-width: 0px;
                                  margin-left:5px;
                                  margin-right:5px;
                                  margin-top:5px;
                                  margin-bottom:5px:
                        .lbGallery ul li a:hover img {
                                  /*background color on hover*/
                                  border-color: #ffffff;
                                  border-left-width: 0px;
                                  border-top-width: 0px;
                                  border-right-width: 0px;
                                  border-bottom-width: 0px;
                        #lightbox-container-image-box {
                                  border-top: 0px none #ffffff;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
                        #lightbox-container-image-data-box {
                                  border-top: 0px;
                                  border-right: 0px none #ffffff;
                                  border-bottom: 0px none #ffffff;
                                  border-left: 0px none #ffffff;
    /* EndOAWidget_Instance_2127022 */
    </style>
    <link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2127022" binding="#gallery" />
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
              these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
               These assume the following widget classes for menu layout (set in a preset)
              .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
              .MenuBarVertical - vertical main bar; all submenus are pull-right.
              You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
              They only apply to horizontal menu bars:
                        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
                        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
                        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
                        MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                                                                and centered in its parent container.
                        MenuBarFullwidth - Grows to fill its parent container width.
              In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
              with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
              there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
              background-color:#ffffff;
              font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                                                                                            MenuItem, and MenuItemLabel
                                                                                                                            at a given level all use same definition for ems.
                                                                                                                            Note that this means the size is also inherited to child submenus,
                                                                                                                            so use caution in using relative sizes other than
                                                                                                                            100% on submenu fonts. */
              font-weight: normal;
              font-size: 16px;
              font-style: normal;
              padding:0;
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width:0px;
              border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
              display:none;
    .MenuBarLeftShrink {
              float: left; /* shrink to content, as well as float the MenuBar */
              width: auto;
    .MenuBarRightShrink {
              float: right; /* shrink to content, as well as float the MenuBar */
              width: auto;
    .MenuBarFixedLeft {
              float: left;
              width: 80em;
    .MenuBarFixedCentered {
              float: none;
              width: 80em;
              margin-left:auto;
              margin-right:auto;
    .MenuBarFixedCentered br {
              clear:both;
              display:block;
    .MenuBarFixedCentered .SubMenu br {
              display:none;
    .MenuBarFullwidth {
              float: left;
              width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
              padding: 0px 0px 0px 0px;
              margin: 0;           /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                                            For most items, we have to do top or bottom padding or borders only on the MenuItem
                                            or a child so we keep the entire submenu tiled with items.
                                            Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
              padding: 0px 0px 0px 0px;
              background-color:#ffffff;
              border-width:1px;
              border-color: #cccccc #ffffff #cccccc #ffffff;
              border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
              border-style: none none none none;
    #MenuBar .MenuItemLast {
              border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
              text-align:center;
              line-height:1.4em;
              color:#333333;
              background-color:#ffffff;
              padding: 0px 0px 0px 0px;
              width: 10em;
              width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
              width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
              font-family: Arial, Helvetica, sans-serif;
              font-weight: normal;
              font-size: 14px;
              font-style: normal;
              background-color:#ffffff;
              padding:0px 2px 0px 0px;
              border-width:1px;
              border-color: #cccccc #cccccc #cccccc #cccccc;
              /* Border styles are overriden by first and last items */
              border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
              border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
              padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
              border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
              padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
              text-align:left;
              line-height:1em;
              background-color:#ffffff;
              color:#333333;
              padding: 6px 12px 6px 5px;
              width: 7em;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
              background-color: #ffffff;
              border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
              background-color: #ffffff;
              color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
              background-color: #ffffff;
              border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
              background-color: #ffffff;
              color: #333333;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
              background-color: #ffffff;
              min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
              border-color: #ffffff #ffffff #ffffff #ffffff;
              border-width:0px;
              border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
              top: 100%;          /* 100% is at the bottom of parent menuItemContainer */
              left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                                                      and your personal taste.
                                                      0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                                                      on MenuItemContainer and MenuItem on the parent
                                                      menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                                                      the dropdown with the left of the menu item label.*/
              z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
              top: 0px;
              left:100%;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
              background-color: #ffffff;
              min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
              top: 0px;          /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                                            that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                                            vertically 'centered' on its invoking item */
              left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                                            negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                                            to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
              background-color: #ffffff; /* consider exposing this prop separately*/
              color: #333333;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
              margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header">
        <div align="center">
          <p><a href="index.html"><img src="Layout/watermark-coral-jpeg-200px.jpg" width="200" height="182" alt="wedding photgraphers barnsley" /></a></p>
          <table width="500" border="0">
            <tr>
              <td><a href="about.html"><img src="Layout/about-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
              <td><a href="weddings.html"><img src="Layout/weddings-c.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
              <td><a href="gallery.html"><img src="Layout/gallery-c.png" width="145" height="28" alt="wedding photographers barnsley" /></a></td>
              <td><a href="pricing.html"><img src="Layout/pricing-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
              <td><script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
                widgetClass: "MenuBar  MenuBarLeftShrink",
                insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
                </script>
                <img src="Layout/engagements-c.png" width="145" height="28" alt="barnsley wedding photographer" />
                <script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
                widgetClass: "MenuBar  MenuBarLeftShrink",
                insertMenuBarBreak: true,
          mainMenuShowDelay: 100,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
                  </script></td>
              <td><a href="http://www.emmarichardsphotography.com"><img src="Layout/blog.png" width="145" height="28" alt="wedding photographer barnsley" /></a></td>
              <td><a href="contact.html"><img src="Layout/contact-c.png" width="145" height="28" alt="wedding photography barnsley" /></a></td>
            </tr>
          </table>
          <p> </p>
        </div>
      <!-- end .header --></div>
      <div class="content">
        <div align="center">
          <table width="80%" border="0">
            <tr>
              <td><div id="gallery" class="lbGallery">
                <ul>
                  <p><li> <a href="Images/Gallery2/Abbie and Ben 0567.jpg" title=""><img src="Images/Gallery2/Thumbnails/Abbie and Ben 0567tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/Laura Mal 046.jpg" title=""><img src="Images/Gallery2/Thumbnails/Laura Mal 046tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img0056bw.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0056bwtb.jpg" alt="wedding photographers sheffield" /></a> </li>
                  <li> <a href="Images/Gallery2/ka319.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka319tb.jpg" alt="wedding photography barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/no crying.jpg" title=""><img src="Images/Gallery2/Thumbnails/no cryingtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/img5549.jpg" title=""><img src="Images/Gallery2/Thumbnails/img5549tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr89.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr89tb.jpg" alt="wedding photography barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img3239.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3239tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr2.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr2tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/sa711.jpg" title=""><img src="Images/Gallery2/Thumbnails/sa711tb.jpg" alt="" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/JamesRuth0056.jpg" title=""><img src="Images/Gallery2/Thumbnails/JamesRuth0056tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/mr mrs.jpg" title=""><img src="Images/Gallery2/Thumbnails/mr mrstb.jpg" alt="wedding photography barnsley" /></a></li>
                  <li><a href="Images/Gallery2/ka5.jpg" title=""><img src="Images/Gallery2/Thumbnails/ka5tb.jpg" alt="wedding photographer barnsley" /></a></li>
                  <li> <a href="Images/Gallery2/run.jpg" title=""><img src="Images/Gallery2/Thumbnails/runtb.jpg" alt="wedding photographers barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/img3440.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3440tb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                 <p><li> <a href="Images/Gallery2/img3307.jpg" title=""><img src="Images/Gallery2/Thumbnails/img3307tb.jpg" alt="wedding photographers barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/centerpiece 2.jpg" title=""><img src="Images/Gallery2/Thumbnails/centerpiece 2tb.jpg" alt="wedding photographer barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/jr102.jpg" title=""><img src="Images/Gallery2/Thumbnails/jr102tb.jpg" alt="wedding photography barnsley" /></a> </li>
                  <li> <a href="Images/Gallery2/img0523.jpg" title=""><img src="Images/Gallery2/Thumbnails/img0523tb.jpg" alt="wedding photography barnsley" /></a> </li>
                 <li> <a href="Images/Gallery2/hug.jpg" title=""><img src="Images/Gallery2/Thumbnails/hugtb.jpg" alt="wedding photographers barnsley" /></a> </li></p>
                </ul>
              </div>
              <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
                        $(function(){
                                  $('#gallery a').lightBox({
                                            imageLoading:                              'Layout/spin.gif',                    // (string) Path and the name of the loading icon
                                            imageBtnPrev:                              'Layout/prev.jpg',                              // (string) Path and the name of the prev button image
                                            imageBtnNext:                              'Layout/next.jpg',                              // (string) Path and the name of the next button image
                                            imageBtnClose:                              'Layout/close.png',                    // (string) Path and the name of the close btn
                                            imageBlank:                                        'images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                            fixedNavigation:                    false,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                            containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                            overlayBgColor:                     "#ffffff",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                            overlayOpacity:                              0,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                            txtImage:                                        'Image',                                        //Default text of image
                                            txtOf:                                                  'of'
    // EndOAWidget_Instance_2127022
                </script><div align="center"> </div></td>
            </tr>
            <tr>
              <td><div align="center">
                <table width="100" border="0">
                  <tr>
                    <td width="50"><div align="right"><a href="gallery.html"><img src="Layout/prev2.jpg" alt="wedding photographers barnsley" width="63" height="32" /></a></div></td>
                    <td width="50"><a href="gallery-3.html"><img src="Layout/next2.jpg" alt="wedding photographers sheffield" width="63" height="32" /></a></td>
                    </tr>
                </table>
              </div></td>
            </tr>
          </table>
          <p> </p>
        <!-- end .content --></div>
      </div>
      <div class="footer">
        <p align="right"><strong>07794430229 // [email protected]</strong></p>
        <div align="right">
          <table align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td> </td>
            </tr>
          </table>
          <!-- end .footer -->
        </div>
    <div align="right">
          <table align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td> </td>
            </tr>
          </table>
          <!-- end .footer --></div>
      </div>
      <!-- end .container --></div>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28715127-1']);
      _gaq.push(['_setDomainName', 'emmarichards.co.uk']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    </body>
    </html>
    If someone could help me with my issue I'd be very greatful, it's been stumping me for hours now.
    Thank you in advance for any help!!

    When I see code errors, I stop trying to trouble shoot  because code errors account for 98% of browser rendering problems.  When you clear up your orphaned tags: mismatched <p></p> and <li></li> tags, then I'll take a closer look.
    PS. Being able to work with code is essential to using DW and 3rd party plugins.  Without basic coding skills, you're going to be lost most of the time.
    HTML & CSS Tutorials -
    http://www.html.net/
    http://w3schools.com/
    Nancy O.

  • Need help with info about the possibility of altering images when saved in a different format

    I am very new to the design world.  I have a printing business and received and image to be printed in Adobe Acrobat (I think).  I needed to resize the image to be printed and took it into Photoshop CS6 where I cropped the edges.  I then resave it as a PDF and took into a printer software, Fiery.  Fiery has an Impose function where you can repeat an image to layout it on the correct paper size.  It essentially just copies the original image several times depending on the layout.  This particular image I repeated to 3 up and 1 across.  When printed it came out with a magenta streak through the center image only.  I have had the machine checked and they are adamant it's not a printer issue but a software issue.  That once I altered the original image by resizing it that I altered the image and that I can't expect it to come out as seen on the screen.  I've printed it all sorts of different ways and it only occurs with the 3 up 1 across image.  I know that images can be changed when saved from program to program but this situation does not make sense that it is only the one area and layout that this shows up. I would appreciate any help, input, answers that anyone has.  Again, I'm new to this and would like to understand if this is a potential for further printing jobs so that I can do what I need to avoid this situation. 
    Thank you for your time.
    Jessica

    Jessica,
    Without knowing how the original graphic was created it is hard to tell you how to handle it. What is the name of the file? (Only the file suffix is important). If the file's origin was in a drawing program and/Or InDesign, then the document should be handled differently if the document is a raster image best handled by a program like Photoshop.

  • Adding text to editable region creates space in the rest of my layout

    I created my layout in PS, sliced the images and then imported to DW (html and images).
    Layout looks great.
    I created editable regions in the template I created from the .html
    One I start inserting text into these regions, my container moves and it throws the rest of the layout off by adding space between the editable region and the area above it (a big black line horizontally through the page).
    Is there a way to keep the container/editable region from moving or growing with the text so that it doesn't change my layout?
    On a side note, this change doesn't appear in live view. When I preview in browser, Safari layout looks great, but text doesn't appear. In firefox, text appears, but layout is a mess.
    Here is the code from the editable region to which I am trying to add text:
    <!-- TemplateBeginEditable name="main_content_area" -->
            <div id="site_layout_contentmain">Content for  id "site_layout_contentmain" Goes Here</div>
          <!-- TemplateEndEditable --></td>
    ANY help is GREATLY appreciated!!!!!

    MHarvey2001 wrote:
    Yes, the design is appearing to pull apart when I add content, but only in the Firefox preview.
    If it pulls apart in Firefox, chances are it pulls apart in all browsers when text size is increased.
    The problem with Photoshop code is that it is a) rigid, b) unstable and c) invalid.  
    To illustrate, run your code through the on-line validation tools below.
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Photoshop is OK for designing quick comps to show the client but they won't hold up on a real site.
    IMO, the benefits of starting over far outweigh the inconvenience.
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Mail with image and PDF not displaying correctly on Outlook

    Environment and problem
    OS X Mountain Lion, Mail 6.1 (everything up to date)
    Emails with mixed image and PDF attachments send from my MacBoox Pro are not being displayed correctly when received on Outlook. It is not an Outlook problem.
    Multiple inline images - ok
    I compose an email, rich text format, insert severnal inline images, send to colleage on Windows 7 using Outlook, all received ok. He sees the message with inline images.
    Multiple inline images and PDF - not ok
    I compose a similar email with multiple inline images, but attach a PDF. This time all of the attachments (images and PDF) appear at the end of the message when viewed in Outlook.
    Gmail browser comparison
    I repeat the above from a Gmail account via Safari and I can make an email with inline images and PDF attachments and it works.
    Any thoughts, tips, bug reports, etc appreciated.
    Jon

    No - can't be an Apple fan and then critisise MS for being proprietry
    My problem was solved by installing Attachment Tamer.
    It could also have been solved by emailing from Gmail directly.
    The guys I work with use Outlook and were suprised to see this behaviour.
    It's only basic OS X email that has a problem.
    I wholeheartedly agree that the standard for emails are not conducive for rich layout control.
    But - when my email just has images I had no problems. Take for example the email notifications we're getting from this thread - there are images and layout etc and work fine.
    The key feature from Attachment Tamer hints at the problem (and its solution):
    send images embedded in HTML layout and safely mix embedded images with other attachments;

  • What are the Best Practices for Optimizing Images in InDesign Files

    Is there a best practice for using images InDesign to optimize the document before converting to a PDF? Specifically, what I'm asking is, will the PDF file compress better if the images are cropped prior to placing them in Indesign? I'd like to know the answer for both creating PDF files for printing using images that are 300dpi and for creating PDF files for online delivery using images that are 72dpi. I have an employee that insists images need to be cropped to actual dimensions before placing in the InDesign document. I've never done it that way and believe that her recommended process is way too time consuming and leaves you with no leeway to tweak your page design since the images are tightly cropped.

    As for absolute cropping, I agree with your stance. Until the layout is fixed, preserving your ability to easily manipulate photo size and positioning is key.
    Some clever image management methods have been described in the discussion forums, and one that appealed most to me was the use of duplicate linked image folders. Having a high-res (CMYK) folder and a low-res (RGB) folder to switch between for different output enables you to use both to your advantage. Use the low-res images for layout, for internal proofing, and for EPUB/online PDF/HTML output. Then it's simply a quick switch to the high-res image folder for print purposes. You can easily prepare the alternate collection of images with a Photoshop batch convert script or with the Photoshop Image Processor. Save your presets!

  • Whole layout is messy

    hi, so I have this problem that my layout in dreamweaver is totally messed up
    but it's pefect if i browse it in firefox it all started when I used editable regions..
    I wish to have it normal in dreamweaver aswell since it's a bit of distraction..
    here are some screens
    I would paste my codes but I don't know why i can't paste :s

    here is the code hope someone can help out..
    <html>
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Najma</title>
    <!-- TemplateEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    body {
        background-color: #f4f1cd;
    </style>
    <link href="../najma_layout.css" rel="stylesheet" type="text/css">
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <!-- TemplateParam name="contentimg_src" type="text" value="../images/content.jpg" -->
    <!-- TemplateParam name="content_src" type="URL" value="../images/content.jpg" -->
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Najma layout sliced2.psd) -->
    <div id="najma_layout">
      <table width="961" height="901" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <tr>
          <td colspan="9">
            <img src="../images/banner.jpg" width="369" height="135" alt="Banner Logo"></td>
          <td colspan="5" rowspan="2">
            <img src="../images/Najma-layout-sliced2_02.jpg" width="228" height="153" alt=""></td>
          <td colspan="7">
            <img src="../images/banner-04.jpg" width="363" height="135" alt="Banner Logo"></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="135" alt=""></td>
        </tr>
        <tr>
          <td colspan="9" rowspan="2">
            <img src="../images/Najma-layout-sliced2_04.jpg" width="369" height="32" alt=""></td>
          <td colspan="7" rowspan="3">
            <img src="../images/Najma-layout-sliced2_05.jpg" width="363" height="33" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="18" alt=""></td>
        </tr>
        <tr>
          <td colspan="5" rowspan="2">
            <img src="../images/Najma-layout-sliced2_06.jpg" width="228" height="15" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="14" alt=""></td>
        </tr>
        <tr>
          <td colspan="7" rowspan="4">
            <img src="../images/Najma-layout-sliced2_07.jpg" width="257" height="81" alt=""></td>
          <td rowspan="2"><!-- TemplateBeginEditable name="home_btn" --><a href="../index.html"><img src="../imagesnl/home.jpg" alt="home" width="96" height="47" border="0"></a><!-- TemplateEndEditable --></td>
          <td rowspan="4">
            <img src="../images/Najma-layout-sliced2_09.jpg" width="16" height="81" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
        <tr>
          <td rowspan="3">
            <img src="../images/Najma-layout-sliced2_10.jpg" width="2" height="80" alt=""></td>
          <td rowspan="2"><!-- TemplateBeginEditable name="producten_btn" --><a href="../products.html"><img src="../imagesnl/products.jpg" alt="producten" width="96" height="47" border="0"></a><!-- TemplateEndEditable --></td>
          <td rowspan="3">
            <img src="../images/Najma-layout-sliced2_12.jpg" width="17" height="80" alt=""></td>
          <td rowspan="2"><!-- TemplateBeginEditable name="over_ons_btn" --><a href="../about_us.html"><img src="../imagesnl/over_ons.jpg" alt="over_ons" width="96" height="47" border="0"></a><!-- TemplateEndEditable --></td>
          <td colspan="2" rowspan="3">
            <img src="../images/Najma-layout-sliced2_14.jpg" width="19" height="80" alt=""></td>
          <td rowspan="2"><!-- TemplateBeginEditable name="contact_btn" --><a href="../contact.html"><img src="../imagesnl/contact.jpg" alt="contact" width="96" height="47" border="0"></a><!-- TemplateEndEditable --></td>
          <td colspan="5" rowspan="3">
            <img src="../images/Najma-layout-sliced2_16.jpg" width="265" height="80" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="46" alt=""></td>
        </tr>
        <tr>
          <td rowspan="2">
            <img src="../images/Najma-layout-sliced2_17.jpg" width="96" height="34" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
        <tr>
          <td>
            <img src="../images/Najma-layout-sliced2_18.jpg" width="96" height="33" alt=""></td>
          <td>
            <img src="../images/Najma-layout-sliced2_19.jpg" width="96" height="33" alt=""></td>
          <td>
            <img src="../images/Najma-layout-sliced2_20.jpg" width="96" height="33" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="33" alt=""></td>
        </tr>
        <tr>
          <td colspan="5">
            <img src="../images/Najma-layout-sliced2_21.jpg" width="234" height="53" alt=""></td>
          <td colspan="13" rowspan="7"><!-- TemplateBeginEditable name="content_area" --><img src="../images/content_underconstruction.jpg" width="492" height="534" border="0"><!-- TemplateEndEditable --></td>
          <td colspan="3" rowspan="7"><!-- TemplateBeginEditable name="right_area" --><img src="../imagesnl/right_area.jpg" alt="" width="234" height="534" border="0" usemap="#Map"><!-- TemplateEndEditable --></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="53" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="2">
            <img src="../images/Najma-layout-sliced2_24.jpg" width="115" height="86" alt=""></td>
          <td colspan="2"><!-- TemplateBeginEditable name="nieuws_btn" --><a href="../news.html"><img src="../imagesnl/news.jpg" alt="nieuws" width="100" height="40" border="0"></a><!-- TemplateEndEditable --></td>
          <td rowspan="11">
            <img src="../images/Najma-layout-sliced2_26.jpg" width="19" height="599" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
        <tr>
          <td colspan="2">
            <img src="../images/Najma-layout-sliced2_27.jpg" width="100" height="46" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="46" alt=""></td>
        </tr>
        <tr>
          <td rowspan="9">
            <img src="../images/Najma-layout-sliced2_28.jpg" width="113" height="513" alt=""></td>
          <td colspan="2"><!-- TemplateBeginEditable name="bedrijf_btn" --><a href="../company.html"><img src="../imagesnl/company.jpg" alt="Bedrijf" width="100" height="40" border="0"></a><!-- TemplateEndEditable --></td>
          <td rowspan="2">
            <img src="../images/Najma-layout-sliced2_30.jpg" width="2" height="88" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
        <tr>
          <td colspan="2">
            <img src="../images/Najma-layout-sliced2_31.jpg" width="100" height="48" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="48" alt=""></td>
        </tr>
        <tr>
          <td rowspan="7">
            <img src="../images/Najma-layout-sliced2_32.jpg" width="2" height="425" alt=""></td>
          <td colspan="2"><!-- TemplateBeginEditable name="halal_btn" --><a href="../halal.html"><img src="../imagesnl/halal.jpg" alt="Halal" width="100" height="40" border="0"></a><!-- TemplateEndEditable --></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="6">
            <img src="../images/Najma-layout-sliced2_34.jpg" width="100" height="385" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="267" alt=""></td>
        </tr>
        <tr>
          <td colspan="14" rowspan="2">
            <img src="../images/Najma-layout-sliced2_35.jpg" width="565" height="34" alt=""></td>
          <td>
            <img src="../images/designer.jpg" width="152" height="23" alt="Designer NaSS"></td>
          <td rowspan="5">
            <img src="../images/Najma-layout-sliced2_37.jpg" width="9" height="118" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="23" alt=""></td>
        </tr>
        <tr>
          <td rowspan="4">
            <img src="../images/Najma-layout-sliced2_38.jpg" width="152" height="95" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="11" alt=""></td>
        </tr>
        <tr>
          <td rowspan="3">
            <img src="../images/Najma-layout-sliced2_39.jpg" width="22" height="84" alt=""></td>
          <td colspan="11"><a href="../copyright.html"><img src="../images/copyright.jpg" alt="Copyright" width="447" height="26" border="0"></a></td>
          <td colspan="2" rowspan="3">
            <img src="../images/Najma-layout-sliced2_41.jpg" width="96" height="84" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="26" alt=""></td>
        </tr>
        <tr>
          <td colspan="11">
            <img src="../images/Najma-layout-sliced2_42.jpg" width="447" height="17" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="17" alt=""></td>
        </tr>
        <tr>
          <td>
            <img src="../images/Najma-layout-sliced2_43.jpg" width="1" height="41" alt=""></td>
          <td colspan="10">
            <img src="../images/Najma-layout-sliced2_44.jpg" width="446" height="41" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="41" alt=""></td>
        </tr>
        <tr>
          <td>
            <img src="../images/spacer.gif" width="113" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="2" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="98" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="2" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="19" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="22" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="96" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="16" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="2" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="96" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="17" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="96" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="17" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="2" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="96" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="8" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="23" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="73" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="152" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="9" height="1" alt=""></td>
          <td></td>
        </tr>
      </table>
    </div>
    <!-- End Save for Web Slices -->
    <map name="Map">
      <area shape="rect" coords="81,446,224,494" href="http://www.youstartpage.com" alt="YouStartPage">
    </map>
    </body>
    </html>

  • To print image in Non interactive form

    I have a requirement where image file is attached to QM02 transaction, now i want to print the attached image on QM02 print output. I am planning to use Non interactive form method to print the form output.
    Can anyone pls guide me how to insert/print image file which is attached at the transaction level.

    Otto:
    I followed the steps you have described in one of your earlier reply but I am unable to see the image on the non-interactive ADOBE form.
    Here is what I did.
    1) In the "Code Initialization" section of the form, I coded to get the SE78 stored image in to XSTRING field (by calling method cl_ssf_xsf_utilities=>get_bds_graphic_as_bmp)
    2) I created the image field and bound it to the XSTRING field derived in step 1. And I check marked "embed image" in layout of the image field.
    I also followed some other threads on this forum and tried to create a graphic node with a global field of mime type "BMP" and bound my XSTRING data onto it but to no avail.
    Any ideas?
    Thanks.
    Jitendra Mehta

  • How to place images

    I am totally new to dreamweaver. I have done a lot of tutorials, and I'm trying to make a web page. I have laid out what I want my page to look like in InDesign, is there a way for me to attach or upload that here to show what I'm trying to do? I have a series of images sort of scattered on the page, how do I place them in dreamweaver to be where I want them on the page? With padding? How would I calculate that?

    Here is the HTML code I have so far:
    <!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>Burnette Architecture</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
      <div id="pagelayout"><img src="frontpage-web-images/site layout.jpg" width="998" height="570" border="0" usemap="#Map" />
      <map name="Map" id="Map">
          <area shape="rect" coords="724,110,917,304" href="commercial.html" alt="commercial projects" />
          <area shape="rect" coords="328,282,447,401" href="residential.html" alt="residential projects" />
      </map>
      </div>
    </div>
    </body>
    </html>
    And the CSS code:
    @charset "UTF-8";
    /* CSS Document */
    #container {
        width: 968px;
        background: #fff
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    #pagelayout {
        margin:0 auto;
    The image is the pagelayout id. I have added two of the hotspot rectangles so far, and linked them to other pages, so that seems to be easy enough. I can't put it on the web because we actually already have an existing website, they want me to design this one and then replace the old one when it's finished, so I guess there's no way for me to test this one really. I do have new questions though as I move forward, just tell me if I'm asking too much and I'll stop...
    The end result of this is I want the word "residential" or "commercial" to pop up when you mouseover those red boxes, but at the same time I also want the corresponding residential images to highlight when you mouseover the residential box. To further clarify, when you mouse over the residential box, the white word "residential" comes up and also all of the pictures on that side of the logo highlight. Is it possible to do both of these with one hotspot, or would I layer two of them for the two different behaviors? I am such a beginner this is a hard thing to do.

Maybe you are looking for

  • Top 2 workable way to Create Windows 7 Password Reset Disk in any condition

    This article describes how to create and use a Windows 7 password reset disk for a computer before and after you forgot the password. You can use Windows 7 password reset CD to gain access to your computer. Scenario 1: I dont forget the password yet.

  • Can an error in battery cause a slow CPUS and the fan to run non-stop?

    tthe battery need serviced but my computer runs slow and the fan is running non-stop. MacBook Pro 13" purchased around 2011.

  • UNCAUGHT_EXCEPTION message when creating a Shopping Cart

    Hi All, I would appreciate it if someone could provide an insight to the error message below. It occurs when the user attemps to enter a text decription shopping cart. I have checked the org structure set-up and attributes but am at a loss to to find

  • Appending zeros in the end

    Hi,   How can I add some zeros in the end of a field in the decimal places? I need to have 6 decimal places, so which ever decimal place is not filled, should be filled with zeros. Example: If the value is 11.123    I need to convert it to 12.123000

  • An onchange event for a Lightroom SDK  popup_menu

    In my plugin I have a popup_menu that I would like to implement an onchange event for (as one would be able to do for such a dropdown menu in Javascript).  But in carefully looking over the SDK documentation, I see no way to do this.  Does anyone hav