Positioning an Image absolute

Hello,
currently i am designing my website with fireworks cs5.i want to position a big image on the right side on top of my layout.In fireworks this doesn't work and i get "overlapping" issues so my question is how do i position my big image manually ?
Kind Regards

Changed the position.
Now the big image is on top of the layer hierarchy.
Still overlapping issues with my menubar etc. and fireworks switches to absolute positioning.
In the Options dialog my layout is set to be in the center.
After the switch the layout is on the left which i don't want.

Similar Messages

Layering Images & absolute position

Anyone know a good method for creating a GUI that has background image positioned at an absolut x,y and then placing multiple images over that image, also at an absolute x,y?

Extend JComponent (or possibly JPanel) and override paintComponent.

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

Lightbox 2 -size & position of image

By default, the new image opens in the centre of the page and
is cropped to a default size. How can I adjust the code so that it
opens at a specific location and expands to specific size, please?
I want to use the code for single images of same size and to open
always at the same location..

thanks. they have a forum, named huddletogether, but that is
pretty well useless. Although same problem has been posted many
times, the developer and others have not replied.... Apparently,
the developer is TOO BUSY to attend to trivia like replying to
questions about his OWN product. Pretty poor... I say...Not
everyone wants the box to open in the centre of the page..:-((
Hence my post here, in hope that someone might have the solution?
UPDATE at 16.00gmt. I have played around with the code in the
lightbox.js file. Line 237 has a line :
this.lightbox.setStyle({ top: lightboxTop + 'px', left:
lightboxLeft + 'px' }).show();
I have added couple values, which position the image exactly
where I want it. As:
this.lightbox.setStyle({ top:160+ 'px',
left:(-100+lightboxLeft)+ 'px' }).show();
However, I am still looking for the code which gets the
image's dimensions.... Maybe, there is no such a thing, as the
enlarged images are always shown the same size; they are
increased/decreased to the default value...
Any ideas, please?
UPDATE: That's all sorted. But as a result, the 'close' and
'load' images are now showing far, far too big and in wrong
position...

Positioning an image in the same location on different projects? (CS5)

Hello,
Is there a way to position an image in the same location on multiple projects aside from trying to use the rulers? I can never get them to match up evenly. They're close, but there has to be a way to make it match perfectly.

If you have a few to do, you can create an action so it will speed up the process.
To create this action.
(With the document open)
Start a new recording
File - Place - select your logo (tiff, png, jpg etc)
This will put the logo into the center of your document, press enter to comfirm the selection.
Select - All (or ctrl/a)
Layer - Align Layers to Selection - Top Edges (or where ever you want)
Layer - Align Layers to Selection - Left Edges (or where ever you want)
Your logo is now in the top left of your document
Select the Move tool (v)
Now to put it exactly where you want use the cursor keys
One press of the cursor key = 1 pixel
Shift and cursor key = 10 pixels
Once you have the logo where you want ctrl/d to deselect then stop the recording.

Positioning an image in an AP element of an editable region

This is the current scenario:
<div id="graphix">
            <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                    <img src="../images/general/spv.jpg" alt="vidura" height="341" width="267" border="0">
            </div>
Is there an elegant CSS method of positioning the image instead of using <br>? I tried putting a <div> around the image to control its position. It seemed like a good idea but that utterly failed.
Any suggestions or should I just stick to the primitive but effective <br>? It at least works, not pretty but does the job.
Branko

Once you have one image in place the next one down will take its position according to margin-top: XXpx; (see inline css example below style="margin-top: 60px;")
<img src="image_1.jpg" width="600" height="450" />
<img src="image_2.jpg" style="margin-top: 60px;" width="600" height="450" />
EDIT: You'll probably need to use display: block as well (see below) if your container which holds the images is more than twice the width of the image. If you don't the images will just line up side-by-side until no more space is available at which point they will start another line.
<img src="image_1.jpg" width="300" height="220" />
<img src="image_2.jpg" style="margin-top: 60px; display: block;" width="300" height="220" />
<img src="image_3.jpg" style="margin-top: 80px; display: block;" width="300" height="220" />

Positioning multiple images at bottom of Div Tag

I want to position some images so they are side by side, at
the bottom of a div tag. So far the only way i've managed to do
this is by using a padding-top value. Is there a better way?
I also want these images to be centered horizontally.
Thanks

Are these cosmetic in use? Make them a single image
background.
#foo { background-position: center bottom;
background-repeat:no-repeat; }
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
==================
"jameswoody" <[email protected]> wrote in
message
news:fvctr7$ls3$[email protected]..
>I want to position some images so they are side by side,
at the bottom of a
>div
> tag. So far the only way i've managed to do this is by
using a padding-top
> value. Is there a better way?
>
> I also want these images to be centered horizontally.
> Thanks
>

How to position a image with CSS

For my site I have layed out DIV tags using CSS and use the box model for positioning
(im not using absolute positioning but I am using absolute widths and sometimes absolute heights but only for DIV containers which I intend to hold images in)
My CSS comes from an external sheet for things which is the same on all pages and are in the headder for things that only appear on 1 page.
Since certain images appear in the same place on all pages i want to put an image in one of the DIV tags using the external CSS file.
(and not using HTML tags which would require me to re-insert the same image for every single page)
How do I do this?

You could do it by setting it as the background for the div, you would also need to set the height and width of the div as well, in the example below I didn't set the width because it was already set in the outer div.
.PanelBottom {
background-image: url(../Images/bottom.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height:20px;
Regards,
Richard

Positioning an image which is a link

Using Oracle 11.2, Apex 4.1.0.00.32, Windows 7 Enterprise, IE 8, Theme 17 Sapphire with unmodifed Reports Region and Standard Reports templates.
I have a report region of type SQL Query. (I hope that's the correct way to identify it.) I have controlled display width and padding for various items in the report using an HTML Expression like: [span style="padding: 8px 0px 0px 0px; width: 60px; display: block; white-space: normal;"]#RUN_DT#[/span] for the RUN_DT item/column.
Note: I've substituted [ ] for the &lt &gt brackets in the above. This approach has worked well for all but the first column of the report which is the pencil-paper image for Edit.
Question: What do I put in the Link Text or Link Attributes to position the "EDIT" image as I have positioned the other data items? In Link Text, I have: '[img src="# IMAGE_PREFIX #e2.gif" padding="50px" border="0" ]'. The link works but the image is not positioned on the line so as to align with the other items. Of course, I have tried many variants there and in Link Attributes. The only thing I am able to effect is image width. I found no combination of "padding," "cellpadding," or "padding-top" which had an effect on position. There is so little documentation on the Link Text field (that I am able to access), that it's hard to know what attributes can go there or how to format them.
Has anyone had success changing the position (up/down, left/right) of the edit image on the data line?
Thanks,
Howard

Howard(...inTraining) wrote:
For all who have an interest, I have an example here:
WS: APEX_EXAMPLES_01
demo / demo
Application 991201 , Page 1
I am able to adjust the padding-top of regular items but have to use some other technique with items which are LINKS. I tried putting "padding", "padding-top", etc. into the Link Text but with no effect. This the wrong approach or the attibute is being overridden, I suppose.
(bump - This is probably easy but how to "know" which particular technique will work escapes me.)
Several issues there.
On the APEX side of things, inline link styling and other attributes to be applied to column links are entered using the Link Attributes property in the Column Link section of the column attributes, not any of the other attribute/class/style properties on that page.
In the CSS, center is not a valid value for vertical-align. The inconsistent value middle is used instead. However, both a and img are inline elements, so vertical-align: middle won't do what you want anyway. To achieve vertical centering of the link within the report row, this has to be applied to the report table cell using a style sheet in the page Inline CSS property:
#bps-runtm .report-standard td[headers="ROWID"] {
vertical-align: middle;

After importing word document in RH 9, why does the position of image changes

Hi All,
I have a document which i need to import in RH9. However when i imported the document, the position of the images on my first page changed.
i read several discussion, but could nt get any relevant suggestion.
the first page of my document has company logo and a text box on its left but when i am importing, the image is displayed separately and text box is displayed after the image. the first page is my cover page thats the reason it has text box.
Now can anyone please tell me how i can club the text box and image on a single htm.Robohelp also converts the text box and its data to an image format.
Thanks for your time and consideration

Hi there
As you have seen, RoboHelp doesn't understand how to create the layers you are wanting to achieve the effect in Word. It simply brings the images in as separate objects.
Basically there are two approaches you might consider.
You could insert Positioned Text Boxes and configure them to present the images as you want. If you take this approach, you will likely find yourself struggling to maintain the positioning consistently as well as noticing text flow issues. Personally, I'd avoid that approach.
The other approach involves displaying the images in your Word document so that you see them as intended, then screen capture so you grab the combined image. Then save that combined image and use it instead of the separate images in RoboHelp. This is the approach I'd suggest and that I use myself.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

HT3704 change position of image in table

How can I fine tune the position of an image in a table?
I've got two documents. In one I can go to the inspector mode and presicely set the x and y value.
Then I've got the other document, same image, and in the inspector mode, I can't set the x and y value.
What's the difference?
Thanx for your help
Rene

Hi Rene,
From the title of this thread, you have an image in a Table Cell. Select the Table Cell, not the image, and then Inspector > Metrics will allow you to resize the Cell and/or change X,Y of the Cell (and the image will resize and/or move with the Cell).
(Frill-necked lizard in my backyard).
You can also move the image within the Cell using the alignment buttons on the Toolbar:
Regards,
Ian.
Message was edited by: Yellowbox. Oops, screenshot shows whole Table selected, not just that Cell. Still works as described.

Convert mouse position to image position

Using a zoomed IMAQ image in an image control, I want to recover the position of the mouse in the co-ords of the underlying image. LastMousePositionX (and Y) give the info I want but they are one click in the past and not the current position. Amazingly, there doesn't appear to be an equivalent CurrentMousePositionX. I can't seem to find the info I need to do the conversion manually. The mousedown event returns the current mouse position and I can get the position in the image container by subtracting off its left and top position. But to convert this to the image position I need to know both the zoom and where the images origin is relative to what is displayed. I can't seem to find that origin position in the list of property nodes. The only thing I can seem to come up with is to extract the info from teh image information string, but this seems like an incredibly poor way to extract such obvious information - espeically since the info must be calculated to put in the string anyway. Can anyone help with this?

Hi,
I am confused why you get the mouse position one click in the past because it seems to work ok for me. I've had to use four of the image properties to recreate the effect using the mousemove event, but this seems to give the same values as the Last Mouse Position property so I think it does what you want. I couldn't see an origin property so I did the conversion using the position given at the image center. I wanted to post a snippet here but I'm new to posting and couldn't seem to get it to work for the whole block diagram, so I'm using a screenshot instead. I hope this helps in some way.
Will
Attachments:
mouse position test.vi ‏58 KB

Current position in image resets upon switching between images

I have Adobe Photoshop CS3 on Windows XP. Here's what happens:
I have multiple images open at once
I'm zoomed in real close on a picture, say somewhere in the lower-right-hand corner of the image
I switch to another image (ie, go to Window->[Other Image File.jpg] or hit Ctrl+Tab) or I create a new image
Upon switching back to the first image I find the viewing position has changed to the very upper-left-hand corner of the image (ie, pixel location 0,0).
This forces me to scroll/navigate myself back to the original position of my image every time I toggle across multiple pictures.
It's very frustrating as there are times I am cutting down an image for a web design or photo edit and have to switch between multiple pictures very often throughout the process. It just wastes a lot time having to re-scroll to my original spot in the image. Anyone else out there had this issue?
- Tim

Let me guess. You're switching images by clicking on the filmstrip.
The badges are "active". Clicking one of them will do the action associated with that badge.

Can default opening position of image window be adjusted in Photoshop CS5?

When having to deal with large numbers of files any repetitive task on each one, no matter how small, becomes tiresome and is the reason why actions came into being. On opening an image its default position is to the extreme left edge of the screen but in a position slightly behind the tools menu. Although double clicking the hand tool rectifies this it should not be necessary. Is there a way to make a small offset adjustment to this default position as well as make the image auto adjust to fit screen on opening an image?

This has nothing to do with the actions, it's simply because you use an undocked UI. Use a docked workspace and neither of this is an issue - the files will open centered in the workspace and not be overlapped by any palettes.
Mylenium

How do I position an image exactly on top of a guideline.

When I give more Zoom realize that the image is far from the line, but I can not drag the image, it passes the line when I try poscionar.

Its is also good to work with smart guides combined with "snap to" option selected as semaphoric suggested, this will then show you when you touch the guide and you can release the object to snap. View>Show>Smart Guides
Also if you hold control you get this display which helps with aligning and positioning...

Positioning an Image absolute

Similar Messages

Maybe you are looking for