How do I lock an image in place?

I'm building a webpage in iWeb and I want one image to always appear at the top left of the page, flush against the edge. How do I do this?

An IMG is wrapped in some DIVs.
Find the image and change the style that's already there. Here's a sample style:
<div style="position: relative; width: 144px; ">
<img src="Voorbladfiles/shapeimage1.jpg" alt=""
style="height: 108px; left: 0px; position: absolute; top: 0px; width: 144px; ">
</div>
In the style of the image, not the div, change position to fixed. Thus:
<div style="position: relative; width: 144px; ">
<img src="Voorbladfiles/shapeimage1.jpg" alt=""
style="height: 108px; left: 0px; position: fixed; top: 0px; width: 144px; ">
</div>
I did not check it extensively but it should work as described.
Message was edited by: Wyodor

Similar Messages

How do I lock an image in keynote?

I am new to apple and trying to create a presentation using Keynote. How do I lock an image I have edited?

in Keynote select the object and then Arrange > Lock

How do i lock an image or keep it private?

Hi,
I recently received an email with an Image i must keep private, is there a way, either using mail or iphoto to lock the image, possibly requiring a password to view it

Wil F
There's no way in iPhoto to do this.
Put it on an encrypted dmg. Or check out one of the utilities for locking folders on MacUpdate
Regards
TD

How do I lock a layer in place?

I am trying to get a top layer to stay in position above the layer below it. When I resize the window in the browser it floats all around. How do I get it to stay in the same place relative to the rest of the design? Here it is:
http://www.martyrobertsproductions.com/scf/index.html
Thank you for any help - this is driving me crazy!

Here's the deal. This is in HTML-speak, not GoLive-speak. It's good to
understand the non-filtered meaning of these things.
"Layer" is just a nick-name for an absolutely positioned container that
happens to be a
tag. In fact, anything on your page *can* be
absolutely positioned - it doesn't have to be a
tag, and it doesn't
even have to be a container (for example, an image or even a horizontal
rule -
- can be absolutely positioned).
When something is absolutely positioned, several things happen to it:
1. It is removed from the normal flow. This means that the page suddenly
forgets that the absolutely positioned element is even there, and is
rendered as if that element were not even in the code. This prevents an
absolutely positioned element from interacting with anything else on the
page, meaning that it cannot push something else out of the way.
2. Then, after all that happens, the absolutely positioned element is
located on the page based on its top/right/bottom/left coordinate values.
You would think that if the left coordinate for an absolutely positioned
element were 100px, that this would refer to the left margin of the page and
in some cases it does, but not in all cases. The reality of positioning is
much more complex than this. The offsets given to an absolutely positioned
element are calculated from the location of that element's nearest
positioned ancestor. You can see what I mean by following this.
Create a blank page. On it, place two layers. Make them both 100px tall
and wide, and 100px left. Make one 100px top, and the other 200px top.
You will now see two boxes on the page one immediately above the other. Now
grab the bottom layer, and drag and drop it WITHIN the top layer (you will
have to do this in the code). Where do you now see the second layer?
It's now 200px below the top margin and 100px to the right of the left
margin of the PARENT LAYER (if you did things correctly). But the CSS that
locates this second layer has not changed. It's still 100px left, and 200px
top. What has changed for this second layer is its zero coordinate
reference point. It's now being placed in the rendered page based on the
location of its closest (in the code) positioned ancestor (the first layer).
That's the concept. So how come, when there is NO closest positioned
ancestor, the top/right/bottom/left locations are calculated from the
browser's margins? That's the way it works - when there is no positioned
ancestor, the tag becomes the zero reference, i.e., the upper,
left-hand corner of the browser viewport.
You are half way there. The next concept we need to explore is another kind
of positioning - relative positioning. In a curiously redundant way, a
relatively positioned element has these properties -
1. It is NOT removed from the normal flow. In other words, the page
doesn't forget about it, and it can push other things around, or be pushed
around by other things.
2. It can be offset (using those same top/right/bottom/left values) from
its base location.
3. BUT when offset, the page still thinks it's where it started, not where
it winds up.
Now these last two things sound pretty goofy, and they are. To understand
the centering thing, though, you don't need to worry about them. The
important thing is that a relatively positioned element is not removed from
the normal flow.
The final concept you need is much simpler. Any block tag can be centered
within its container by giving it an explicit width, and then setting
left/right margins to 'auto'. Thus -
1. The browser know the element's width.
2. The browser knows the width of the element's container (whether it be
the whole page, or a table cell).
3. With auto left/right margins, the browser subtracts the element's width
from the container's width, and places half of the remainder on the left and
the right. Bada bing - it's centered.
Now for the big finish.
Since a relatively positioned element is not removed from the flow, it can
be centered. Since it's relatively positioned, any internal absolutely
positioned elements will use its location on the screen as a zero point
reference. Thus as this 'nearest positioned ancestor' to those interior
absolutely positioned elements moves to its center point, the absolutely
positioned elements are dragged along for the ride.
Get it?
Murray

How do I lock a folder in place on the desktop

On my desktop I have 1 folder that contain completed projects as well as multiple folders to manage current projects I'm working on. Occassionally I also have files on the desktop that I am working on for the day. Whenever I arrange by name (or any other criteria) the files and folders on my desktop move all around. My completed folder is now mixed in with files I'm working on and my current projects folders are all over the placed depending on what I named them.
I would like a way to pin certain folders to their place on the desktop (similar to how the hard drive icon is pinned), so when I arrange the desktop files by a certain criteria these "pinned" folders would not move.
**PLEASE KEEP YOUR DESKTOP EFFICIENCY TIPS TO YOURSELF. THAT IS NOT THE QUESTION I'M ASKING HERE.**

landon-bbcom wrote:
I would like a way to pin certain folders to their place on the desktop (similar to how the hard drive icon is pinned), so when I arrange the desktop files by a certain criteria these "pinned" folders would not move.
Take a look at Desktop Icon Manager (DIM). There has been problems of one form or another with the desktop since the days of OS9. DIM, also in one form or another, has been around since then to try to address these problems.

How to set an image in place of Cursor ?

How can I set an image in place of the common arrow in my application ?
Has it sth to do with Toolkit.createCustomCursor ?
Where is the right place to invoke this method ?
Then I suppose parent.setCursor must follow ?
Do you know the procedure ?
thanx.

setCursor(new Cursor(Cursor.HAND_CURSOR));

How can I lock a clip to storyline, timeline or song in Final Cut Pro?

My friends and I made our own version of Pharrell Williams happy video and I'm trying to edit it. The thing is that there are places where we sing and we want the song to match our lips so how can I lock the clip in place? I'm very new to editing and FCP so please write detailed directions.
Thanks =)
Here is an example of the video:
https://www.youtube.com/watch?v=kxu3w5U6fSI

Melodrama731 wrote:
... Pharrell Williams happy video and I'm trying to edit it. The thing is that there are places where we sing and we want the song to match our lips so how can I lock the clip in place?..
when it comes to 're-edit' things.. such as:
2014 FIFA World Cup on ESPN Commercial: I Believe
which 'inspired' me to do that:
http://youtu.be/du4xWTtYKVY
(the kids are my son's team)
I drag the original into the storyline
I set Markers (keyboard: m) to the original edit-points
I have the pre-selections of my material in the Events browser, set edit-mode to 'video only'/shift-2
set playhead to marker (magnetic is a good help), hit q
'fine tune' the edit (edit/colors/effects/...)
select clip and cmd-shift-arrow-down to apply final edit to the storyline
jump to next marker (ctrl-' )
That is a very fast way to 'dub' professional edits; and: I'm learning a lot, e.g. it is not only the edit-points, but the 'content' which makes a good edit 'flow' (which lacks my version) ...

How to keep an image "in place" within a document using Pages?

Here's what I want solved. When I position an image (like a jPeg photo) within a document I take a great amount of care as to how it looks in the layout. BUT, if I add a new line of text ABOVE the image, all the text moves, but the image stays in place. When the text above moves down, any kind of "art direction" is lost.
Yes, I know there is a way to "LOCK" the image, but that doesn't solve this issue. The formatting still moves all the text and the image is stuck, LOCKED or UN-LOCKED.
I want to know if there is a way to KEEP THE IMAGE in place within the text. I want to be able to edit above the image and not have the headache of needing to move the image every single time I change something above it.
Does this make sense?
I have to assume there is a way to do this, I just haven't figured it out.
I am using Pages 09.
thanks,
Mike C

(a little bit more)
This text below is from the Pages help menu, but (sadly) This does NOT solve my problems.
Locking and Unlocking Floating Objects
You can lock floating objects to avoid inadvertently moving them as you work. Inline objects cannot be grouped or locked.
After you lock individual or grouped objects, you can’t move, delete, or modify them in any way until you unlock them. However, a locked object can be selected, copied, or duplicated; when you copy or duplicate a locked object, the new object is also locked.
To lock a floating object:
Select the objects you want to lock, and then choose Arrange > Lock.
To unlock a floating object:
Select the objects you want to unlock, and then choose Arrange > Unlock.

How do I crop an image in photoshop and place it in an illustrator file without having a white backg

How do I crop and image in photoshop and place it in an illustrator file without having a white background ?

Could you post the image (or a lores version of it) on this Forum?

When importing images in Pages, how do I set the default object placement to "stay on page" and "no text wrap"?

when importing images in Pages, how do I set the default object placement to "stay on page" and "no text wrap"?

Then use a Layout template.
I am a designer and I use Word Processing templates with layout breaks and all the other tools available because Layout templates are just WP templates with a lot of options removed.
Pages is not Indesign, but then Indesign is not Pages, …and Pages 5 is not Pages '09.
Unless your flyers are for the Web, why are you using Pages at all?
I am curious, what does your post have to do with the O.P.'s question? …and why are you posting it here?
Peter

How to get back default Lock Screen Image of Windows 8.1

I recently upgraded windows 8 to Windows 8.1, but it reset my custom lock screen image . I tried for default lock screen of windows 8.1.I can't find any default lock screen
images of windows 8.1 (Only custom images are available). How to get default lock screen images? Does any any one know? please help me..

The last "solution" works only for pressing Ctrl+Alt+Delete and clicking
Lock. If you sign out of Windows and sign back in, that ghastly Windows 8.1 lock screen picture will come back.
You can delete the img100.png file from your WinSxS folder: right lick on this file, click Properties, click the Security tab, click Edit, click Add, type your Windows user name in the white rectangle under "Enter the object
name to select", click Check Names, click OK, then click Advanced, click Change, take ownership of the file, give yourself Full control over this file, click Apply and then OK. You may see your name three times in the Security tab (as user, administrator,
and yourself). Make sure that each instance has full Control
If this does not work, you can disable the Lock Screen: press Windows+R, type
gpedit.msc, click OK, in the Local Group Policy Editor window that opens click on Computer Configuration > Administrative Templates > Control Panel > Personalization, right click on the "Do not display the lock screen" option, click
Edit, check Enabled, then click Apply and OK.
This, however, is a workaround rather than a real solution, which, it seems, Microsoft does not have.
I have exactly the same issue with the horrid stripey thing. Furthermore, in Settings, Lock Screen Preview is completely blank both on current and past images.
I've tried all the tips I've found around the web with no success. I get the horrid stripey thing back.
I found this freeware called Lock Screen Customizer. Seems to work so far but time will tell. (Note that the download includes both win8 and win8.1 versions.)

HT4085 How do I lock my ipad screen so the swipe action and side button on screen don't work? My cats do these things and the game disappears.

How do I lock my ipad screen so the swipe action and the side button on the screen do not work? When my cats play a game on my ipad, they regularly swipe the screen and push the side button and the game disappears.

The button on the top that you use to lock and unlock or put to sleep is the power button. The button lower center of the screen is the home button...can be used to also wake from sleep and switch to the base home screen.
Good to hear you are now able to lock rotation, even if you are not sure how you did it
If you go to the iBook icon, tap Store in the uppper left side of the screen, you can search for the iPad User Guide...a free download that will place the guide in your iBooks library as a great source of background information.

How to make an icon image using Photoshop

I found out how to do this recently so I decided that I wanted to make a tut for those who don't know how to make an icon image. This icon image is for the libraries tab on your computer. Under the libararies tab there is Music, Pictures, Documents, and Photos
First you will need the ICO (Icon image format) Format extension for photoshop which can be downloaded here:
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
The download link and tutorial on how to install it is all in the link above.
Once you have that all set you can now launch photoshop to create your icon image. Once you have launched it, create a new document with the size as in the image below.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/256x256_zpsbf3dcf8e.png~original[/IMG]
Create the image you want. I used a simple one by using the custom shape tool by pressing "U" on your keyboard and with the
basic blending options.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/IconImage_zpsd788c709.png~original[/IMG]
The reason why the image is pixelated is because it is an icon image. Since the image is only 256x256 pixels when you zoom in on it that will get you the pixely result. The reason why I zoomed in is so you can see it. But don't worry this is no the end result. Just continue reading and you will see.
So once you have created the icon go ahead and press
file>save as>(under format choose the ICO)>and choose the name that you want to name it. And save it in your C: drive. You will see why to save it in your C: drive in a sec.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/SampleicoPic_zpsd252bfba.png~original[/IMG]
So now that you have created the icon and saved it now you can create the new library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/NewLibrary_zps8ca703b2.png~original[/IMG]
Name the library whatever you want I named it "Sample" for tutorial purposes. Notice how it gives you a default boring icon image for your library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Sample1_zpsb5472840.png~original[/IMG]
So now once you have created and named your library now it is time to get the icon image into place.
Go to computer/c: Drive/users/YOU/ And now once you have reached this area you will need to access a hidden folder named "appdata" to do so press "Alt" then a menu bar will show. Click
tools>folder options>and view. Find the option to view hidden folders then press apply then ok. Now we shall continue so AppData>Roaming>Microsoft>Windows>Libraries
Now you should see all the libraries including the one you just created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/showhiddenfolder_zpsad4a3c94.png~orig inal[/IMG]
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Libraries_zpsf6243bc0.png~original[/IMG]
Once you have reached your destination then open a new text document with notepad and drag the library you just created in notepad. The result should look like this:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Notepad_zps251a86f0.png~original[/IMG]
once you have reached this point click at the end of the second to last line down then press enter and enter in this information
<iconReference>c:\"NAME OF ICO FILE YOU CREATED IN PS".ico</iconReference>
Example:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/iconreference_zps1c1a3eca.png~origina l[/IMG]
Once you have entered that information go to file>save and the icon image should appear on the library you created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Finished_zps267f893a.png~original[/IMG]
Now you are officially finished. Go and spread the news and joy. Bye for now
-Dusty951512

It is Windows only because all those screen shots are exclusively Windows, the file structure and paths do not resemble those of the Mac in the least. As a Mac user, there's nothing I could take from your tutorial. Sorry,
No drives named with letters like C: on the Mac, for instance. No backward slashes either, ever. No such paths either. No "Notepad" on the Mac, we use TextEdit; but such a text editor is not remotely needed on the Mac to make and/or edit icons. Etc.
Those folders are not even called "Libraries" on the Mac… Nothing resembling your tutorial at all.
The icons in the Finder's Sidebar are not customizable at all in recent version of OS X.
= = =
You can edit any post of yours only until someone replies to it. At this time your post is not editable by you any longer.

How can I attach an image without the image is in the email body? (using the new mail the Lion)

How can I attach an image without the image is in the email body? (using the new mail the Lion)
I want in attachment, not in the body mail.

I think your only solution is to zip the image files first and then attach them.
Read this from a site I found:
Sending Graphical Attachments -- When you attach a graphical image to your message, the recipient of your message sees the image inline (that is, in the body of the message) if her email client supports inline display. ("Take Control of Email with Apple Mail" contains a table listing the capabilities of popular Mac and PC email clients.) If a client does not support inline display (or the recipient has turned off the inline display option), the file appears as an attachment that must be opened in a separate program.
On the one hand, an inline image is easier for the recipient to see - all she has to do is look at it. On the other hand, inline images can be frustrating to scroll through. If you do not wish to send a graphical image inline, you must compress the file before attaching it - Mail, sadly, lacks a built-in compression option, though fortunately for Panther users, the Finder offers Zip compression without requiring a separate application.
Note that when you compose a new message, Mail always shows attachments in the body of your message. You can manually drag them somewhere else, but many email clients display all attachments in a separate list, regardless of where you place them in the message body.
If you paste an image into a message or drag & drop an image from another window (say, a Web browser), Mail converts the raw image data to an attachment in TIFF format. On the other hand, if you drag & drop the icon of an image file (or use the Attach button to locate the file using the file browser), Mail leaves the attached image in its original format. This difference is significant, because although most email clients can display JPEG images just fine, support for TIFF - especially in non-Mac email clients - is less common. If possible, I suggest attaching image files as opposed to pasting or dragging in raw image data.

Re: How can I post an image?

Merging the hints, how does this look?
Showing an image in Apple Discussions requires two things.
1. The image has to exist and be accessible from a working server somewhere.
2. Then the image can be referenced in html and will appear in your post.
1. To achieve the first you need to register on one of the many free web photo hosting sites. An example of one would be Flicker. (If you have your own web site you can of course host your picture there.)
Having taken a snapshot of the thing in question (the image), perhaps by using the Grab application on your Mac, you upload the image to your photo hosting site.
You'll then need to get its URL from the site. It might be easy to see or you might have to read the site's FAQ for those details, as there are differences between sites.
Easier still, if you are using Safari or Firefox right clicking (or Control click with a one button mouse) on the uploaded image will copy the link for you.
It will have a form like this:
http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg
When you find it, open a new tab in your browser and paste it into it, to check that it displays and is therefore the correct URL for the image.
2. To add this image to your post here on Apple Discussions, place an exclamation point before and after the link, illustrated as,
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
which produces the image in the post.
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
An alternate html format is;
<img src="http://source.address.of.image.jpg"/>

How can I post an image? (Revision 2. Thanks to rrcharles)
Showing an image in Apple Discussions requires two things.
1. The image has to exist and be accessible from a working server somewhere.
2. Then the image can be referenced in html and will appear in your post.
1. To achieve the first you need to register on one of the many free web photo hosting sites. An example of one would be Flicker.
Having taken a snapshot of the thing in question (the image), perhaps by using the Grab application on your Mac, you upload the image to your photo hosting site.
You'll then need to get its URL from the site. It might be easy to see or you might have to read the site's FAQ for those details, as there are differences between sites.
Easier still, if you are using Safari or Firefox right clicking (or Control click with a one button mouse) on the uploaded image will copy the link for you.
It will have a form like this:
http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg
When you find it, open a new tab in your browser and paste it into it, to check that it displays and is therefore the correct URL for the image.
2. To add this image to your post here on Apple Discussions, place an exclamation point before and after the link, illustrated as,
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!
which produces the image in the post.
!http://farm3.static.flickr.com/2186/24541163585b68ff68b8s.jpg!

How do I lock an image in place?

Similar Messages

Maybe you are looking for