Placing Images within Content

Is this the correct method for placing images within the content?
<img src= "img/204point.jpf" alt="204 Point System" />
or is there a better method using CSS?
This is not a background image, it is just an image amongst the text.

Yes, that's the correct way, although .jpf is not a recognized extension for images. I assume it's a typo for .jpg. Also, the width and height of the image should be included. Dreamweaver should detect these automatically for you.
Images are considered inline elements, so you normally need to use CSS to float them left or right to flow the text around them. Create the following style rules in your style sheet:
.floatleft {
float: left;
margin-right: 8px;
.floatright {
float: right;
margin-left: 8px;
Select the image, and apply floatleft or floatright from the Class menu in the Property inspector.

Similar Messages

Offset placed image within rectangle

I need the code that allows me to offset image within a rectangle. Hopefully within properties as I place image on imageFrame. I've googled for quite a while. All help appreciated.
set filePath to alias "Mac_3a:Users:kevin:Documents:DustBin:20080807:theImage.pdf"
tell application "Adobe InDesign CS3" to tell document 1
set imageFrame to make rectangle at page 1 with properties {geometric bounds:{0, 0, 5, 7}}
place filePath on imageFrame with properties {absolute horizontal scale:30, absolute vertical scale:30}
end tell

This code works, if slightly inaccurate in placement. Please notice the commented code showing an error when attempting to retrieve geometric bounds of the image within the rectangle. Any thoughts on that error?
set frameBounds to {0.0, 0.0, 11.0, 8.5}
set linkPath to alias "Mac_3a:Users:kevin:Pictures:Faux Fur.jpg"
set linkOffset to {-1, -3, 0, 0}
tell application "Adobe InDesign CS3"
tell document 1
tell page 1
set imageFrame to make rectangle with properties {geometric bounds:frameBounds}
set framedImage to place linkPath on imageFrame with properties {absolute horizontal scale:100, absolute vertical scale:100, geometric bounds:linkOffset}
-- tell framedImage to get geometric bounds -- this code errors
end tell
end tell
end tell

Placing Images on Content Areas in Text

Hello;
I'd like to customize the position of an image on my content area.
Adding text- and image-items is no problem, but I can't customize the position of the image so that it is diplayed e.g. on the right-hand side of the text.
Adding a text-item and specifying an image at secondary item attributes is also no problem, but when choosing the display option "Item Displayed Directly In Folder Area", the text is displayed but NOT the image...
Any suggestions?
Thank you for reply (please also to my email: [email protected]),
Bernhard
null

What kind of item are you adding? Is it a text item or an image item?

Placing Images within a View in XCode

Hello, I am new to XCode and Mac Application design, but I need to code a program where a user can click with the mouse and an image will appear where the user has clicked. My main issue (I think) is writing code that places these images in the view as the user clicks. Could someone help me with this? I am currently using XCode 4.

Hi Mohler,
PAL is ultimately some set of database procedures . If you want to use it as HANA View, you may need to right scripted views and consume the same.
Analytic views are typically defined on at least one fact table that contains transactional data. Using analytic views you can create a selection of measures—sometimes referred to as key figures—, add attributes and join attribute views. Analytic views leverage the computing power of SAP HANA to calculate aggregate data, e. g., the number of cars sold per country, or the maximum power consumed per day.
Ref : https://cookbook.experiencesaphana.com/bw/modeling-data/modeling-concepts/views/
Sreehari

Rasterize settings for placed images?

How do I place images in AI to make sure that they come in at a high quality? Is there some setting that controls the rasterize settings?
Thanks.

Placed images are placed at whatever resolution the original file is at. You can't directly control the ppi of any placed image.
If you are using raster effects (drop shdows, glows, etc) or are specifically rasterizing content within AI, you'll want to set the Document Raster Effects Settings (in the Effects menu) to "high" or 300ppi.

Hyperlink on image within webi report

Hello,
is there a way to add a hyperlink on an image within a webi report?
I tried placing an image in a separate column and checked Read content as hyperlink and placed the link .
but unable to click on the image.Placed jpg image.
I am using BO 4.0 sp6
Even i tried
<a href="www.google.at" >
<img src = "URL for the image" />
</a>
even i followed this thread 2100596 but couldn't get the solution.Screenshot has been attached
Help me!!!!
Regards
sushma

Hi Sushma
plz follow the step properly,
step1 : create a blank column
step 2:right click on the blank cell
step2.1:
http://PFS-DEV:8080/BOE/OpenDocument/opendoc/openDocument.jsp?sIDType=CUID&iDocID=AZusMTK0dcNDnR9kAwyD0Gg&lsSEnter the Calendar Day=&lsSSelectGL=
past this link in above
click on parse
after that click on ok
step 3: go to www.google.co.in
step4: right click on image of gogle
select copy image location
step 5:
"<a href=\"http://PFS-DEV:8080/BOE/OpenDocument/opendoc/openDocument.jsp?sIDType=CUID&iDocID=AZusMTK0dcNDnR9kAwyD0Gg&lsS%20Enter%20the%20Calendar%20Day="+URLEncode(""+[V_PromptDate])+"&lsSSelectGL="+URLEncode(""+[var2])+"\" title=\"\" target=\"_blank\" nav=\"web\">"</a>
edit the hyperlink
add the below line in above line
<img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-27-5917140490125312-hp.gif">
<a href=\"http://PFS-DEV:8080/BOE/OpenDocument/opendoc/openDocument.jsp?sIDType=CUID&iDocID=AZusMTK0dcNDnR9kAwyD0Gg&lsS%20Enter%20the%20Calendar%20Day="+URLEncode(""+[V_PromptDate])+"&lsSSelectGL="+URLEncode(""+[var2])+"\" title=\"\" target=\"_blank\" nav=\"web\">
<img src="https://www.google.co.in/logos/doodles/2014/world-cup-2014-27-5917140490125312-hp.gif">
</a>
Note
dont create a variable.
note
after putting the above formula in blank cell
right click on the cell and select format cell
select the DISPLAY
and select the read content as HTML
IMP after selecting the HTML then only you will see the image

Tiling image within infinitely vertically expandable rounded box

I would like to place a 1px high image within a round box which will expand inifnitely in a dynamic ecommerce site. I know how to create a div for the header (ie rounded box, roundedbox h1) and place the top part, then the rest in the main div with the bottom of the rounded box positioned at "bottom." However, there are physical limitations to this method; it seems it would be ideal to place a tiled image to complete everything within the top and bottom portions; the problem is that it appears at the top no matter how it's placed. Is there any way to specify a margin for the background image only?
Incidentally, I hate the look of this new forum. Why everyone wants to jump on the Facebook wagon is beyond me...

Hi Murray; for example, I crop the top 60px of the rounded box and make it the background for the #body_content h1 div, then use the bottom rounded remains of the box and make it the background image for the #body_content div. The problem is that without sufficient content, the cropped body bg image shows at the top of the div; whereas if there is too much, a blank space will occur between the two. I'd like to think there is a way to insert a third div with a 1 px high tiled image but someho give it a 60px margin at both top and bottom to prevent overlapping...
#body_content {
margin-left: 20px;
background-image: url(../../../Images/maincontent_bg_footer.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 820px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding: 0px;
#body_content h1 {
background-image: url(../../../Images/maincontent_bg_heading.gif);
background-repeat: no-repeat;
height: 60px;
margin: 0px;
padding: 0px;

Problem with photoshop automatically resizing placed images

Hi,
I have PS6. I have images that are 144x100 px. When I use file>place ps resizes the image to 108x75. I can't figure out how to make ps quit resizing my pictures. Anybody know?
Thanks

When Pasting, Dragging, copying and placing an image Photoshop will copy all of the image being duplicated original pixels to preserve the image pixel quality the image quality. If the receiving document has a different DPI resolution the image may look a different size in the receiving documents because of the number of pixels added to the document that has a lower or higher dpi resolution. If the image is being placed in if the image pixels exceeds the receiving documents canvas size. Photoshop may scale the smart object layer to fit within the canvas that depends on the users Photoshop's preference. All of the images original pixels are still there in the embedded object. In my Photoshop Collage Scripts I always transform all placed images to 100% size incase Photoshop scaled the placed image. For you can not get the scale percent Photoshop used. Once I know I have the image at 100% size I can use the layer bounds to get the actual number of pixels there are in the placed image. Once I know that I can calculate the scale I need to use to resize the image to fit the area being populated in the collage template. Once resized I center it into place and mask off any excess image pixels.

White lines appear around placed images in printing.

A native Illustrator document with placed Photoshop (both CS6) images produces whites lines around the placed images when printed. The Illustrator document does not show white lines on screen. Nor does the PDF (Acrobat X Pro) generated from the IA doc show white lines when viewed on screen. When the document goes to press, the printed product show the white lines:
See upper left image and lower right image-note: other images are not affected. Both both are native Photoshop images, placed on a gradient in IA. Perhaps the PDF settings: "Adobe PDF Preset" or "Standard" are not chosen correctly? Why the white lines?

You screenshot shows a modified Illustrator Default preset with Compatability to Acrobat 4. That setting always flattens transparency which is what I would suggest avoiding first.
Note the Warnings summary alerts that transparency will be flattened.
garlic541 wrote:
2.That same initial 'Save Adobe PDF' widow allows for three settings: Adobe PDF Preset (12 choices); Standard (6 choices), and Compatibility (5 choices). Note how the window signals a Warning (Warnings: Saving this file with Compatibilty set to Acrobat 4 (PDF 1.3) requires items with transparency to be flattened.) Could this be a warning that produces the stitch lines in the actual printing?
Yes
garlic541 wrote:
After researching....
Discussion seems to indicate seeing 'stiching lines' on screen; sometimes in the designing application; or in the generated PDF. My instances are visible only in printing-in two of the four images.
1. Transparency. Is this an automatic occurence in generating the PDF? Can I turn it on/off? (The 'Save Adobe PDF' window that allows changes to: General, Compression, Marks & Bleeds,Output,, Advanced.....)
Transparency is part of some design and all Effects. Note that you can change a color by using a tint or by setting it's transparency. Many times a tint will suffice. It looks the same and has the same values.
Your original screenshot apears to use images with clipping paths. (Full disclosure - I should know this, but don't...I expect) clipping paths require/invoke the transparent background to place the images within the colored area.
You cannot get around transparency but flattening converts vector objects to raster objects (when transparency touches/abuts/interacts with raster images).
You should be able to use the Illustrator Default, High Quality Print or PDFX-4 to maintain live transparency
2 very old (2004) Adobe white papers, not too legnthy which I can shed some light. Note - PDFX-4 superceeds all of these.
Transparency in Adobe Applications: A Print Production Guide
A Designer's Guide to Transparency for Print Output

Placing Image - 'Sort by' problems

I am having an issue with my image placement in all adobe programs.
When I go to 'place' an image within photoshop or indesign, my file directory appears and is sorted by last modified. I need it sorted by name (which is usually the default). I can change the 'sort by' option, but the next time I got to place an image, it reverts back to the last modified sort. I am placing hundreds of images in this document and it would be must easier if my images were sorted by name everytime I went to place an image.
All my programs outside of Adobe sort by name by default, and my Adobe programs use to. I can not figure out what is causing this problem, and my coworkers computer seems to be working just fine! Please let me know if you have any suggestions!
Thanks!

If you're using CS2 you're in luck. Look at the lower left of the File - Open dialog. Do you see a button entitled [ Use Adobe Dialog ] or [ Use OS Dialog]? If so, try clicking it. I'm betting the other form of the dialog will remember the file sort that you like.
There are RUMORS that one can cause the saved sort order in an XP OS dialog to change by changing it manually (clicking on the filename heading), then holding down the Ctrl key and canceling the dialog, but I personally have not seen this work. It may be one of those old wive's tales.
-Noel

Moving images within Grid View in LR3beta2

Frustrated. In LR3Beta1 I could manually move and place images within Grid View or from the slide view at bottom for purposes of sorting "similar subject" content within a specified Text/Attribute naming. All of this was accomplished from the Parent folder, with no need for drilling down the Tree.
Now, since installing LR3Beta2 I can no longer manually move (sort) within Grid View...unless I am in the lower most folder of the tree. This change is not practical since a tree folder may not match the relevance of my specified Text/Attributes.
Can anyone tell me what I may be doing wrong, or is the ability to manually sort from Parent folder no longer an option?

Here's an example of how I catalog/label/sort my images...
Architectural images project - 3 locations of shootng, 4 areas of focus: Doors, Windows, Facades, Walls
So, I may have 20 images w/both a door and a facade in the shot, 20 images with a window and a door, etc. I prefer to Keyword all of the images as Architectural, and then Keyword those applicable to Doors, Windows, Facades, Walls, etc.
Now, suppose those all go into a folder labeled Architecture.
The next week I get an assignment for Urban settings. It may include shops, churches, etc. However, within those, I decide to Keyword (where appropriate) Doors, Windows, Churches, Shops, etc. That project goes into a folder labeled Urban Settings.
Now, let's say I have a request specifically for "Doors". Now, those Doors are spread across multiple folders at this point so I have no opportunity to manually sort all of the doors my similar content if they fall into multiple folders. Doesn't matter that I have pulled up Doors through Text, I still cannot sort them by similar style, shape, color, etc since they are spread across multiple folders.
In the 1st beta, I could slice and dice a hundred ways to arrive at a final view and then...sort those so that they always appeared that way whenever I called them up again. Didn't matter that they were in multiple folders. That was extremely useful and...sweet.
Any ideas?

Center images within a photo frame

I saw a friend's site where it used a pre-bought package. It
had nice photo frames and a sutle drop shadow.
The site I'm working on has a lot of photos and I would like
to set them off this way.
What I did was make the frame with a drop. Drop shadow isn't
looking good even though I did a .png Anyway, I made the frame the
background image-ok. Now I want to center the photo within the
frame. The photo info is in the page as the owner wants to change
it. Its a <img> tag. I tried doing a align center in the
<img> but that didn't do it.
Somehow that program did it. I believe it was done with CSS.
Anyone know?

phrarod wrote:
> Funny. Its a whole website package. I'm sure I could
make just that part. Here's an example:
>
>
http://www.vintagemotoring.net/image-gallery/vintage-motoring-events/?album=1&gallery=2
>
Thats a complex piece of positioning using css. I'm pretty
sure youre
not going down that route as it would be beyond your
capabilities given
what you have said to date.
So I would forget that and show us the code you are using to
create YOUR
version of this. This effect can be achieved with a lot less
complexity
than the example you provide above.
Below is an example. You'd need to know something about css
to
understand it. Basically you would create a <div>
container and use a
background image for the drop shadow, then insert the main
image within
the container, style and position it with css.
At the moment in the example below the image appears to be
off-centre
but when the drop shadow background image is added it will be
centered
in the <div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#thumbWrapper {
width: 263px;
margin: 0 auto;
.thumbImage {
width: 122px;
height: 87px;
border: 1px solid #999;
float: left;
margin-left: 15px;
display: inline;
background-image: url(dropShadow.jpg);
background-repeat: no-repeat;
.thumbImage a {
width: 110px;
height: 75px;
display: block;
border: 4px solid #fff;
.thumbImage a:hover {
border: 4px solid #999;
a img {
border: none;
</style>
</head>
<body>
<div id="thumbWrapper">
<div class="thumbImage" style="margin-left: 0;">
<a href="#"><img src="lake_maggiore.jpg" width="110"
height="75"></a>
</div>
<div class="thumbImage">
<a href="#"><img src="lake_garda.jpg" width="110"
height="75"></a>
</div>
</div>
</body>
</html>

Change stacking order of placed images/objects?

Hello All,
Is it possible to change the order of placed images in a PDF?
I have a PDF with several objects in it, I want to be able to place an image into the PDF, and have it appear behind some of the objects and in front of others... is this possible?
Example, let's say I have a PDF with a cartoon/comic word or thought bubble in it... I want to be able to place an image of my friend behind the word bubble object.
I have Acrobat 9.0 Pro
Thanks!

As far as AS3 goes, I don't know what you mean, but it can be used pretty much the same way you use AS2, with the exception that in AS3 you cannot place code "on" object like you can in AS1/AS2... all code must be on the timeline. Beyond that, there is no difference beyond alot of the code being different between the two languages. The timeline remains as a place to build things in if you choose to.
As far as your question goes, yes, you can have a rollover of a movieclip assign text to a textfield within it. Let's say you're using AS2 and you have a movieclip named "button1" that contains a textfield named "tf1". Code for that could be...
button1.onRollOver = function(){
button1.tf1.text = question1;
And if you wanted to make tit so that clicking that same button shows the answer....
button1.onRelease = function(){
button1.tf1.text = answer1;

Automatically place images within multiple InDesign documents

I work for a publishing company of agricultural trade magazines and work on few titles each month. We are trying to streamline our production procedures and previous company I worked for had a script they used to place images within text pages by searching for the file name, however there were some limitations with this script (it would only work within 1 InDesign document and only within 1 InDesign story at a time). The company I am with now breaks out each editorial story into separate InDesign files and we place image boxes when the display ads are going to go. For our purposes now, I am looking for a script that, once all of the image boxes were tagged with the image file names, could search between multiple InDesign documents in a folder and automatically place all the images for us. Is anything like this available or able to be created? If so, would it have the capacity to search between multiple InDesign documents and search the entire document for the image file names? Any help would be greatly appreciated!

Hi Kasyan,
They were tagged using a program called Pathways created by a computer programmer the company used at the time. The issues that I was working on were annual Buyers' Guides so they were mainly just listings and inline graphics. The kinds of issues I work on now are monthly issue with various stories and no inline graphics, but display advertisements. And each story is created and laid out in a separate InDesign document. So I would need a script that can search an entire group of documents for file names and/or image boxes instead of just in one story in one document for inline graphics. (sorry if this is confusing).
I currently do not have a script to work from and am looking for something new that can be used to save use the time of placing every ad manually.
Thanks for your help and feedback!
Matt

Best practices for placing images in epubs

Okay, I've read the books, I've watched the tutes and I'm still at a loss on the best way to add images to InDesign 5.5 documents that I will convert to ePub. The images are created in Photoshop at 300 dpi and sized at 800by600. And yet when I place them in InDesign and create the ePub, the images display poorly in ADE and other readers. What is the magic formula for adding images to my ePubs?
Thanks in advance
Chris

Steve/Jongware:
My thanks for your responses.
Very good point to look at the images within the epub file. They are 72 dpi images, so it would seem that InDesign is indeed lowering the resolution. I had thought I tried every variation of the available settings within InDesign to avoid this but it would seem to not be the case. If you have any specific suggestions about what setting is causing this, that would be great.
Viewing the images in the target device is of course ideal. I'm creating this for a wide range of online bookstores, so what device it will be viewed on can't be known. Since ADE drives more than 50 devices, I had hoped that would at least prove to be a reliable base of some sort -- disappointing to hear that ADE can not be trusted in that regard. I had assumed I could proof the book in that before converting to mobi and proofing on a Kindle.
Why would anyone insert 300 dpi images, you ask? In its publishing guidelines, Amazon says: "To future-proof the content, save images in 300 dpi" Is this then bad advice on their part? Elizabeth Castro echoes this recommendation in her excellent book on the subject, by the way. It's rather difficult to know just what to do, I must admit. But I guess we're still in the early days of eBook creation, with best practices still being in a state of flux.
Once again, my thanks for sharing your experience.
Chris

Placing Images within Content

Similar Messages

Maybe you are looking for