Aligning an image within Text

Is there a way to wrap an image within a Text Box? For example, in standard html I would just align an image to the "right" or "left" and insert padding accordingly. The text would then just wrap around and under. Is there an equivelent action in Captivate 5.0?
I've been just putting text boxes on the page and leaving room and saving space outside of the text box for the image, then put another text box underneath it to make it appear as if it is "wrapping"?
If not - any idea when this functionality will be appearing? Perhaps in 6.0?
kstagg

If you want to see something like this in Cp6 you need to request it as an enhancement.
This is the official Adobe request page: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=5
With this site you cannot see what others have logged.
And this is the unofficial site that we use and Adobe watches: http://captivate6ideas.ideascale.com/
With this site you can see all the enhancement ideas and vote for the ones you like, as well as add your own if nobody else has already done so.

Similar Messages

Aligning rectangular images in text

One for the typographic experts here: when locating a rectangular image in
text - for example, the author's mugshot in the top left-hand corner of his
column - is there any convention for aligning the top of the image with the
adjacent text? Top of caps or ascenders, top of x? I usually do it by eye,
but then wonder if I'm contravening some golden rule.
Having the top of the image frame at the same level as the top of the text
frame leaves the image a fraction higher than the adjacent capital, which
doesn't look right, somehow. There are a couple of examples of what I'm
talking about at
[URL=http://www.pixentral.com/show.php?picture=1F3GGkCYmOJNSxnqTd9ZFhxIiC1G][IMG]http://ww w.pixentral.com/hosted/1F3GGkCYmOJNSxnqTd9ZFhxIiC1G_thumb.png[/IMG][/URL]
where the left-hand one shows the default.
Noel

Thanks, Robin. I hadn't got round to fine tuning the bottom yet. Still, if I
align to top of caps, the column looks funny from a distance because the top
right-hand corner is lower (at the top of x). That's why I asked if there's
any accepted practice (like printing the text on the spine of a book from
the top downwards).
Noel

Aligning Flash Movie within Text

Hi,
I have embedded an swf within a paragraph text. In the embed
tag, I have the align set to 'right', so that the swf sits in the
upper right corner of the paragraph, and all of the text wraps
around it. It works totally fine in Firefox on Mac & PC, as
well as IE on a PC... but in Safari, the swf stays on the left
side, and the text doesn't wrap--it starts on the line below it. I
think it must have something to do with their not being anything in
the 'object' tag, telling it to align Right, but I tried adding it
in, and it didnt do anything. Here is what I currently have
(without any right align for the Object tag):
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="220" height="185" id="myMovie" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mymovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff"
width="220" height="185" name="myMovie" align="right"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
text goes here... lkfalkj dljf lsj fldsj
Anyone have any ideas? It'd just be nice to have it look
properly in Safari...
Thanks!
b.

has anyone else had this problem?

Where is the Align Image to Text in DW6 that was in Properties before in DW 5.5

From CS5.5 - DW 5.5 Help
Align an image
You can align an image to text, another image, a plug‑in, or other elements in the same line. You can also set the horizontal alignment of an image.
Where is this in DW 6. It use to be on the Properties panel and when you clicked the picture the option to align and set padding H & V became available.
What did they do with it. Where did it go?
Help.
P.S. CS6 on a Mac - OS 10.7.4
thanks, Jim
P.S.S. I went through the Reference PDF for DW6 and it says that the Align pulldown is suppose to show up when you highlight-Click a picture. In my software, it is not thee in the properties panel like it use to be. I can not get it to show up. In the picture they show, it does not show the Align but the instructions says it's suppose to be there.
Any Ideas. I've gone through all the preferences and just can't figure out why I can't see the Align pulldown and the H & V Padding like in all the other version of DW.

The Align, H, V, and Border fields were removed from the Images Property inspector in Dreamweaver CS6 because they insert attributes that were deprecated in HTML more than ten years ago, and are no longer valid in HTML5.
Dreamweaver now expects you to use CSS to control these aspects of images. If, for any reason, you don't want to use CSS, those attributes can still be inserted using the Tag Inspector panel or directly in Code view using code hints.

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

Centre aligning images within picture frame using XML file

Hi
I am using a flash file that uses an xml file to upload a
series of images one at a time into a picture holder.
There are two different widths of the images. The height is
always the same. Is it possible to set this up so every image that
the xml file calls is centre aligned within the picture frame.
At the moment when using the xml file to load the image it
always left aligns the image when it brings it into the picture
frame even if you change the alignment to centre align within in
the align panel.
Does anyone have a suggestion why this is happening or how to
fix it?
Thanks for the help

You're welcome. Pleased it worked.
All it does is use the MovieClipLoader class to load the
images into your holder_mc. Because loading takes time, and because
you can't check or adjust the size or position of images until they
have loaded, the MovieClipLoader class gives you a handy option to
run some code whenever its finished loading something you told it
to load.
That's what the addListener instruction does... it says
whenever myLoader has something new to tell me about the status of
the load requests I ask it to do... make it run some related code
in the listener object (which is called loadListener in this
code... it could equally be called something else). You 'listen'
for different events or updates of status. All I 'listened' for
here was the onLoadInit event.
The onLoadInit is the 'final' status update after loading. It
occurs when something has loaded and its properties are accessible
(_x, _width etc). The target_mc that is an argument for the
loadListener.onLoadInit is a reference to the clip that was loaded
into.
The best way to learn about this stuff is probably to read up
on MovieClipLoader in the livedocs and try google to see if there's
an online tutorial somewhere. Then give it a try yourself in
another new fla.
cheers
GWD

Will search engines read the alt= text for a banner image within the h1 tag?

I read where the search engines focus on the text within the
header h1 tags. If I'm using a graphic that contains this important
introductory info (as apposed to text), and put the text in the
alt= section of the image, will the search engines us this text in
the alt section of the image?

Depends. I have a logo on my site with an alt description
"orange kitten
playing with planet Earth"
Yahoo Web: My home page is #1
Google Images: The image is #1
Google Web: nada
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> I would speculate that if the words and phrases in those
alt tags do NOT
> appear elsewhere in the actual text (on that page) even
those SEs that
read
> the alt tags will likely ignore them.
>
> --
>
> Walt
>
>
> "Nancy O" <[email protected]> wrote in
message
> news:[email protected]...
> > Yes and no.
> >
> > Do assign ALT description to your images. Screen
readers, which are
used
> > by
> > many visually impaired Web users, can't understand
images. To ensure
> > accessibility, an alternative description needs to
be assigned to every
> > image; the screen reader will read out this
alternative, or ALT="image
> > description goes here."
> >
> > Like screen readers, search engines are commonly
assumed to be unable to
> > understand images. But some search engines index
ALT text. By assigning
> > ALT
> > text to your images, those engines will be able to
understand even your
> > pictorial content.
> >
> > Of course, numerous search engines don't take any
notice of ALT text.
The
> > proliferation of ALT tag spamming undermined the
relevance of ALT text
in
> > the eyes of these engines, which no longer consider
it in their
relevance
> > algorithms.
> >
> > So, why bother with image ALT text? Because your
rankings may improve in
> > search engines that do take it into account, and it
makes your site more
> > accessible.
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> >
> > "brainfillet" <[email protected]>
wrote in message
> > news:[email protected]...
> >> I read where the search engines focus on the
text within the header h1
> > tags.
> >> If I'm using a graphic that contains this
important introductory info
(as
> >> apposed to text), and put the text in the alt=
section of the image,
will
> > the
> >> search engines us this text in the alt section
of the image?
> >>
> >
> >
>
>

How do you float and image or text so that it remains centered for a given browser window size (horizontally aligned).

Is it possible to float images horizontally in muse (horizontally aligned) such that an image or text remains in the center of a browser window regardless of its dimensions. The pin feature is capable of accomplishing this but it has the unwanted effect of, well, pinning it. There must be a way other than manually changing the code outside of muse after each change.
Thanks,

Hmm, tried it and its not working as intended. I created a text box the width of the page, typed some text and center justified it. When I adjust the size of the browser window it of course remains centre justified but it doesn't stay in the center of the scree as the window width changes. Did I not understand the 100% width part correctly?
To be clear, I understand how to do this is CSS but there must be some way to do it in muse so you don't have to manually go back and edit the html after each upload.

Aligning Image within a frame.

I am building an A Card using a batch of images. I learned yesterday how to the data merge and that is working well. Now I need to align each image to the bottom of the frame the image is being placed into. I have looked, and searched, but I don't see a simple option to bottom align.
Any help would be appreciated. Thank-you.

Seeing as my habits were formed before the auto-fit features were introduced, I don't use the Frame Fitting Options dialog much, so I was compelled to check it out. As far as I can tell, the 9-point proxy is relevant to the side or corner of the containing frame to which you want an auto-fitted graphic to "pin" as it is affected by that fitting behavior.
In order to get what I think the OP wants, I'd leave Auto-Fit and Content Fitting, (and the misnamed, in my opinion, Align From: proxy), alone and go right to the Crop Amount fields. Presumably, if the graphic and the frame are not currently sized and aligned identically, there will be values in those fields other than 0. To get bottom-flush alignment, with the Crop Amount fields unlinked, set the Bottom field to 0. Here, that appears to reposition the graphic in the frame to a bottom-alignment without affecting it or the frame in any other way.

Fix background image within div

Hello
I've done a lot of research about this, and tons os answers have come up, still, none solved my problem so far.
I'm trying to make the background image within a div to be fixed when i scroll vertically.
Have a template made, in which the only editable div is the rightdiv. (in red, to be easier)
Here's my code
CSS
body {
margin-top: 0px;
margin-bottom: 0px;
background-position: center center;
background-image: url(../Images/bgdr.jpg);
background-repeat: no-repeat;
#wrapper {
height: 875px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
#header {
background-repeat: no-repeat;
clear: none;
float: none;
height: 214px;
width: 1000px;
background-image: none;
position: relative;
padding-top: 10px;
#leftDiv {
clear: none;
float: left;
height: 500px;
width: 245px;
position: relative;
text-decoration: none;
#rightDiv {
clear: none;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;
#footer {
height: 100px;
width: 1000px;
clear: both;
position: relative;
padding-bottom: 20px;
And here is my HTML

<div id="rightDiv" style="background-image: url(Images/informacao.png)">
</div>

Well, thing is that on Internet Explorer 9, the background image will repeat vertically when i scroll vertically. On Chrome it will stay fixed on scroll (and that is what i want).
I tried adding style="background-attachment:fixed" , but that will make the image align fix itself relatively to the whole page, not the div only. Also, it repeats itself 4 times to oocupy the screen. I can solve that by "no-repeat", but it still is fixed to the browser page, not the div.
I've been trying to fix this for days.. Help would be much appreciated.
Funny thing is that this only happens in IE9.. Chrome works perfectly.

DevilUrd wrote:
Didn't work. sorry, but i don't think i understood ur reply quite well..
Here's what i used:

<div id="rightDiv" background: url('Images/informacao.png') no repeat fixed;>
<tr>
<td>textextextextextextextextext</td>
</tr>

Could u pls be a little more detailed?
sorry, but i'm still very unexperienced at this..
That is not a valid way to write css into your page and will not work. You appear to be trying to use the background shorthand css property within the html tag itself. If you want to use an inline style, it would need to be within the style html attribute...
<div id="rightDiv" style="background:url(Images/informacao.png") no-repeat fixed top left;">
But it would be better to place it in your css instead...
#rightDiv {
clear: none;
background:url(Images/informacao.png") no-repeat fixed top left;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;

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>

Anchor all images within a document

Hello everynbody,
i am currently triing to write a script that loops all (not anchored) graphics within a document. I want to anchor the image because i want them to move along with the text.
Here are the steps i took so far:
1. Iterating through graphics using "myDocument.allGraphics"
2. Check if "myGraphic.parent.parent.constructor.name" is Character or Page. If it is character the image is already anchored.
3. Iterate through all text frames on the page of the current image and
determine one frame that overlaps the Rectangle of the image.
4. Determine the everage height of a line of the frame (Heigh of frame / number of lines)
5. Determine the line number of the insertion point for the graphic (=iLine)
6. Determine the average number of characters per line (=averageChars)
7. Calculate the average width of a chracter (width if text frame / average number of chars per line)
8. Calculate the number of characters for the indention (horicontal) of the graphic (=iChars)
9. Insert graphic as follows:
var myNewGraphic = matchingFrame.insertionPoints.item(iChars + iLines * averageChars).place(file, false);
10. Delete the original graphic and it´s rectangle
My problems are as follows:
1. The insertion position of the image is never correct even though the calculated line number (iLines) and the calculated indention (iChars) is correct.
2. After insertion of the image the text does not flow correctly around the contures of the image
3. I dont know how to set the options for anchored objects as listed in (Objekt -> Verankertes Objekt -> Optionen IN GERMAN VERSION OF INDESIGN)
I am using Windows XP SP3, i am working with Adobe InDesign CS3 and for scripting i am using JavaScript (for compatibility between MAC and WINDOWS).
Thanks everybody. If the source code is needed i will provide it.

Thomas,
>1. The insertion position of the image is never correct
You need to start at the end of the document and work your way to the beginning. This is to ensure that references to graphics and frames remain constant.
>2./3. I dont know how to set the options for anchored objects as listed in (Objekt -> Verankertes Objekt -> Optionen IN GERMAN VERSION OF INDESIGN)
All these are enumerations, so you should use the English names. The object-model viewer shows the terms you can use (see under anchorPosition, anchorObjectDefault, anchorObjectSettings, etc.).
Peter

How to align ADF column header text

Hi,
I want to align ADF column header text to center regardless of whether the contents are text (which should be left aligned - done by the "formatType" attribute) or number (which should be right aligned - done by the "formatType" attribute) within a ADF table. the styleclass attributes also doesnt work. can anybody help me pl?
Afi

Hi Afi,
use
<af:column>
<f:facet name="header">
    <af:panelHorizontal halign="center">
      <af:outputText value="#{bindings.DeptView.labels.Dname}"/>
    </af:panelHorizontal>
</f:facet>
<af:inputText value="#{row.Dname}"/>
</af:column>instead of
<af:column headerText="#{bindings.DeptView.labels.Dname}">
<af:inputText value="#{row.Dname}"/>
</af:column>Rado

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.

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?

Aligning an image within Text

Similar Messages

Maybe you are looking for