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.

Editable text goes here...

<div style="float:right; width:100px; margin-top:50px; padding:12px">
<img src="image.jpg">
</div>

This editable text wraps around the floated image...

Nancy O.

Similar Messages

How do you position an image inside a photo box?

I'm trying to create a 20 page 16x8 book and I cannot figure out how, after putting a photo box on the page, and dropping an image into it, how do I move the image around inside of it. For instance if I create a square photo box, how do I position a 3:2 image inside of it?

Double click it.
RB

How do I position a Loader image inside a Sprite?

In AS3 / CS4 I'm trying to programmatically create a bunch of rectangular objects, let's call them 'cards', that will contain an image and a colored background and eventually some other elements like text. I want to create alot of these cards and move them around inside of a larger panel (also a Sprite) of sorts. I can successfully create colored rectangles in my cards and place the cards where I want in the panel, but whenever I try to add an image to a card, I can't seem to position the image inside the card's coordinate space, it ends up being placed inside the larger panel's coordinate space instead, even though I'm adding the image/loader as a child of the card. I thought maybe it had something to do with having to wait until the image loading was complete, so I added the listener as a test but that didn't work. Here's the code:
            var cont:Sprite = new Sprite(); containing 'card'
            var rect:Sprite = new Sprite(); // draw a colored rectangle in the card
            var loader:Loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, positionLoader);
            rect.graphics.beginFill(0xbb3399);
            rect.graphics.drawRect(60,60,99,99); // this works as expected
            rect.graphics.endFill();
            cont.addChild(rect);
            addChild(cont);
            var req:URLRequest = new URLRequest("top.png");
            loader.load(req);
            function positionLoader(e:Event):void {
                loader.x = 30; // position the image inside the containing card
                loader.y = 30;
                cont.addChild(loader); // add the image to the card

I solved this problem.

CS3-style of placing the images inside frames in CS4.

Hi everyone,
I'm trying to find a way to have the cs3 - style of placing the images into frames in the new Indy CS4. I mean when I hit cmd+D and draw a frame I don't want any scaling / fitting of the placed image. I know there's no scaling if you drop an image into existing frame but when you draw one on-the-fly it's either the frame that keeps the proportions of the image or when you hold shift the image gets scaled to fit into.
I'd rather have the old style placing as an option - but didn't find such a switch anywhere in the prefs.
Thnx.
R.

Interesting request. I wouldn't have thought anyone would want the older way of creating images in frames, but I guess there's always someone who wants the old ways.
I can't find any preference to restore the behavior back to the pre-CS4 way.
But if you want to work with images the old way, you can. Your commands are just a little different, in a different order. But you may actually save a step.
Consider:
b In CS3 you had to do the following:
1. Drag to create a frame.
2. Switch to the Direct Selection tool.
3. If desired, change the position the image inside the frame
4. If desired, scale the image inside the frame
5. If desired, use the Fitting commands to fit the image inside the frame.
b In CS4 you have to do the following:
1. Drag to create a frame.
2. Switch to the Direct Selection tool.
3. Scale the image inside the frame.
4. Position the image inside the frame.
However, step 5 is probably eliminated as you already started with the image fitting inside the frame.
I agree no one likes to need to learn new work habits, but it's not such a big deal.

Positioning of an image in 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 the 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 site is: www.4pawsplus.com

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

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

Problem with images inside of table cells

I've run into a problem on this web page:
http://www.solidrocknet.org/index2.html
The the background of the table cells which contain an image
is showing
through in the form of a strip at the bottom of the cell. You
can see
this as a black strip in the cells which contain the logo
graphic,
centerpiece photo, and the photo strip and as a blue strip
under the 4
separate photos on the bottom.
These problems are appearing in Firefox. It almost looks
correct in
IE6/7 except that the blue strip appears under the bottom
photos.
Can anyone see what I am doing wrong?

The best practice is to include -
a img { border:none; }
in your CSS so that any image inside an anchor tag is
prevented from having
the border.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"K0rrupt" <[email protected]> wrote in
message
news:f5i5fc$bhp$[email protected]..
> sometimes browsers like to display a blue lines around
pictures. So as
> good practice you should add it.
>

How can i postition an image inside a div correctly?

I am learning CSS and I want to insert an image inside a div
used as a footer. I want the image to appear to the left of the div
with say 10px left margin and 5px top and bottom.
I also have a horizontal UL and a <p> inside the div
which are set to the centre. I want to keep their appearance as
they are - but add the image to the left without putting anything
else out of place if that makes sense.
Can someone show me how it is done?
http://www.tomkilbourn.com/newsite/test/footer.html
The image which I want to use is from validator.wc3.org -
<p>
<a href="
http://validator.w3.org/check?uri=referer"><img
src="
http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88"
/></a>
</p>

~Billy~ wrote:
> Ive got it to work by adding -
>
> <span
style="position:absolute;top:27px;left:20px;">
> <img src="/newsite/images/valid-xhtml10.png"
/></span>
>
> before the closing body tag, but is there a way to do it
without using
> absolute positioning and span?
>
Id' do it by adding position relative to my footer div and
then I'd
create a class for the img and use absolute positioning for
it which if
nested within the footer div will be relative to that - like
so.....
in your css...
#footer {
border-top: 1px solid rgb(187, 187, 187);
padding: 0px 0px 10px;
background-color: rgb(51, 0, 0);
position: relative;
.w3c {
position: absolute;
top: 10px;
right: 20px;
and your html markup for your footer dive, something like....
<div id="footer">
<img src="/newsite/images/valid-xhtml10.png" alt="alt text
here"
class="w3c" />
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li class="last"><a href="#">Item
five</a></li>
</ul>
<p id="footerbottom">Copyright Tom Kilbourn 2007
www.tomkilbourn.com</p>
</div>
chin chin
Sinclair

Position multiple images CSS

Hello I need to position 5 images of different sizes
(combined they will equal a rectangle) the images will be links to
other pages. I have been trying to do this using an unordered list
with out anyluck.
can someone reccomend what method i should be looking for.
Thank you,
Shontelle

"shonts" <[email protected]> wrote in
message
news:f6oeqr$4o$[email protected]..
> Hello I need to position 5 images of different sizes
(combined they will
> equal
> a rectangle) the images will be links to other pages. I
have been trying
> to do
> this using an unordered list with out anyluck.
> can someone reccomend what method i should be looking
for.
Give your UL a width/height that matches the dimensions of
the rectangle
(style it with "position:relative"), then use
"position:absolute" to
position each one of the LI.
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3

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/

How do i get a placed image to appear as image inside a layer?

There is a long winded reason why I want this, but in essence I am trying to replicate another artwork that has been supplied to me.
When I place a Photoshop image (TIFF / PSD etc) how can I get it so that it simply appears as <image> inside the relevant layer (screen shot attached)
I am finding that when I place an image I do not get this

That's what I had assumed. It just doesn't seem to be working for me. You don't think there is a Preference setting that might disable it?

SMARTFORMS :How to print an inernal table inside a template cell?

Hi all,
I have a smartform which contains a template.
I want to print inside a cell of the template the content of an internal table.
Is this possible ?if yes , how to do that ?
Thanks.

Yes, it is possible.
Create inside your template a loop. Then create inside a text which you address as i.e. row 1, column 1 of your template (cell address).
Now when looping through your table it will place all data in some work area .i.e wa. In your text provide name of the components you want to dispaly i.e. &wa-comp1&.
Please note, that length of your template must be long enought to fit all tables entries.
Regards
Marcin

Positioning an image inside a template

Similar Messages

Maybe you are looking for