FM10/DITA - buggy image alignment?

Hi all,
when I insert an image element in FM10/DITA structure and then modify the alignment property (e.g. to "right") using the structure window, then this setting is indicated correctly in the structure window but is not really applied and is also ignored when the file is saved. In the saved file, this property is still set to "center".
On the other hand, if I use the anchored frame dialog of FM and set the alignment to right, then this is not shown in the structure window but applied correctly to the image and also saved in the xml code.
Is this a bug or a feature? It seems you should be able to modify this property over the structure window.

Robert,
FrameMaker 10 enables the mapping between the alignment property and the DITA image attribute @align.
For the application(default FM structured application or any DITA specialization) that you are using please make sure that the Read Write rule that is being used has the following rule:
attribute "align" {
    is fm attribute "align";
    is fm property alignment;
    value "left" is fm property value align left;
From the problem that you describe it appears that the rule in the application being used does not have the following line-
    is fm attribute "align";
that establishes that mapping. Please make that change in the Read Write rules of the DITA application in use. That should solve the problem. Also the DITA document, Structure View and the Attribute editor would reflect the change made.
Please let us know if you still don't see the intended behavior.
-Nakshatra

Similar Messages

Image Align Not Working in Browser

Ok, so i have text and i put some images in there and i set my image align to either left or right or however i need it and it looks fine in dreamweaver, but when i preview it in a browser it isn't right. Does anyone know why this could be? I'm prolly being dumb and just have a slight minor detail wrong so......feel free to slap me if needed....

In code view, you have this at the top of your page:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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>
Which should be this:
<!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>
Remove the JavaScript tag.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Having a image alignment problem using clearbox

Hi,
I'm having an image alignment problem. I cannot figure it out. I'm using the clearbox - lightbox dreamweaver widget. Using Dreamweaver CS6.
Actual page located here. Any help would be appreciated.
http://dirtysouthink.com/gallery/dustin2.html

This has very little to do with Dreamweaver. DW is merely a tool to assist you in building a web site. It is purely a matter of styling (CSS).
When I look at the structure, I see
BODY-CONTENT (width: 490px)
     GALLERY (width: 452px)
          CONTAINER (width: 500px)
               ITEM (width: 150px)
From this I can deduce that:
GALLERY will fit inside BODY-CONTENT
CONTAINER will NOT fit inside GALLERY or BODY-CONTENT
ITEM will fit three times into CONTAINER
To start with, I would reduce the size of the CONTAINER so that it fits inside of its parent. Then I would adjust the width of the ITEM so that only two of them fit inside of the CONTAINER.

JEditorPane HTMLEditorkit Image align left

Hi,
I am developing a HTML Editor with JEditorPane and HTMLEditorKit. Apart from the many other difficulties, the HTMLEditorKit doesn't show a text next to an image correctly. I set an Image alignment to left and hopped, the text would be displayed text to it beginninge at the top. But it doesn't. Can anyone help.
Christian

Hi,
I'm sorry, but this doesn't help me at all. To be more precisely, I want a text placed next to an image. A normal Browser does is when you say something like <img align="left" ...> and just place your text behind this tag. It looks like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
The Problem with the JEditorpane and the HTMLEditorKit is, that it shows up like this:
%%%IMAGE%%%%
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
If I put the alignment to top or something else, I can let it look like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%%
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
But annoyingly I let it show up like in any normal Internet Browser.
Hope my problem is more clearly now and somebody can help me.
Yours sincerely,
Christian

Preview image aligns to right!

please help! (how dramatic) - my preview image aligns to the right, and I can't do nothing with it!
I have a single monitor, and the options for the second one is grayed out but says "secondary viewer - desktop". I don't know if that's the problem, or something else.
the viewer also set to "show one".
how can I revert it to be aligned to center?
please, any suggestions?

anyone?!
reinstalled aperture, but still aperture thinks I have another monitor / viewer, but won't let me change how it's used, as it grayed out.
is there a way to completely remove all aperture prefs. and reinstall cleaner? after last reinstall the welcome splash screen doesnt show, as I previously marked it not to show, meaning the re installation wasn't clean and there were leftover data. how can I clean up all the data regarding aperture?
anything?

Configuration settings for FM10 & DITA questions

We are currently using FrameMaker 10 and trying to tweak some configuration settings.
1. Is there any way to change the default location of the user version of maker.ini? On Windows 7 it defaults to C:\Users\User Name\AppData\Roaming\Adobe\FrameMaker\version
I'd like to be able to change this to a network location. (Our FM installation is within a remote server that creates a temporary profile every time you open FM, which means that settings are lost.)
2. When using DITA, inserting a topicref into a relationship or DITA map you browse for a file. The default file type is .xml. Is there a way to change this so that the default is .dita (or at least all files)?
[I know how to change the default file type when you create a new DITA file to be .dita rather than .xml (DITA > DITA Options) - the setting is in the ditafm.ini file. But this does not impact the default when you browse for files.]
3. When using DITA and you insert an image, the default file type in the browse window is .JPG. Is there a way to change this?
4. Is there a way to change the default view for DITA files to show Element Boundaries (as Tags)? Currently you have to set it for each file you open.
[Thread moved to Structured Forum by moderator]

[This would have been better if you split your single posting with multiple questions into separate posts.]
1. As Jeff says, you can't move the FM specific location, however, you can move an entire Users pofile to another drive/location. This may present issues with other aplications though, so be wary. Detailed instructions can be found here:
http://www.sevenforums.com/tutorials/87555-user-profile-change-default-location.html

Slideshow vertical hero image aligns left

Using the slideshow widget with a vertical image sometimes results in the hero image randomly aligning to the left instead of centered. All the hero images are positioned in the center of the content area. The slideshow frame is the full width of the content area so that each image slides in from right to left (due to the Horizontal setting for Transition). The Y coordinate is 10 for the slideshow content (and the hero image container). Horizontal images have not shown a shift to the left. Not all vertical images exibit the behaviour (one slideshow with 20 images, 5 of them vertical, had 4 which shifted left, one displayed properly centered).
I have only seen this on my Phone layout, not on the Tablet or Desktop layouts. The problem shows when in Preview mode, Preview Page in Browser and on an iPhone 4s.
NOTE: After further troubleshooting I found something that seems to resolve the issue. If I move the Y coordinate of the image to 11 (slideshow content is at Y: 10) the image stops shifting to the far left and aligns properly to the center. It doesn't make sense, since other horizontal images are set at Y: 10 and even a few pixels taller but have not exibited the problem.

I noticed when I add a drop shadow to the hero image in the slide show, the hero image when viewed in browser or preview, then aligns left, when I remove the drop shadow from the hero image, then the content is properly aligned.

Xml images alignment in flash..

hi frndz....
i want to align the thumb images bottom to top. but not top to bottom.
my problem is that when i upload a small thmub image, it start from top to bottom,,, but i want this start form bottom to top.
function minithumbs()
_root.createEmptyMovieClip("wall",_root.getNextHighestDepth());
    wall._x = _root.gallery_x;
    wall._y = _root.gallery_y;
    wall.addEventListener(MouseEvent.CLICK);
    var clipLoader = new MovieClipLoader();
    var preloader = new Object();
    clipLoader.addListener(preloader);
        for (i =0; i <10; i++)
        thumbURL = myImages[i].attributes.thumb_url;
        myThumb_mc = wall.createEmptyMovieClip(i, wall.getNextHighestDepth());
        myThumb_mc._x = _root.thumb_height * i;
        myThumb_mc._x = _root.thumb_position = -3100;
        clipLoader.loadClip("shop/" + thumbURL,myThumb_mc);

its not align the image,, i want that when i upload a small images (200 X 300) , its start from top to bottm, but my requir is its start from bottom to top.,,,
its also not working,,
_root.myThumb_mc._y = Stage.height/2 - _root.myThumb_mc._height/2;

How can I bring back image Align options in Dreamweaver CS6 (CSS not an option)?

Why were the options to align images from the Property bar removed in Dreamweaver CS6? When CSS isn't an option (email, CMSs, etc ), what options are available to better edit the inline HTML code?
For this purpose, is it better to revert to an older version of Dreamweaver?

You can write inline code in any version of Dreamweaver, but you need to hand-code it. Versions later than CS2 or Dreamweaver MX don't really support inline code generation, as the idea for websites was to generate external style sheets.
Here's what I do for emails: I use MailChimp. Their on-line email generators do write good code that is readable in any email application and they also allow the user to subscribe to a text-only email.
If you still have your old copy of Dreamweaver MX or CS-2 that supports in-line code generation, keep using that. It will coexist nicely with Dreamweaver CS6 and you can have both open at the same time. As long as it continues to work correctly on your operating system, you're good to go.
-Mark

Chrome and Safari image alignment and color problems after upgrading to 10.8

I have just upgraded from lion to mountain lion with a clean install. My website davidandora.com now displays image sliced improperly aligned in chrome and with slightly adjusted colors on some slices in Safari. They appear fine in the same version browsers on Macbook also running the most current mac OS. I suspect this is not a browser problem since there are issues with both browsers, but what could be causing this? I have run all updates on my computer and browsers.
Checkout this address for a clear example in both browsers:
http://www.davidandora.com/andoracam/
and this image for what I am seeing:
https://www.evernote.com/shard/s16/sh/eb7ce0f4-4735-418d-8793-f867d7e4d642/b7caf 9b1a7e6671b0fd714ac3e98de08

I will add that the current Firefox is displaying everything correctly. So strange.

Image alignment problem in Fireworks/Dreamweaver

Hello!
For my webbie, I have made a "large" image using Photoshop and brought it into Fireworks (I'm using CS4 programs btw). I sliced up the image according to the table I wanted and exported each section as .png files (it has to be png for various reasons). My image size is 600px h by 800px w.
So, I create a table in Dreamweaver and in each cell, I insert the .png files.
Now, my problem is that
some of the cells do not align properly (in two places) and ends up shifing the entire row over so it overextends.
You can see this problem on the two screen caps that I have:
http://i993.photobucket.com/albums/af60/CrescentChi/Picture2.png
and
http://i993.photobucket.com/albums/af60/CrescentChi/Picture1.png
Now, I know the logical thing is to check to make sure each row adds up to 800px.
I have done this already and here are the measurements for each cell:
For row 2 I have: 341, 130, and 329.
For row 4 I have: 166, 93, 93, 96, 93, 95, and 164.
And as you can see, these add up to 800.
I just end up with some kind of space in between my cells...
the pictures I have provided shows what the property palette shows when I click on either a cell or one of the spaces in between the cells.
Do you know what I'm doing wrong?
Thanks for your time of looking and help! <3

I did get it from DW.... I got it in the code view.
I did my testing one, but I'm still getting the same problem (nonetheless I'll put the code I used for it down below).
After when I hit File > New in DW I get a flow chart of options (although it goes sideways; I'm using a MAC too btw).
The best choices I get are...
Blank Page > HTML > none (this refers to layout)
Blank Template > HTML template > none
I've been using the first one. There is also a scroll option for DocType (that only appears when I use the Blank Page option). I use the default one they give me: XHTML 1.0 Transitional but there are others...
None, HTML 4.01 Transitional, HTML 4.01 Strict, XHTML 1.0 Strict, XHTML 1.1, and XHTML Mobile 1.0
Maybe something is wacky with my DW program? Honestly, I am still a bit new to this (using DW and using CSS). I'll go back to my DW book and see if what it says. I'll also try and re-install my DW program if I can find the disc....
Thanks so much for your time.
<!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>Untitled Document</title>
<style type="text/css">

</style></head>
<body>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r1_c1.png" width="800" height="370" /></td>
</tr>
<tr>
    <td colspan="3"><img src="Images/Slices/CBSO_r2_c1.png" width="340" height="50" /></td>
    <td><img src="Images/Slices/CBSO_r2_c2.png" width="135" height="50" alt="Home" /></td>
    <td colspan="3"><img src="Images/Slices/CBSO_r2_c3.png" width="325" height="50" /></td>
</tr>
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r3_c1.png" width="800" height="60" /></td>
</tr>
<tr>
    <td><img src="Images/Slices/CBSO_r4_c1.png" width="165" height="60" /></td>
    <td><img src="Images/Slices/CBSO_r4_c2.png" width="94" height="60" alt="About" /></td>
    <td><img src="Images/Slices/CBSO_r4_c3.png" width="94" height="60" alt="Gallery" /></td>
    <td><img src="Images/Slices/CBSO_r4_c4.png" width="94" height="60" alt="Blog" /></td>
    <td><img src="Images/Slices/CBSO_r4_c5.png" width="94" height="60" alt="Shop" /></td>
    <td><img src="Images/Slices/CBSO_r4_c6.png" width="94" height="60" alt="Links" /></td>
    <td><img src="Images/Slices/CBSO_r4_c7.png" width="165" height="60" /></td>
</tr>
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r5_c1.png" width="800" height="60" /></td>
</tr>
</table>
</body>
</html>

Horizontal Image Alignment

I am designing an online portfolio using divs. I want a
horizontal row
of images within a div, but when I try to create this, the
images
always stack vertically.
I have made sure everything is set to float:left. I have
stripped away
all unnecessary code. I made sure the div had the correct
dimensions
to contain the images. I even created a separate div for each
image
within the main div. None of this made any difference.
Is there anything else I can try?
You can visit the problem page at
http://www.ericgoss.com .

Hello,
The main problem is your "t1, t2, t3, etc" divs all have a
width of 50px.
#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 {
float:left;
height:50px;
margin-top:5px;
position:relative;
vertical-align:middle;
width:50px;
But your images are inside of these divs and are much wider.
For example, "t3" is 50px wide but cover.jpg, contents.jpg
and gore.jpg are
well over that:
<div id="t3"> **********opening "t3"
<img src="images/gore_button.jpg" name="gore_button"
width="40" height="40"
id="gore_button">
<div id="e3">Insight Magazine Redesign</div>
<div id="i3">
<div id="cover"><img src="images/cover.jpg"
name="cover" hspace="10"
id="cover"></div>
<div id="contents"><img src="images/contents.jpg"
name="contents"
hspace="20" border="1" id="contents"></div>
<div id="gore"><img src="images/gore.jpg"
name="gore" hspace="20"
border="1" id="gore"></div>
</div>
</div> ************ closing "t3" 50px wide.
So, the images "stack", or more precisely here, float drop.
You can see this with a simple test of changing the #t3 width
to 1000px,
like so:
#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 {
float:left;
height:50px;
margin-top:5px;
position:relative;
vertical-align:middle;
width:1000px;
Of course, now the buttons display "stacked" but notice the
large images
that display on hover don't drop anymore.
Here's a possible fix:
Make the divs holding the images AP divs so they are removed
from the flow
and not restricted by the 50px limit.
For example, change this:
#i3 {
left:-110px;
float:left;
To this:
#i3 {
left:0px;
position: absolute;
width: 1000px;
Now when you hover over the third button , the images are in
a horizontal
line.
You'll probably have to adjust some positioning to align
things, but it
should work.
Just repeat for #i1, #i2, etc...
Also, and equally important:
ID's can only be used once in a page, but you have the same
ones a few
times.
Notice ID="cover" is used twice here, fgor the div and the
img:
<div id="cover"><img src="images/cover.jpg"
name="cover" hspace="10"
id="cover">
There's really no need for the div around the img, just float
the img,
or remove the id from the image and keep the div.
Take care,
Tim
"edg16" <[email protected]> wrote in message
news:[email protected]...
>I am designing an online portfolio using divs. I want a
horizontal row
> of images within a div, but when I try to create this,
the images
> always stack vertically.
>
> I have made sure everything is set to float:left. I have
stripped away
> all unnecessary code. I made sure the div had the
correct dimensions
> to contain the images. I even created a separate div for
each image
> within the main div. None of this made any difference.
>
> Is there anything else I can try?
>
> You can visit the problem page at
http://www.ericgoss.com .
>

Image aligned to base of div

Hi Folks,
Could anyone tell me how I can align a graphic to the bottom
of my green sidebar? So I can make the edges rounded, like I have
at the top of the green side bar:
http://www.w00tdesign.co.uk/
Thanks in advance

Make it a background image with background-position:left
bottom?
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
==================
"Mattastic" <[email protected]> wrote in
message
news:fnpuvf$1a0$[email protected]..
> Hi Folks,
>
> I know this isn't straightforward, but could anyone tell
me how I can
> align a
> graphic to the bottom of my div? So I can make the edges
rounded, like I
> have
> at the top of the green side bar:
>
>
http://www.w00tdesign.co.uk/
>
> Thanks in advance
>
>

Import images alignment

Is there anyway to align imported images automatically to the top left of the stage?
I'm using File, Import, Import to Stage which works great for importing multiple images from a folder BUT if I have resized the stage at all (to fit the image size) they align with their top left corner in the centre of the stage.
Not such a problem with a few images but it's a real pain if you are importing hundreds. I'm using CS4.
Many thanks
Peter

If you are importing them to separate frames as a sequence, then I don't think you have any other options. You could always import them into a movieclip instead of the main timeline and then see if positioning that works out as you intend. It may not align them to align to the registration mark as you intend, but they may all align to the same upper left corner location.

Background image aligning

Hi,
I'm making a website with a background consisting of 3
seperate images, nest to eachother in a table with 3 columns.. The
middle column contains the content of the site and should always
stay in the middle of the window while the columns on the sides
stretch till the borders of the window.
The background images add up to one picture, starting in the
middle and spreading sideways left and right.
I have a problem with the left background image, this one
should start disappearing from the left to the middle as I resize
the window, but I can't make this work, the image disappears
between column 1 and column 2..
I don't know if this explaination is clear,
if anyone can help me, please let me know
kind regards,
Kristof
Belgium

Your page throws two javascript errors when it loads.
1. The first is listed as line 2, but there is no obvious
error there, so
I'm not quite sure of its source.
2. The second is listed as line 93 -
<td width="380" rowspan="2" align="right"
valign="middle"><script
type="text/javascript">
AC_FL_RunContent( 'codebase',....
which means that you put a Flash element on your page, but
did not upload
the associated javascript file -
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
Make sure you upload that Scripts folder too.
Your use of spaces in your file/pathnames is a serious error
onderdelen pics/homepage/knoppen home/home transport
rollover.jpg
Many browsers will see those spaces and think that they have
come to the end
of the path/filename. Never use any punctuation other than
underscores or
hyphens in your file/pathnames. This usage is making it
difficult for me to
debug the page - I don't suppose you could fix that first?
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
==================
"Kristof KMDG" <[email protected]> wrote in
message
news:f7nkgg$gh8$[email protected]..
> you can view it here
>
>
http://users.telenet.be/lemiegre/test/
>
> don't mind the broken links, the problem is on the left
, next to the main
> window, when resizing the window

FM10/DITA - buggy image alignment?

Similar Messages

Maybe you are looking for