Fixing image size irrespective of the monitor's dimensions

Hi ,
I have an HTML region, which has an image displayed from WORKSPACE_IMAGES. This regions exists at column 3 and is in the midst of two other regions which are at coulmn 1 (navigation region) and 9 (side bar region). Apparently I want this image to extend completely in the middle region. For which, I have set the width and height of the image which suits my monitor and it works fine ().
But the problem is, this doesnot display properly when viewed in a different monitor dimension. This occupies the complete screen in case of a monitor of smaller dimension and shows up the empty background in case of monitor of higher dimension.
Could you please help me in fixing the size of the image irrespective of the monitor dimensions!
Thanks & regards,
Anasuya

Anasuya,
Your best bet is to pick a common monitor size and then develop your templates for that. Today, you'd be safe with 1024x768.
Using variable-width templates is more difficult to do, as the pages will look differently on smaller resolution screens than they do on larger resolution ones, and thus, you will have less control over the look and feel of your application.
Say you have a variable template with a 500 pixel image that is centered on the page; it may look fine on a 1024x768 screen, but as the size increases, the amount of white space on either side will also increase.
Most popular sites adhere to a fixed-width template; I recommend that you also investigate this option.
Thanks,
- Scott -

Similar Messages

  • Fixing image size irrespective of the monitor dimensions

    Hi ,
    I have an HTML region, which has an image displayed from WORKSPACE_IMAGES. This regions exists at column 3 and is in the midst of two other regions which are at coulmn 1 (navigation region) and 9 (side bar region). Apparently I want this image to extend completely in the middle region. For which, I have set the width and height of the image which suits my monitor and it works fine (<img src=#WORKSPACE_IMAGES#Oracle_Corporation_HQ.jpg style="height:320px;" style="width:480px;" >).
    But the problem is, this doesnot display properly when viewed in a different monitor size. This occupies the complete screen in case of a monitor of smaller dimension and shows up the empty background in case of monitor of higher dimension.
    Could you please help me in fixing the size of the image irrespective of the monitor dimensions!
    Thanks & regards,
    Anasuya

    Anasuya,
    Your best bet is to pick a common monitor size and then develop your templates for that. Today, you'd be safe with 1024x768.
    Using variable-width templates is more difficult to do, as the pages will look differently on smaller resolution screens than they do on larger resolution ones, and thus, you will have less control over the look and feel of your application.
    Say you have a variable template with a 500 pixel image that is centered on the page; it may look fine on a 1024x768 screen, but as the size increases, the amount of white space on either side will also increase.
    Most popular sites adhere to a fixed-width template; I recommend that you also investigate this option.
    Thanks,
    - Scott -

  • "Could not complete the image size command because the file name was not valid"

    Hello,
    Some one please help me,when i try to resize psd file its showing this message ...whats the issue ???
    "Could not complete the image size command because the file name was not valid"
    Thanks !

    Can you change other images via Image > Image Size?
    Boilerplate-text:
    Are Photoshop and OS fully updated and have you performed the usual trouble-shooting routines (trashing prefs by pressing command-alt-shift/ctrl-alt-shift while starting Photoshop until the appropriate dialog appears after making sure all customized presets like Actions, Patterns, Brushes etc. have been saved and making a note of the Preferences you’ve changed, 3rd party plug-ins deactivation, system maintenance, cleaning caches, font validation, etc.)

  • Guys, any idea what is the exact thing to put  to resize or enlarge the image size  to make the phot

    Guys, any idea what is the exact thing to put  to resize or enlarge the image size  to make the photo larger or bigger when uploading in Facebook?? thanks

    You could check "Resize to Fit" and specify the exact dimensions you want in the Lightroom Export dialog box.
    But a word to the wise ... don't bother ... there is a maximum size that Facebook allows for photos, and you'd be wasting your time specifying anything reasonably large in Lightroom's Export dialog box.

  • Email-to facilitate emailing a photo by gmail or AOL, I reduce the file size.  Is it better to reduce the image size or increase the jpg compression?

    To facilitate emailing a photo by gmail or AOL and avoid overwhelming the recipient's screen, I reduce the file size.  Is it better to reduce the image size or increase the jpg compression?  I have been making a duplicate image of 35 MB and reducing the image size to 8"x12" at 72 resolution giving a file size of 1.4 MB.  Then I SAVE AS a jpg of medium compression giving a  file size of about 111 KB.  Overkill?

    Go to File>save for web.
    I usually make the long side 800 px
    At the bottom of the dialog, check "constrain proportions."
    At the top, select JPEG in the dropdown for the file format.
    All the work is done for you! 72px/in is ok for web work. 240-300px/in is the recommended range for printing.

  • Different fix lot size depending on the production version

    Hi all,
    I have the next scenario:
    2 production versions. 2 different fix lot size por each. So:
    Prod Version 1 - Fix lot size 200
    Prod Version 2 - Fix lot size 300
    I created the Quota Arrangement just to make SAP to take my favourite version. And trought the quota, I can define the lot size for each version. BUT.
    If I change the version in the order or in the planned order, the quantity don't change.
    So: How can I manage 2 different fix lot size for 2 different product versions? If I change the version once the order is created, how can I do the system change de quantity to the right one?
    Thanks in advante
    << Please do not offer points >>
    Edited by: Rob Burbank on Oct 1, 2010 2:53 PM

    I have n't  tried this scenario,
    This is my Idea
    Create a two production version
    for ex: lot size 100 to 1000, set the rounding profile qty as 1000
    for lot size 1001 to 99999, set the lot rounding profile value to 5000
    BY this way u can get the two lot based on the rounding profie
    Expert; please correct if i am wrong
    Edited by: Sundaresan . E. V on Oct 1, 2010 4:12 PM

  • Fullscreen image as background: What image size should be the original file?

    Hello adobe users,
    I'm creating for my first time a website which uses a photograph as the main background. This will be fullscreen. Her eyou have some examples:
    http://www.flemingsteele.com/
    http://www.benthomsonphoto.com/
    Always better one image than 1000 of words.
    My question is quite basic: What is the perfect image size the photograph should be for a fullscreen-image-background?
    Is there any tips the photographer should take in place?
    Any special mode?
    Which format should it be? Panoramic? Rectangular?
    What quality and weight should it have?
    I'm very concerned that the raw material (the original pictures) compromise the final product. I want to create the website so it can adapt any screen resolutions. Can anybody help around?!
    Dani

    Hello,
    Why the files are not allowed to grow beyond the 8GBThe MAXSIZE of the Datafile can be set to the value you want up to UNLIMITED ( which is limited physically according to the OS Platform, the db_block_size and the type of Tablespace - smallfile or bigfile ).
    If you have a SMALLFILE TABLESPACE then the Datafile can have up to *4MBlocks*, so if the db_block_size is *2KB* you are limited to *8GB* even if you set MAXSIZE to UNLIMITED.
    A SMALLFILE TABLESPACE can have up to 1022 Datafiles. So with a db_block_size of *2KB* the Tablespace can reach about *8TB* (with 1022 Datafiles of 8GB).
    If you have a BIGSIZE TABLESPACE the Datafile can have up to *4GBlocks*, so if the db_block_size is *2KB* you are limited to *8TB*. But the Tablespace could have in this case only one Datafile and, you have to be sure that the OS Plateform can support such a large file.
    Of course, if the db_block_size is larger, for instance *8KB* (which is an usual value), the limit for a Datafile belonging to a SMALLFILE TABLESPACE becomes *32GB*... And so on.
    Hope this help.
    Best regards,
    Jean-Valentin

  • [Gnome-shell] make the notification image size depends of the sender

    Hi,
    I just set up my Arch and decided to make it beautiful.
    And one of the things upset me was the size of the profil picture in Gwibber notification.
    So I decided to look a bit into the Gnome-Shell code to change that.
    Now, Gwibber notification will be displayed with 48px images, while Rhythmbox will still display 125px images.
    Here is the code :
    In /usr/share/themes/<your-theme>/gnome-shell/
    gnome-shell.css
    /* We use row-span = 2 for the image cell, which prevents its height preferences to be
    taken into account during allocation, so its height ends up being limited by the height
    of the content in the other rows. To avoid showing a stretched image, we set the minimum
    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159*/
    .notification-with-image {
    min-height: 159px;
    /*=== ADD THIS === */
    /* Same for twitter notification :
    24 + 48 + 10 = 82*/*/
    .notification-with-twitter-image {
    min-height: 82px;
    /*=== END ADD ====*/
    Add the .notification-with-twitter-image section.
    The idea is to differentiate the two type of notification to apply different height on it.
    In /usr/share/gnome-shell/js/ui
    messageTray.js
    setImage: function(image) {
    if (this._imageBin)
    this.unsetImage();
    this._imageBin = new St.Bin();
    this._imageBin.child = image;
    this._imageBin.opacity = 230;
    this._table.add_style_class_name('multi-line-notification');
    /*this._table.add_style_class_name('notification-with-image');*/
    /*=== ADD THIS === */
    if (this.IMAGE_SIZE === 48) {
    this._table.add_style_class_name('notification-with-twitter-image');
    } else { // IMAGE_SIZE === 125
    this._table.add_style_class_name('notification-with-image');
    /*=== END ADD ==== */
    this._addBannerBody();
    this._updateLastColumnSettings();
    this._table.add(this._imageBin, { row: 1,
    col: 1,
    row_span: 2,
    x_expand: false,
    y_expand: false,
    x_fill: false,
    y_fill: false });
    unsetImage: function() {
    if (this._imageBin) {
    this._table.remove_style_class_name('notification-with-image');
    /*=== ADD THIS === */
    this._table.remove_style_class_name('notification-with-twitter-image');
    /*=== END ADD ==== */
    this._table.remove_actor(this._imageBin);
    this._imageBin = null;
    this._updateLastColumnSettings();
    if (!this._scrollArea && !this._actionArea)
    this._table.remove_style_class_name('multi-line-notification');
    Here we add everything related to notification-with-twitter-image in both functions.
    Adding the class, and removing the class.
    notificationDaemon.js
    // We only display a large image if an icon is also specified.
    if (icon && (hints['image-data'] || hints['image-path'])) {
    let image = null;
    /*=== ADD THIS === */
    if (ndata.appName === 'Gwibber') {
    notification.IMAGE_SIZE = 48;
    /*=== END ADD ==== */
    if (hints['image-data']) {
    let [width, height, rowStride, hasAlpha,
    bitsPerSample, nChannels, data] = hints['image-data'];
    image = St.TextureCache.get_default().load_from_raw(data, hasAlpha,
    width, height, rowStride, notification.IMAGE_SIZE);
    } else if (hints['image-path']) {
    image = St.TextureCache.get_default().load_uri_async(GLib.filename_to_uri(hints['image-path'], null),
    notification.IMAGE_SIZE,
    notification.IMAGE_SIZE);
    notification.setImage(image);
    } else {
    notification.unsetImage();
    Here, we modify the IMAGE_SIZE depending if it's a Gwibber notification.
    That's all.
    Edit: Does someone know how to submit this patch to Gnome-Shell developers ?
    Last edited by gravitezero (2012-05-03 15:55:43)

    Hi,
    I wasn't exactly clear, but yes there is a specific place to add the code.
    My patches only add code to the existing one.
    You should search in original file for code I didn't add (outside the "===== ADD THIS =====" blocks), and then add my code were I added it.

  • Image size different than the Bridge

    question. I shoot raw images and can export to jpeg in The Bridge at 6144 x 4096 (25.2 MP) 300 dpi. Opened in Photoshop that's a 20.4x13.6
    Why do the same images export from Lightroom at 3286 x 2191, 300 dpi??
    In photoshop that just under 11.6x7.7
    Where can I fix this in Lightroom please?

    There is no advantage to upresing until you go to print, and even then that's assuming the upresing you do is better than what the printer/printer driver does. The 1DII is an 8.2MP camera, and always upresing your images to 25MP sounds like a waste of disk space to me.

  • Is there a way to adjust image size? (besides the little slider)

    Just wondering if this is an issue with my iphoto or camera. When I add pictures to my iphoto from my camera they appear really tiny. When I make them larger within the window, the pictures become distorted. They also upload on to websites extremely small. I have checked my camera settings and everything seems to be normal there. My friend has a iphoto, and her pictures are not uploading this tiny. Is there a setting that I can change for this?
    thank you!

    Jacquie
    It would appear that your friend replaced all the Original full sized pics with the thumbnails that iPhoto uses for display.
    To start over:
    To create and populate a new library:
    Note this will give you a working library with the same Rolls and pictures as before, however, you will lose your albums, keywords, modified versions, books, calendars etc.
    Move the iPhoto Library to the desktop
    Launch iPhoto. It will ask if you wish to create a new Library. Say Yes.
    Go into the iPhoto Library on your desktop and find the Originals folder. From the Originals folder drag the individual Roll Folders to the iPhoto Window and it will recreate them in the new library.
    When you're sure all is well you can delete the iPhoto Library on your desktop.
    In the future, in addition to your usual back up routine, you might like to make a copy of the library6.iPhoto file whenever you have made changes to the library as protection against database corruption.
    Regards
    TD

  • In A2500, how to change the Image Size?

    I have an A2500 camera.  The images are great, but they're huge (1.5mb each) and fill up my memory card way too quickly.  How can I use the camera's menu settings so images are stored in a smaller size? 

    Hi TravelMark!
    Thanks for posting!
    To change the image size, please press the <FUNC/SET> button. select the [L], then change that to [M1] or [M2].
    This didn't answer your question or issue? Find more help at Contact Us.
    Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well.

  • How do I change the image size in Save for Web?

    I just upgraded to Illustrator CS6 on a PC.  I try to save my graphic in Save for Web and want to alter the image size, but it won't change,  it just goes back to the original size.  If I change the percentage box, the values change.  I have tried linking and unlinking the proportions and nothing.  What am I missing??  I don't have time to guess the percentage to get to the exact width I need. 

    Make changes in the Image Size section of the Save for Web. Input new values in Width and press Tab key to move to Height field. Click on the Link icon to unconstrain proportions. As you press the Tab key again to go out of focus of the Width and height boxes, you will see the changes reflect inside the Save for Web window. If this doesn't work then make sure you have updated Ai to 16.0.1 or 16.1.0 depending on the type of installation (from Disc or from Creative cloud) respectively.

  • Why are my cropped images not printing at the size I have cropped them to?!

    Hey!
    I know how to crop images to specific sizes using either the rectangular marquee or crop tool. However, I am needing to print a number of small images, so want to compile them into one document to save paper. Once the image is cropped, it shows up in 'image size' as being the required size, however, when I copy and paste it into another document in an attempt to arrange it on a page with other cropped images, the images come out at about half the specified size when I print them.
    Is it to do with the view I am using, because it doesn't seem to matter whether I set it to 'print size' or 'actual pixels'?
    I can't seem to find an answer to this, and I'm sure that I didn't have a problem with this when I was using photoshop more regularly a few years ago!

    Hello,
    You need to ake sure the target document and the source documents have the same"resolution", in other words the same PPI.
    You could also use the Edit>Place command, which will respect the print dimensions of the source photo, but import it as a Smart Object.
    CB

  • Prints dont look like the image on the monitor

    I have tried everything I can think of--I'm desperate for help!
    Heres what I have and my workflow
    Windows 7/64
    All drivers and software are up to date.
    Photos taken with 5D Mark iii in Raw
    Developed in Camera Raw
    Tweaked in CS6
    Color space is 1998 RGB
    Saved as jpeg
    Using a Lenovo Desktop- Ideacenter B520
    Printer is Epson R3000
    Monitor and printer are calibrated with Colormunki Photo.
    In photoshop I softproof using the profile created with colormunki and the image looks excellent.
    Whn I print, I choose "photoshop manages colors", and in the printer setting I make sure color management is turned off. The prints look very dull and washed out. I make sure the correct printer profile is chosen (the one created with colormunki for the specific paper I use)
    Bust, if using the same image, I choose "Printer manages colors", and then in the printer color management choose "Adobe 1998", the brints look wonderful.
    What am I doing the is causing Photoshop manages colors to look worse than printer manages colors, when in both cases the image looks great on the monitor?
    Thanks so much

    you could probably start by posting a screenshot of
    Photoshop> File> Print (window)
    and
    Photoshop> File> Print> Print Settings> Basic (window)
    PHOTOSHOP MANAGES COLORS CS6 TUTORIAL

  • Image size for 4:3 format appears somewhat zoomed in when viewed on my TV

    I am using Final Cut Express HD to create movies and have just started using iDVD '08 to create dvds, and have run across something bothersome in iDVD:
    When I view the iDVD movies on my TV that were created in a 4:3 format (640x480 resolution) in Final Cut, the image appears somewhat zoomed in versus what I see on my computer. This is causing problems with the composition of the image as it appears on the TV screen that do not appear when viewing the movie on my computer. Here's how:
    When viewd on the TV:
    1) the TV image's edge is zoomed in about 5-10% on all four sides relative the image edge as viewed on the computer screen
    2) when the scale of an image is reduced over time from 100% to something less (e.g. 50%) based on motion/scale keypoints in the clip's motion tab), the image detail starts zooming out but with the image size still filling the TV screen, then somewhat afterwards, the image size on the TV grows smaller as zooming out progresses.
    Overall this disparity between computer screen image size and TV screen image size is causing two miscues with how the movie shows:
    a) the composition of the picture is altered because it defaults to being somewhat zoomed in relative to the image I see when creating the movie on my computer, with whatever image I have on the true edge (per the computer screen composition) not appearing on the TV screen and
    b) the timing of changes in image SIZE relative to audio or other video cues is thrown off in a way that seems difficult to predict when designing the motion effects in Final Cut.
    Any advice on how to fix this?

    Hello phdtobe,
    what you're experiencing is overscan - a normal phenomenon with CRT monitors - and has nothing to do with neither FCE nor iDVD.
    Try using the "Action Safe" setting in FCE's Viewer to see the "crop area".
    hope this helps
    mish

Maybe you are looking for

  • Value field in copa

    Hi Kindly let me know the procedure to add two additinal new value fields Regards Basapuram

  • Authen and Auth via kerberos and ldap (hosted on linux)

    Hello. I am trying to set up authentication via ldap and kerberos. I have usernames stored in a UNIX-style ldap server and kerberos running on the same machine. I am now trying to get the login window to use the ldap server for getting username/passw

  • Frequent Idoc problem

    Hi Guru's We have a major problem on BW and APO. Sometime we have no extraction committed in BW or APO (All extractions of the night). This is due to Idoc not comitted so to correct the problem we go In SAP R/3 source system transaction SM58 and "Exe

  • Some calls rejected

    my iPhone 4s is rejecting some land line calls. It is not consistent for some go through, but for others they receive a message stating that this phone does not accept incoming calls. I have no blocked numbers. I have reset the phone to factory specs

  • "Personalization Server

    My development tools is Visual Age for Javaand I want to develop an extension of UUP with this tool. I try to import personalization server classes but i find many errors.How can i develop my extension?Thanks.