Image Sizing and Mapping

Hi,
I am trying to create a navigation bar here, and I have one
image for the entire navigation. It includes home, about us, etc.
Now I want the image to always fill the horizontal and vertical
aspects of the users browser, so using percentages I accomplished
that. Now I want to map the image so when someone clicks the home
or about us area it leads to a frame below, now when the image size
changes due to variances in the browsers and resolution, the
mapping stays in the same area while the image changes and in
affect the buttons are not in sync with the mapping. What fixes are
there to this?
Thanks in advance!

Create basically 3 images. A center image with all of your
navigation that
never changes size and a left and right background image that
stretches when
the browser size changes.
But, better than that, don't put your navigation images as
part of the
image. Use css styles to create your links with text links
and image
backgrounds that can float over your stretching background
image.
Text links always work better and give the search engine
crawlers something
to look at. They can't see image links (or won't look at
them.)

Similar Messages

  • Exporting photos for UHDTV or Native 4K TV, what are the best settings ? (File: Quality File: Color Space, Image Sizing and resolution)   Or in other words; How can I get the smallest files but keep good quality for display on new UHDTV

    Exporting photos for UHDTV or Native 4K TV, what are the best settings ? (File: Quality File: Color Space, Image Sizing and resolution)   Or in other words; How can I get the smallest files but keep good quality for display on new UHDTV

    You're welcome, and thank you for the reply.
    2) Yesterday I made the subclips with the In-Out Points and Command-U, the benefit is that I've seen the clip before naming it. Now I'm using markers, it's benefit is that I can write comment and (the later) clip name at once, the drawback is that I have to view to the next shot's beginning before knowing what the shot contains.
    But now I found out that I can reconnect my clips independently to the format I converted the master clip to. I reconnected the media to the original AVI file and it worked, too! The more I work with, the more I'm sold on it... - although it doesn't seem to be able to read and use the date information within the DV AVI.
    1) Ok, I tried something similar within FCE. Just worked, but the file size still remains. Which codec settings should I use? Is the export to DV in MOV with a quality of 75% acceptable for both file size and quality? Or would be encoding as H.264 with best quality an option for archiving, knowing that I have to convert it back to DV if I (maybe) wan't to use it for editing later? Or anything else?
    Thank's in advance again,
    André

  • Hello apple guys, i can't open app store, reminders, contacts, mail(crash), maps, Image Capture, and other apps that comes with Mavericks OS, how i can solve this problem?

    hello apple guys, after installing OS X Mavericks, i can't open app store, reminders, contacts, mail(crash), maps, Image Capture, and other apps that comes with Mavericks OS, how i can solve this problem?

    So is this the way Apple works now? Not solving customers problems? I'm sure so many users have had this problem. I've had, and I reinstalled Mavericks 3 times. Works fine for some days and then several Apple Apps stop working. Is that a way to force us ti update to Yosemite? (I don't want to) and then pay to update some third party programs (i.e. Pro Tools). Also, there are so many 15" MacBooks Pro with graphic problems and of course the guys at the Apple Service Centers always say: "It's the logic board, you can have it replaced, but it's so expensive I would recommend a new Mac".  I really, really miss Steve Jobs!

  • Images and Maps

    I recently saw a eseminar demoing a flex application. It was
    car insurance company application. Where a image of a car is shown
    when you mouse over the car, specific portions(door, hood..) get
    highlighted. You can click on them and note that was damaged.
    My question is how to go about developing such a application.
    I'm new to flex and generally to imaging application and
    technologies.
    What are the API's I should be looking at?
    Please provide pointers. Thank you.

    You can use these steps to check if images are blocked:
    *Open the web page that has the images missing in a browser tab.
    *Click the website favicon ([[Site Identity Button]]) on the left end of the location bar.
    *Click the "More Information" button to open the "Page Info" window with the Security tab selected (also accessible via "Tools > Page Info").
    *Go to the <i>Media</i> tab of the "Tools > Page Info" window.
    *Select the first image link and scroll down through the list with the Down arrow key.
    *If an image in the list is grayed and there is a check-mark in the box "<i>Block Images from...</i>" then remove that mark to unblock the images from that domain.
    *http://kb.mozillazine.org/Images_or_animations_do_not_load
    *https://support.mozilla.com/kb/Images+or+animations+do+not+show

  • Print Sizing and Quality Issues

    When I print PDF documents I have issues with sizing and quality. I only have this issue with my Mac. Windows prints the files as they should be. I've tried two different printers, both over network. It doesn't matter whether I am in Adobe or in a browser. Basically it oversizes the documents and cuts off the edges. The quality on images and logos is severly degraded. This probelm existed in Lion and now in Mountain Lion. Any help?

    What we need are the clip properties & sequence settings in Final Cut Express.  Your screenshot is from a Finder window.
    It would appear you have a clip with nonstandard frame size (1366x768) in an H.264 file.  FCE cannot edit this material.  FCE is limited to specific codecs and frame sizes.  You need to convert your clip to QuickTime/Apple Intermediate Codec. If it's highdef widescreen then convert it to QT/AIC 1920x1080i.  Try using MPEG Streamclip to convert the source clip.
    You also need to be using a matching Easy Setup in Final Cut Express.  If your source media file is QT/AIC 1920x1080i then you should select the AVCHD Apple Intermediate Codec 1920x1080i60 Easy Setup in FCE -AND- then create a new sequence before importing your clip into FCE and placing it in your sequence (timeline)

  • Re-sizing and Pasting in Elements 12

    I've just got Elements 12 and I'm having difficulty getting started.
    The first thing I need to do, is to re-size a load of images - I need them to be a specific size in centimetres. I don't care how many pixels they are, or how big the file is.
    However, whenever i try re-sizing, and then open the image in something else, it hasn't really changed size - it's just set to print at that size in elements. As I'm not printing them, I'm sending them digitally elsewhere to be printed, that's no good to me- is there any way to actually change the size.
    Once I've got the images resized, I then want to paste them onto a slightly larger black background. However, I don't seem to be able to paste between files. Is this normal?
    To sum up:
    I have a load of jpegs and pngs of various sizes, I want to get them all to 6.12 x 8.6 cm, then paste them into a black background 6.4 x 9 cm (providing a thin border against the edges being cropped int he printing process) and save as jpegs. These jpegs will then be uploaded to a printing company via the internet.
    I'd hoped this would be a fairly simple process, but it seems to be impossible. Can anyone help?

    For printing, it desirable to have the resolution in the range 240-300px/in.
    You can convert the ruler scale to metric by right clicking on the ruler. This will help you to visualize the dimensions for reference.
    On the crop tool's option bar, enter 6.12cm and 8.6cm for w & h (depending on portrait/landscape orientation.) Enter resolution 240px/in in the resolution field.
    Drag out the crop shield to embrace what you wish to retain, then commit with the green checkmark.
    Set your foreground color chip to black
    Go to Select menu>all
    Open a blank layer above the background layer
    Goto Edit menu>Stroke(outline) selection. Try stroke width 5px, position:inside. OK
    Press CTRL+D to get rid of the marching ants.
    You can adjust the black border (stroke width) to suit - simply delete the layer created in step #5, and replace it.

  • Image size and dimensions in Safari

    Is there a fast method of viewing image size and dimentions in Safari? I can open image in new tab and see its width and height in tab/window name. I can save image to the Desktop and see file size but it's not convenient. Is there some another way without opening an saving image somewhere like Control+click -> Properties?
    iMac G4   Mac OS X (10.4.3)  

    Pat,
    You don't need to set the image size as such. The image prints on the page according to two sets of criteria:
    1. Whether you set dpi to custom or a specific value, and
    2. The page margins you set either as a printing once-off, or as a new printing pre-set.
    For example, I print "arty" photos in a portrait format on A4 matte paper. Left and right margins are around 3cm, top margin is around 3cm, bottom margin is around 5 cm (all numbers are from memory...). I have a title just below the image.
    I created this particular page setup for a certain photo and liked it so much I saved it as another print preset. Any photo I print using that preset fits within the margins defined. The very next print might be the same photo, but this time printing A3+ on Ilford Galerie Smooth Pearl. Choose the photo, select the relevant print pre-set, print. Re-sizing is irrelevant - the print in both cases is coming from the processed raw at maximum resolution.
    Regards,
    Calx

  • Reduce image size and print it out?

    I scanned an image (coloring on a postcard). This size is too big to fit into a 'album' picture in MS Picture It! All I want to do is REDUCE the image and save it so that it will fit into the computer photo album I'm creating.
    I've tried Image/Resize/Image Size and changed the sizing, but it still comes out the exact same size as the original. What am I doing wrong?

    > I want to REDUCE the image, not enlarge it.
    I understood that - what makes you think I didn't?
    > It's 948x645 pixels. I just want the image about an inch (respectively) smaller
    You can't think in terms of inches for screen images. You have to work in pixels and the actual size will depend upon the screen resolution on the machine being used to view the image.
    I'd reduce the pixel size by about 80 to get the effect that you want. Use Image/Resize/Image Size and make sure that you have "Resample" checked.

  • Generation of images of the map

    Hi,
    Some images of my map, are created with a box gray with a button to close. This seldom occurs and for a few levels of zoom.
    After I clear the cache of the level of zoom they are generated successfully.
    Is there as detect situation in the application?
    Thank you.

    Any help would be appreciated. I'm sorry I don't know much about how the classpath works and how data is loaded upon running a program, I've been raised in the safe environment of IDE's and buttons to click to run my programs.. :) Then you need to read the applicable class/classpath documentation here:
    [http://java.sun.com/javase/6/docs/technotes/tools/index.html#general]
    and this:
    http://java.sun.com/javase/6/docs/technotes/guides/lang/resources.html

  • Lightroom 5.3 Image Sizing in export not working as expected

    When I export an image and specify the maximum dimensions in the Image Sizing section, Lightroom only honors the maximum width or height if both original dimensions are below the requested setting.
    For example, I have an image with original dimensions of 2592x1936.
    If I export using 1935x1935 in the Image Sizing section with option "Width & Height" or "Dimension", I get an exported file with dimensions 1935x1445. The "width" is properly constrained to the maximum value I've entered.
    However, if I export using 1937x1937, the resulting exported file has dimensions 2592x1936--the original size of the image.
    I've tried the same with an original image of 1936x2592 and get similar results.
    Am I not applying this setting correctly?

    There's cuurently a bug in the LR5.3 export process (been reported many times, and hopeful of a fix come 5.4). The bug is caused by having the "Don't Enlarge" option checked, so unchecking it will fix the problem. If unchecking it is a problem, see this thread for help:
    http://feedback.photoshop.com/photoshop_family/topics/publish_service_harddisk_ignores_ima ge_sizing_resize_to_fit_short_edge_setting_when_source_image_is_a_dng_on_lightroom

  • Image sizing using Safari

    I post photos on the message board of a site that does not let you post HTML code (if it matters, the site says powered by pluck). To post a photo on the message board you have to either copy/paste or drag/drop from your photo hosting site to the message box. My photo hosting site is Picasa. When in Safari, I can right-click on one of my photos to copy and then do right-click paste in the message box board. However, the photo is not as large as I would like it. When I do the same thing using Firefox, after I paste the photo into the message box, I can click on the photo and handles appear around the photo that I can drag to resize the photo. Is there some way to get these sizing handles in Safari? I've tried pressing other keys when I click the photo, but haven't found a way to be able to resize. Is this something unique to Firefox? Thanks.

    Before you start, go to Image>Resize>Image Size and make sure both images have the same ppi. When you drag an image in to another one, the bottom image determines the ppi for the entire photo. So if you have and object that looks the right size, but that file is 72 ppi, and you place into a file that is 300 ppi, your object will shrink way down in the new image.

  • Problems with moving images, widgets and text.

    Apologies if this question has already been asked. I think there has been a similar question asked but can't see a solution and I'm not sure if my problem is slightly different.
    I have been designing a Muse website on a MacBook Pro, and placing widgets, text and images where they look correct in 'design' mode, but when viewing online, some items do not remain the same size and/or have moved. When viewing on a larger screen, such as an iMac, the positioning and sizing is even worse.
    I can't figure out how to lock / maintain the correct sizing and positioning of items such as a 'youtube' video, text boxes and graphics in general as they appear in design mode.
    I'd be VERY grateful if someone more experienced could advice how to avoid items changing when viewing on different sized screens.
    Please see the difference between the appearance on a MacBook and iMac to better show what I am hoping to resolve.
    Thank you in advance.

    When I try to move a stack between two stacks, it becomes part of the other stack. The black line is highlighted.
    I want to organize my stacks so the best are at the top of the grid.
    Thanks for any help.

  • Export - Image sizing -  Resize to Fit :  Percentage please

    PLease ad the ability to resize images with percentage unit, in the export -> image sizing panel.  thanks

    Lr always uses three decimals for dimensions in the export dialog. So 22 cm is exactly the same as 22,000 cm.
    Maybe you're used to a dot as a decimal separator, and a comma as a thousand separator? If so, it probably looks like 22 thousand cm to you.
    Whether to use a dot or a comma for a decimal separator, is set in your computer's operating system.
    On windows, Control panel > Region and language.

  • Problem with Export - Image Sizing

    Hello, I'm running LR3 on a relatively new iMac.  I am using LR to edit RAW photos from my Nikon D700 and one of the things I do is export to .jpg to put some photos on my website.  To do this, each photo must be the same width and height, or it causes issues with the website.
    For awhile, I was exporting images at dimensions of 960x636 with no issues.  All of a sudden, when I use the export feature, and put in the Image Sizing section the 960x636 resolution, the exported file is at a resolution of 956x636 and therefore is not the same size as previously exported photos.  I've tried changing some of the settings in the Image Sizing section (check/uncheck Don't Enlarge, Dimensions vs. Width & Height, etc.) and nothing seems to work.  Any advice why LR3 is overriding my image size settings would be greatly appreciated.

    When you specify the width and height on export, you are specifying a "box" that Lightroom will fit the image into. It will do the best it can, but if your cropped image doesn't have the same aspect ratio as the "box", then one dimension will be short. As an example, if you had cropped your picture into a square, how could Lightroom possibly completely fill a rectangle with it?
    You need to crop your images to the same ratio as the 956 : 636 that you're specifying on Export.
    Hal

  • LR 5 - Image Sizing Dimensions - wrong image size

    Hi,
    Image Sizing Dimensions produces wrong image sizes upon export for certain images.
    Example, I have export set up for iPad resolution, 2048x1536px at 264ppi. If I now export an 3264x4928px image it should be resized to 1356x2048px. What I get is 1356x2047 instead, one pixel too short on the long side. This doesn't happen for all images source resolutions and ratios though. I haven't figured out the pattern yet.
    Here a link to an image which exports at wrong size (export dimension set to 2048x1536px).
    http://www.bobtronic.com/files/IMG_0289.JPG
    I would appreciate a speedy fix for this problem. Thanks
    cheers,
    Matthias

    The image has a resolution of 3264x4928. Exporting using Dimension resizing of 2048x1536 results in an 2047x1536 image.
    The scaling factor 4928 down to 2048, is 0.4155844155844156...
    Assuming that LR is working to only 3 decimal places here, which indications discussed in another thread would suggest, then there are several ways to achieve that:
    truncate down to 0.415 by discarding the subsequent digits
    "quick-rounding" of the third digit by inspecting the fourth-place digit only, and incrementing the third-place digit when the fourth-place digit is larger than 5, which it is not in this case, resulting in 0.415
    "math-rounding" by inspecting all of the following digit pairs in turn, until you reach a pair that is lower than 50, and then working back again to simplify. This procedure rounds 0.41558 up to 0.4156, then after doing that, rounds 0,4156 up to 0.416
    Speculation: the difference between 0.415 and 0.416, is the difference between a result with 2047, and one with 2048, when executed.
    Most of the time the "quick-round" procedure will work out fine, also truncating will usually be good enough, assuming the above has anything to do with the reality (which it may not). Just occasionally, though, there'll be an error in the final digit, compared with what the theoretically accurate procedure would have given. So if I am right this is not strictly speaking a bug (something failing to execute as it has been designed to do), but the result of a software design choice. "Works as designed", iow .
    It seems that LR, perhaps differently between versions, is working this through by simple calculation (from the front-end), without comparing the back-end outcome against what you have requested. How much this (intermittent) issue actually matters, is a question of judgement, and of particular requirement.
    [ alternative method: I find the Print module, outputting to JPG, is completely reliable when it comes to making a standardised JPG as to the dimensions, as well as offering some different technical and design options, than what you get with Export. For one thing, you get the option of on-the-fly cropping to shape, which you can then adjust interactively where (as here) the image is a different aspect than the Retina display. So if you want it, you can fill the screen instead of getting letterbox, all without having altered your main (Develop) crop for that image. Alternatively, if you don't want the Zoom to Fill option (e.g. with landscape images to be shown in portrait orientation as part of a sequence) you can still make all your images to the same dimension, but controlling the appearance of the borders that are left (which become part of the image) ]
    RP
    ps: AFAICT one would expect simple truncation to produce the appropriate answer half of the time; one would expect simple rounding to just one further digit, to be wrong half of the times when the following digit happened to be 5 - or to put in another way, to be right in 95% of cases; and proper rounding, examinng as many places as it takes, to be right 100% (within precision limits).

Maybe you are looking for