Adding bg image to Dw template

I am using the 2 column right sidebar with header and footer
Dw template which comes with a 250px right margin in the main
content left column div to prevent margin collapse. When I assign a
bg image to the div it gets cut off, even if I subtract for the
margin. How does one deal with the uncertainty inherent in such a
layout?

Background images are not affected by container margins.
If the background image is being 'cut off' it means your
container does not
have the dimensions you think it does. Try giving it a border
to see what's
happening.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Paevo Kelley" <[email protected]> wrote in
message
news:fltvus$h8p$[email protected]..
>I am using the 2 column right sidebar with header and
footer Dw template
>which
> comes with a 250px right margin in the main content left
column div to
> prevent
> margin collapse. When I assign a bg image to the div it
gets cut off, even
> if I
> subtract for the margin. How does one deal with the
uncertainty inherent
> in
> such a layout?
>

Similar Messages

  • Slideshow image resizing when adding new images

    I am creating a series of slideshows on multiple pages. I created one slide show using the "basic" slideshow and resized it to the dimensions and settings I wanted. I have many pictures all of different proportion, therefore, I selected the "fill frame proportionally" so they would all fit the dimension I set. I wanted to use this first slideshow as a template for all of the rest. I added images to this first slideshow with no problems. All of my different sized images scaled or cropped to fit within the dimension I set. The problem comes in when I do two things: 1) When I add other images of different dimensions to this same slideshow gallery, they come smaller that the intended dimensions I set previous. I check the setting and it is still on "fill frame proportionally" similar to the first batch of pictures. 2) The second issue is when copy this slideshow as a template to other pages. When I try to replace or add to the slideshow gallery, the images come in cropped or smaller rather than filling the frame. Again, the settings are still the same from my very first slideshow that worked just as i intended.
    I could resize all the images to all the same dimensions using another program like photoshop, but that is another step that is very tedious and it would seem that it should be something built into Muse.
    Is there a way around this?. Am I doing something wrong? Or is this just one of those glitches that happens with Muse? I appreciate any help that I can get.
    Thanks!

    Hi, I got it to work like this:
    Using background colours in Photoshop so that all sizes are the same in pixels. Then manually adjusting thumbnails by double-clicking on them so that a red square appears.
    Cheers,
    Elsemiek
    Op 26 dec. 2014, om 00:50 heeft MediaGraphics <[email protected]> het volgende geschreven:
    slideshow image resizing when adding new images
    created by MediaGraphics <https://forums.adobe.com/people/MediaGraphics> in Adobe Muse Bugs - View the full discussion <https://forums.adobe.com/message/7043933#7043933>
    Hi there Elsemiekagain,
    I had to fiddle around with my slide show to get it to work. That is, it worked at first, then went funky, and I had to fiddle. So much fiddling that I can't possibly know what actually made it start to work again.
    And to some degree, this is the way that I find Muse to be in general. That it requires finessing to get it to work as expected. This adds a good deal of time to every development project, though I am getting better at this with practice and experience.
    Most of it is not even things that could be easily put in words as instructions, as many are nanced. But in fairness, this version of Muse is a complete code re-write this year. So we do need to cut Adobe some slack, and give the team time to iron things out.
    If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7043933#7043933 and clicking ‘Correct’ below the answer
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7043933#7043933
    To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"
    Start a new discussion in Adobe Muse Bugs by email <mailto:[email protected]ftware.com> or at Adobe Community <https://forums.adobe.com/choose-container.jspa?contentType=1&containerType=14&container=47 59>
    For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624 <https://forums.adobe.com/thread/1516624>.

  • Positioning an image inside a template

    I have an image that I have manually placed in the bottom right corner of the main content div on every page of the site. This image is not part of the template, I inserted and floated it on every page after I created each page from the template. What I would like to do is place this image in the template so that when I create a new page or edit a page, the image will always stick to the bottom right of this box and any text I add to the page will wrap around the left of the image. How do I do this?
    The website is www.4pawsplus.com.

    If you want the image to appear on child pages, it must be added to a non-editable region of the Template and above wrapped text.
    <!-- TemplateBeginEditable name="content1" -->
    Editable text goes here...
    <!-- TemplateEndEditable -->
    <div style="float:right; width:100px; margin-top:50px; padding:12px">
    <img src="image.jpg">
    </div>
    <!-- TemplateBeginEditable name="content2" -->
    This editable text wraps around the floated image...
    <!-- TemplateEndEditable -->
    Nancy O.

  • Display of image in rtf template

    Hi,
    I have a tag in my xml file like
    <ImageDistributeur>IMAGE:D:\EXPLOIT_UNPMF\Edition\Image\L29004G.tif</ImageDistributeur>
    and the image is stored in the particular location specified inside the tag.
    The xml file doesnt contain the image...
    My question is how can i use the tag and get the image in the template.
    I dont want to embed the image directly into the template as it is a dynamic logo...
    so i have to use the xml tag.
    but if use the above <ImageDistributeur> tag... its obvious that the text inside the tag only will be printed...
    Is there any other way to get the image from the path specified ..if so please guide me in this issue.

    Hi,
    have a look at Tims Blog: http://blogs.oracle.com/xmlpublisher/2006/05/02#a25
    Regards
    Rainer

  • Dynamic image in the template builder plug-in does not work

    Hi all,
    The documentation says:
    Direct Insertion
    Insert the jpg, gif, or png image directly in your template.
    +...This works obviously+
    URL Reference
    1. Insert a dummy image in your template.
    2. In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
    url:{'http://image location'}
    For example, enter: url:{'http://www.oracle.com/images/ora_log.gif'}
    +...This works too when I hardcode an url as url:{'http://www.google.com.tr/images/firefox/mobiledownload.png'}+
    Element Reference from XML File
    1. Insert a dummy image in your template.
    2. In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
    url:{IMAGE_LOCATION}
    where IMAGE_LOCATION is an element from your XML file that holds the full URL to the image.
    +...This, however, does not work.+
    I use Apex' report query tool and My query is like
    select 'http://www.google.com.tr/images/firefox/mobiledownload.png' IMAGE_LOCATION from ... (a single result set for my template)
    the xml data is generated with an IMAGE_LOCATION tag. I load it to word template plug-in. The Url successfully displays in the report if I make it a plain-simple field.
    But when it's in the image format->web->alt text as url:{IMAGE_LOCATION} no image displayed.
    I need to keep this design procedure simple so a simple word user could design a report via using just template builder plug-in. I don't wish to explore the xsl-fo area...yet.
    Could you tell me why I can't get this url:{IMAGE_LOCATION} to work?
    Regards
    PS: My BI version: 10.1.3.4.1
    Edited by: oeren on Jun 8, 2011 12:28 AM

    Oeren,
    I stumbled across this little tidbit buried in the BI Publisher forum: Dynamic Images in rtf
    Glad you are up and running!
    Joshua

  • How can i display image in RTF template when Oracle Apps running in Windows

    Can any body help how can i display image in RTF template when oracle apps running in Windows Server.
    Thanks
    Ravi

    Hi Ravi,
    You can add images into your rtf template using MS Word Insert Picture feature.
    Did you try this method?
    Thanks
    Ravi
    [email protected]

  • How to display a blob image in RTF template's Header.

    Hi,
    I want to display a blob image (logo company) in my RTF template,
    my problem is how i can display this image in the template's Header.
    I tried this
    <?
    <fo:instream-foreign-object content-type="image/jpeg" >
    <xsl:value-of select=".//LOGO"/>
    </fo:instream-foreign-object>
    ?>
    but was unsuccessful
    Thanks in advance.

    I tried this
    <?
    <fo:instream-foreign-object content-type="image/jpeg" >
    <xsl:value-of select=".//LOGO"/>
    </fo:instream-foreign-object>
    ?>
    but was unsuccessful
    sure
    what is red elements ?
    you template can be looks like
    ..... some data .....
    ( after  all data )
    <?template:footer_logo?>
    <fo:instream-foreign-object content-type="image/jpeg" ><xsl:value-of select=".//LOGO"/></fo:instream-foreign-object> (as field )
    <?end template?>
    <?call-template:footer_logo?> ( in header/footer )
    some remarks https://oralublog.wordpress.com/2014/10/04/bi-publisher-11g-footers-and-headers-in-rtf-template/

  • Photo gallery able to reorganise into subcategories + adding new images via in-browser editing

    Hi,
    I'm looking for a photo gallery which has the ability to reorganise the images displayed based on subcategories or tags. For example I want to add a gallery which contains photos of a clients projects. The client wants site visitors to be able to shuffle the gallery to view only for example "stone walls" or "timber decking". A tagging system would be handy rather than having to load the photos into each subcategory.
    The other consideration is that my client needs to be able to add new images with tags using the in-browser via Business Catalyst. So far I have only succeeded in replacing existing images rather than adding new images.
    Is there such a widget for Muse or are there anyother widgets for wordp-ress or other which could be embedded to tdo the job.
    Thanks in advance,
    Jimmy

    Hi Jimmy
    If I am not wrong, basically you want to provide users an option to select category of images which they want to show up on page.
    From Muse we cannot tag or categorize them , also photogallery module in BC does not provides this option, but there is a workaround with web apps.
    You can create a web app and then web app items as images and then categorize them. On page insert the web app with categories drop down, so when users will select the category those web app items would be displayed on page. Additionally you can add custom fields in web app to search using keyword.
    With editing , clients can login to BC admin and then using photogallery module or web app module ( if used ) to edit the images, add new ones. IBE cannot be used to add new ones but to replace existing ones.
    Helpful Links :
    http://helpx.adobe.com/business-catalyst/partner/web-apps.html
    http://helpx.adobe.com/business-catalyst/partner/building-web-apps-part-1.html
    Thanks,
    Sanjit

  • Adding an Image on top of Zoom area

    Hello everyone,
    I'm a brand new user of Captivate and I'm working with version 4.  I'll do my best to not get on your nerves with all the newbie questions!
    Current issue - I'm working within a single slide and have a small segment highlighted with the Zoom function.  The Zoom is working great, but there are multiple items within the Zoom box that I would like to highlight/indicate for the viewers.  I want to use a basic arrow to point at the icon I'm referring to in the audio, so I've tried adding an Image of an arrow, but it always appears behind the Zoom box when I Preview or Publish the project.  I've tried using both jpeg and bmp formats for the image and see no difference.  I've also tried to work with the Order of the Image and Zoom, setting them to 'Step Back, 'Bring to Front', etc, but it doesn't make a difference.
    Any suggestions on how I can get the image to show up on top of the Zoom box?
    Side question - I had to find an image of a basic arrow on the web, as all I could find within Captivate 4 are the Animated Arrows.  Does Captivate have good old basic arrows and pointers?  If so, where might I might find them?
    Thanks in advance.
    D

    Hi there
    See if the link below helps any
    Click here
    For lines and arrows, use Drawing Objects if you are using Captivate 4. Insert > Drawing Objects.
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • Adding background image to JPanal...............PLEASE PLEASE HELP

    Hi,
    i am very very stuck in adding a image to a JPanel. here is my code could any one please show me where and how to add an image to this please. a sample code would be prefered.
    Thanks
    * card.java
    public class card extends javax.swing.JFrame {
    /** Creates new form card */
    public card() {
    initComponents();
    /** This method is called from within the constructor to
    * initialize the form.
    * WARNING: Do NOT modify this code. The content of this method is
    * always regenerated by the Form Editor.
    private void initComponents() {
    java.awt.GridBagConstraints gridBagConstraints;
    jPanel1 = new javax.swing.JPanel();
    jLabel1 = new javax.swing.JLabel();
    jButton1 = new javax.swing.JButton();
    jButton2 = new javax.swing.JButton();
    jButton3 = new javax.swing.JButton();
    jPanel2 = new javax.swing.JPanel();
    getContentPane().setLayout(new java.awt.GridBagLayout());
    setTitle("Card Game");
    addWindowListener(new java.awt.event.WindowAdapter() {
    public void windowClosing(java.awt.event.WindowEvent evt) {
    exitForm(evt);
    jPanel1.setLayout(new java.awt.GridBagLayout());
    jPanel1.setBackground(new java.awt.Color(255, 255, 255));
    jLabel1.setIcon(new javax.swing.ImageIcon("card game implementation\\headingF1.jpg"));
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 0;
    gridBagConstraints.gridy = 0;
    gridBagConstraints.gridwidth = 2;
    gridBagConstraints.insets = new java.awt.Insets(5, 145, 0, 205);
    jPanel1.add(jLabel1, gridBagConstraints);
    jButton1.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\helpbuttonF.jpg"));
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 1;
    gridBagConstraints.gridy = 1;
    gridBagConstraints.ipadx = -36;
    gridBagConstraints.ipady = -10;
    gridBagConstraints.insets = new java.awt.Insets(83, 40, 130, 40);
    jPanel1.add(jButton1, gridBagConstraints);
    jButton2.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\newgame1.jpg"));
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 1;
    gridBagConstraints.gridy = 1;
    gridBagConstraints.ipadx = -39;
    gridBagConstraints.ipady = -12;
    gridBagConstraints.insets = new java.awt.Insets(213, 40, 0, 40);
    jPanel1.add(jButton2, gridBagConstraints);
    jButton3.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\quit1.jpg"));
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 1;
    gridBagConstraints.gridy = 2;
    gridBagConstraints.ipadx = -39;
    gridBagConstraints.ipady = -12;
    gridBagConstraints.insets = new java.awt.Insets(80, 40, 70, 40);
    jPanel1.add(jButton3, gridBagConstraints);
    jPanel2.setLayout(new java.awt.GridBagLayout());
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 0;
    gridBagConstraints.gridy = 1;
    gridBagConstraints.gridheight = 2;
    gridBagConstraints.ipadx = 420;
    gridBagConstraints.ipady = 400;
    gridBagConstraints.insets = new java.awt.Insets(43, 60, 40, 0);
    jPanel1.add(jPanel2, gridBagConstraints);
    gridBagConstraints = new java.awt.GridBagConstraints();
    gridBagConstraints.gridx = 0;
    gridBagConstraints.gridy = 0;
    gridBagConstraints.insets = new java.awt.Insets(0, 0, 1, 1);
    getContentPane().add(jPanel1, gridBagConstraints);
    pack();
    /** Exit the Application */
    private void exitForm(java.awt.event.WindowEvent evt) {
    System.exit(0);
    * @param args the command line arguments
    public static void main(String args[]) {
    new card().show();
    // Variables declaration - do not modify
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JButton jButton3;
    private javax.swing.JLabel jLabel1;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    // End of variables declaration

    My images loaded up just fine. I left them in and commented out. Try using the single forward slash below...
    public class CardTest extends javax.swing.JFrame {
        /** Creates new form card */
        public CardTest() {
            initComponents();
        /** This method is called from within the constructor to
         * initialize the form.
         * WARNING: Do NOT modify this code. The content of this method is
         * always regenerated by the Form Editor.
        private void initComponents() {
            java.awt.GridBagConstraints gridBagConstraints;
            jPanel1 = new javax.swing.JPanel();
            jLabel1 = new javax.swing.JLabel();
            jButton1 = new javax.swing.JButton();
            jButton2 = new javax.swing.JButton();
            jButton3 = new javax.swing.JButton();
            jPanel2 = new javax.swing.JPanel();
            getContentPane().setLayout(new java.awt.GridBagLayout());
            setTitle("Card Game");
            addWindowListener(new java.awt.event.WindowAdapter() {
                public void windowClosing(java.awt.event.WindowEvent evt) {
                    exitForm(evt);
            jPanel1.setLayout(new java.awt.GridBagLayout());
            jPanel1.setBackground(new java.awt.Color(255, 255, 255));
            jLabel1.setIcon(new javax.swing.ImageIcon(
                            //"images/T1.gif"));
                            "card game implementation/headingF1.jpg"));
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 0;
            gridBagConstraints.gridy = 0;
            gridBagConstraints.gridwidth = 2;
            gridBagConstraints.insets = new java.awt.Insets(5, 145, 0, 205);
            jPanel1.add(jLabel1, gridBagConstraints);
            jButton1.setIcon(new javax.swing.ImageIcon(
                             //"images/T2.gif"));
                             "card game implementation/Nigat/helpbuttonF.jpg"));
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 1;
            gridBagConstraints.gridy = 1;
            gridBagConstraints.ipadx = -36;
            gridBagConstraints.ipady = -10;
            gridBagConstraints.insets = new java.awt.Insets(83, 40, 130, 40);
            jPanel1.add(jButton1, gridBagConstraints);
            jButton2.setIcon(new javax.swing.ImageIcon(
                             //"images/T3.gif"));
                             "card game implementation/Nigat/newgame1.jpg"));
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 1;
            gridBagConstraints.gridy = 1;
            gridBagConstraints.ipadx = -39;
            gridBagConstraints.ipady = -12;
            gridBagConstraints.insets = new java.awt.Insets(213, 40, 0, 40);
            jPanel1.add(jButton2, gridBagConstraints);
            jButton3.setIcon(new javax.swing.ImageIcon(
                             //"images/T4.gif"));
                             "card game implementation/Nigat/quit1.jpg"));
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 1;
            gridBagConstraints.gridy = 2;
            gridBagConstraints.ipadx = -39;
            gridBagConstraints.ipady = -12;
            gridBagConstraints.insets = new java.awt.Insets(80, 40, 70, 40);
            jPanel1.add(jButton3, gridBagConstraints);
            jPanel2.setLayout(new java.awt.GridBagLayout());
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 0;
            gridBagConstraints.gridy = 1;
            gridBagConstraints.gridheight = 2;
            gridBagConstraints.ipadx = 420;
            gridBagConstraints.ipady = 400;
            gridBagConstraints.insets = new java.awt.Insets(43, 60, 40, 0);
            jPanel1.add(jPanel2, gridBagConstraints);
            gridBagConstraints = new java.awt.GridBagConstraints();
            gridBagConstraints.gridx = 0;
            gridBagConstraints.gridy = 0;
            gridBagConstraints.insets = new java.awt.Insets(0, 0, 1, 1);
            getContentPane().add(jPanel1, gridBagConstraints);
            pack();
        /** Exit the Application */
        private void exitForm(java.awt.event.WindowEvent evt) {
            System.exit(0);
         * @param args the command line arguments
        public static void main(String args[]) {
            new CardTest().setVisible(true);
        // Variables declaration - do not modify
        private javax.swing.JButton jButton1;
        private javax.swing.JButton jButton2;
        private javax.swing.JButton jButton3;
        private javax.swing.JLabel jLabel1;
        private javax.swing.JPanel jPanel1;
        private javax.swing.JPanel jPanel2;
        // End of variables declaration
    }

  • Images in Email Template

    Images in Email Template
    I created an email template and inserted two images in the body of the email. 
    The images were uploaded to the server.  Once uploaded, the images were placed inside the body of the email.  When the email was opened inside my email client, the images did not appear.
    Has anyone been able to successfully insert an image (or file attachment) in an email template and have it appear properly in their email client?

    Hi David -
    We use images in email without issue, but we don't include the actual images in the emails.  We store the images on an internal web server and simply reference the images stored there.  That web server is on a list of "trusted" servers so the images automatically load for our users (Our settings are that "untrusted" links to images are not automatically loaded in Outlook).  I actually do the same thing with a style sheet that all of our email templates reference.  That way I can globally

  • How to change background image in existing template?

    Hi 
    Current website needs overall change in background image which is already set in template. Is there anyone who knows how to change background image in existing templates?

    Make a friend with firebug &  you could find yourself from where it is getting applied.
    For the website you have given the background image it is using is [1] and it is getting set in css of body tag [2]. So Find the css at [3] and modify it OR replace [1] with other image with same file name.
    [1]   www.hanwha.com/etc/designs/hanwha/images/bg-body.jpg
    [2]
    body {
        background: url("images/bg-body.jpg") repeat-x scroll 50% 0 #FFFFFF;
        color: #757373;
        font: 14px/18px Arial,Verdana,Helvetica,sans-serif;
        margin: 0;
        min-width: 979px;
    [3]
    /etc/designs/hanwha/...../*.css

  • Adding Rollover Images in a LiveCycle ES Document

    Can anyone help me here. I am trying to add images of products that pop-up upon rollover of a calculated field. Is there a way to do this in LiveCycle ES?
    Thanks!

    First, I think you'd have to have a positioned form so you can have the image overlap text or what-have-you.  Then you could try adding an image field close to the text field and set it's presence to hidden.  Then once they mouse over (event of some sort), you could change the imageField.presence to visible.

  • Embedding an Image as a template in mail - is it possible?

    Hi,
    I know that if I am sending an attachment to another mac person who uses mail, that the image will appear "inline" (in the main body of the text). What I want to know is whether it is possible to embed an image as a template or background in mail so that if I send it to a PC user they will recieve like I would on a mac, not just as a jpeg attachment in the bottom corner of the email.
    The reason I ask is that as an artist I send out emails to a mailing list of friends and clients of upcoming shows and events. I want to make sure everyone will get the same visual message without having to open an attachment (or get a blank email with said attachment at the bottom)
    Is there a program that does this or can I do it in Mail??
    I am sure I am being totally stupid but I would appreciate some help..
    thanks again in advance
    roop
    imac G5   Mac OS X (10.4.9)  

    Hi,
    I have the same problem, did you get it resolved?
    Thanks
    Jan
    Mac Pro   Mac OS X (10.4.9)  

  • [svn:fx-3.x] 7748: Adding preview images for 3.x themes.

    Revision: 7748
    Author:   [email protected]
    Date:     2009-06-11 07:34:57 -0700 (Thu, 11 Jun 2009)
    Log Message:
    Adding preview images for 3.x themes.
    Added Paths:
        flex/sdk/branches/3.x/frameworks/themes/AeonGraphical/preview.jpg
        flex/sdk/branches/3.x/frameworks/themes/Ice/preview.jpg
        flex/sdk/branches/3.x/frameworks/themes/Institutional/preview.jpg
        flex/sdk/branches/3.x/frameworks/themes/Smoke/preview.jpg
        flex/sdk/branches/3.x/frameworks/themes/Wooden/preview.jpg

Maybe you are looking for