Height and width bug takes over browser

This only occurs in FF. Text that says "Height=12pxWidth=12px" repeats all over my browser window. It is not just those dimensions but dimensions of any image that gets repeated over and over again. Here is a screen shot:
https://docs.google.com/file/d/0B6Gj-Q8E-R3EVlp5b042YUFmMFE/edit?usp=sharing
This happens from time to time and then goes away. It affects other sites as well but not consistently. Any idea why this happens?
Doug

On the Web Developer Toolbar, check whether you have this turned on:
Images > Display Image Dimensions
If that isn't it, you might need to investigate other features of your extensions.

Similar Messages

Set the height and width of a new browser window

I am trying to open a new browser window when the user clicks
on an audio. The audio will be played in the new browser window.
The only problem I have is that I cannot set the height and width
of the new browser window. I need the window to be much smaller.
How can I do this in flash?

You need to ask on a JavaScript forum. Java != JavaScript

How to resize and maintain height and width ratio IR image column

Hello, I am upgrading from 3.2 to 4.1 reports that include images in report columns. I have had good success with this except for one thing. If the height and width is fixed it distorts the photos, and if I do not have fixed dimensions the image may be too large depending on the original dimensions of the :P1_PHOTO item which is File Browse... BLOB column. I do not want to restrict users ability to upload large image files, or files with different dimensions, but I want them to display as a thumbnail size proportional to the original dimensions in the report, or maybe I need a different approach? Report region template is No Template. I appreciate any suggestions.
select decode(nvl(dbms_lob.getlength(photo),0),0,null,'<img src="'||apex_util.get_blob_file_src('P1_PHOTO',id)||'" height="75" width="75"/>') photo from table.
I tried using percent i.e.: width="10%" that does not work.
I have tried several variations of <style> in page HTML header to change column width, but the image size does not change.
<style>
td[headers="PHOTO"] {
width:75px;
</style>
<style>
#apexir_PHOTO{width: 75px;}
</style>
Thanks.

Try to go with max-width / max-height. However, if you have IE browser, hang on for pain. For some ideas, some links:
http://wordpress.mfields.org/2011/scaling-images-in-ie8-with-css-max-width/ (ignore object-fit, it is not yet supported on most browser)
http://stackoverflow.com/questions/3915219/max-width-on-img-tag-not-working-in-ie8
etc. Be sure to try out your chosen solution on the target browser(s)!
IE is just nasty :(
What i have done before is not to have my browser scale my images, especially when the images can be large(r) and you expect quite some traffic. All those extra (kilo)bytes won't help it load faster. I just added an extra column in the table, like photo_thumb, and create a scaled version of the uploaded picture when it is being inserted.
For example, i have the following process on my apex page, and i'm using wwv_flow_files.
Have some code:
IF :P3_FIND_PHOTO IS NOT NULL THEN
   DECLARE
     v_id number;
     v_small_photo blob;
     v_large_photo blob;
     v_mime_type apxt_contacts_img.mime_type%type;
     v_content_type apxt_contacts_img.content_type%type;
   BEGIN
      SELECT blob_content a, blob_content b, mime_type, content_type
      INTO v_small_photo, v_large_photo, v_mime_type, v_content_type
      FROM wwv_flow_files
      WHERE name = :P3_FIND_PHOTO;
      IF lower(v_mime_type) NOT IN ('image/jpg', 'image/jpeg') THEN
         raise_application_error(-20001, 'File for upload is not a jpg!');
      END IF;
      -- Rezise the photo so that it is proportionally 125*125
      -- ordimage is an oracle type able to manipulate all sorts of pictures
      ordimage.process(v_small_photo, 'maxScale=125 125');
      -- If contact is of type personnel, then no need to store
      -- a large photo since it wont be displayed
      IF :P3_CONTACT_TYPE_ID = 2 THEN
        v_large_photo := NULL;
      END IF;
      -- Delete previously uploaded picture
      IF :P3_ID IS NOT NULL THEN
         DELETE FROM apxt_contacts_img
          WHERE contact_id = :P3_ID;
      END IF;
      -- Insert the data into the contacts_img table as a
      -- SELECT from WWV_FLOW_FILES
      INSERT INTO apxt_contacts_img
      (contact_id,
       image_name,
       mime_type,
       content_type,
       filename,
       small_photo,
       large_photo)
      VALUES
      (:P3_ID,
       :P3_LASTNAME,
       v_mime_type,
       v_content_type,
       :P3_FIND_PHOTO,
       v_small_photo,
       v_large_photo);
      -- Remove the image from the apex wwv_flows_files table
      DELETE FROM wwv_flow_files WHERE name = :P3_FIND_PHOTO;
   END;
END IF;

Force HTML5 Video 100% Height and Width ?

So stage is 100% height and width
the video div is also a 100% height and width
However the background video had spaces to the left and right where it isn't filling the div is there away around this to force it to fit a 100% width and height always leaving no gaps?

Hi there,
You mean stretch the aspect ratio of a video element to whatever size the container is? No, the video will resize to fit in the browser while still retaining its aspect ratio - this is actually desirable in most cases.
It is possible to do what you want using the object-fit css property, but it's currently only supported in the latest versions of Chrome and Opera browsers:
http://caniuse.com/#search=object-fit
hth,
Joe

Animated Height and Width

I'm trying to write lingo, that tells a certian object, upon
the mouse leaving, to scale down by x amount. However I want it to
be animated and happen over time. But I want it to all be in Lingo,
within the cast member. I have it looking like this right now, but
this just makes it go from one size, immediately to a smaller size.
Like I said, I would like this to happen over a period of say, .5
seconds.
on mouseLeave me
sprite(2).height = 438
sprite(2).width = 292
end
I'm doing this for something like a portfolio. You can roll
over images and they get larger, but when you roll off of them,
they get smaller. I just want them to get smaller over time, and
not immediately. Any help would be great. Thanks.
~Quadpolar

Since mouseLeave only happens once it can't easily be used to
animate
something... so, you need to set up a system where the
shrinking happens
on an event that happens more often (like enterFrame)
property pShrink
on beginSprite me
pShrink=0 --set it to not shrink when it starts up
end
on mouseLeave me
pShrink=1 --start shrinking now
end
on enterFrame me
if pShrink=1 then
if sprite(2).height>400 then
sprite(2).height=sprite(2).height-2
sprite(2).width=sprite(2).width-2
else
pShrink=0 --now it will stop shrinking
end if
end if
end
This script kind of assumes that the sprite is square, since
it adjusts
the height and width evenly. Change those lines where the
width and
height are lowered by 2 to a greater number to make it go
faster or a
lower number to make it go slower (it has to be an integer,
so 1 is as
slow as it gets). Also, if the height and width are not
equal, then
adjust those same numbers accordingly. I also chose the
number 400
fairly arbitrarily.. that should be whatever height the
sprite should be
when you want it to stop shrinking.

Height and Width of project...

I'm trying to get a video set for a website and I need certain height and width, but I can't find the settings to do that. Any answers?

Thanks Tom, appreciate it. I am new to all this and I am probably way in over my head!!! But, I learn best from doing....so I'll keep trying.

Diagram Optimize Shape Size Height and Width

What determines the dimensions set by the Jdeveloper 11g menu option of Diagram.Optimize Shape Size.Height and Width while editing a Database Diagram ?
I was hoping that this option resizes the dimensions of a box that represents a table to fully display all the columns, types and keys within the limits set by Tools.Preferences.Diagrams.Database.Max Compartment Entriesand Max Shape Width.
I set
Tools.Preferences.Diagrams.Database.Max Compartment Entries = 100
Max Shape Width = 1000
However, what I observe when using this option in a Database Diagram is that the box height is resized to show the first 15 column names and an ellipsis and the box width is less than the width of many of the column name rows.
Does anyone else think this is a bug? If so, I will open an SR.

Update:
The limits set by Tools.Preferences.Diagrams.Database.Max Compartment Entries and Max Shape Width affect the default values for subsequently created shapes and not existing shapes.
However, a Service Request has confirmed that changing the value for Max Compartment Entries has no effect. This behavior has been filed as a bug that will hopefully be fixed in the next release of Jdeveloper 11g.

Can I turn off the setting that displays the height and width in a little black box when using the marquee tool?

In Photoshop CC, on a mac...
When using the marquee selection tool, a little black box pops up next to the curser and displays in real time, the height and width of the selection. The same annoying box also appears when dragging an item with the move tool, displaying the numerical location of the cursor. Is there anyway to turn off the display of that little black box? It is driving me bonkers.

Under the preferences cmd/ctrl-k click on "Interface". At the bottom of the UI is a drop down box for show transformation. Set that to "Never"

How to change the height and width of a control?

Dear all,
is there anyway to change the height and width of a control?
In the property nodes, i am just able to read the bound values but cudnt write to it.
How can i set the bound values for a control?
Thanks,
Ritesh

Not all controls can be sized this way. For example to change the vertical size of a simple numeric, you would need to change the font size.
LabVIEW Champion . Do more with less code and in less time .

How to determine height and width of a JScrollPane client

Hi,
I wish to display a webpage in a JScrollPane and wish to determine the height and width of the HTML content so that I can use the information to generate PDF and control the content on each page. Can anybody let me know how I can do this?
Thanks in advance
Prashant Baj

JEditorPane and getSize()?

How to create instant quote tool for website? Customer enters height and width and price is calculated.

I am trying to create a instant quote tool for my site.. so customer type in there height and width and a price appears but I have no clue where to start.. is there any tutorial or would someone kindly give me some advice on how to do this on dreamweaver. I havent used Dreamweaver in years and I cant even remember anything now
Kind Regards

Well this is what I have soo far.. so I want to enter the height /width then if they want to add extras such as fixing options and cut out it will add to the product price ????
<!doctype html>
<html>
<head>
<div class="summary entry-summary">
        <h1 itemprop="name" class="product_title entry-title">Ral 1000</h1><div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <meta itemprop="price" content="160" />
    <meta itemprop="priceCurrency" content="GBP" />
    <link itemprop="availability" href="http://schema.org/InStock" />
</div><div itemprop="description">
    <script src="https://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<script type="text/javascript">gapi.plusone.go();</script>
<p>6mm, low iron, toughened glass, PAR
</div>
<div class="shortcode-google-plusone"><div class="g-plusone" data-size="standard" data-annotation="none"></div></div>
</p>
</div>
<form class="cart" method="post" enctype='multipart/form-data'>
        <table id="price_calculator" class="simple_price_calculator">
        <tr>
        <td style="text-align:right;">
          </td>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#width').keyup(function() {
var height = $('#height').val();
var width = $('#width').val();
var price = (height * width / 1000000 * 325).toFixed(2);;
$('.price').html('Product price: £' + price);
</script>
</head>
<body>
<p><label for="height">Height (mm)</label>
<input type="text" name="height" id="height">
</p>
<p>
<label for="width">Width (mm)</label>
<input type="text" name="width" id="width">
</p>
<p>
</p>
</body>
</html>
    </tr>
</table>
<div class=" product-addon product-addon-add-fixing-option">
            <h3 class="addon-name">Add Fixing Option </h3>
    <p class="form-row form-row-wide addon-wrap-1738-add-fixing-option">
    <select class="addon addon-select" name="addon-1738-add-fixing-option">
                    <option value="">Select an option...</option>
                    <option data-price="5" value="silicone-adhesive-tube" >Silicone Adhesive Tube (<span class="amount">£0.00</span>)</option>
                    <option data-price="5" value="screws-and-drill-holes" >Screws and Drill Holes (<span class="amount">£6.00</span>)</option>
    </select>
</p>
    <div class="clear"></div>
</div><div class=" product-addon product-addon-add-extra-layer-multi-coloured-fine-glitter">
            <h3 class="addon-name">Add Cut Out and Notches </h3>
    <p class="form-row form-row-wide addon-wrap-1738-add-extra-layer-multi-coloured-fine-glitter">
    <select class="addon addon-select" name="addon-1738-add-extra-layer-multi-coloured-fine-glitter">
                    <option value="">Select an option...</option>
                    <option data-price="8" value="1" >1 (<span class="amount">£25.00</span>)</option>
                    <option data-price="15" value="2" >2 (<span class="amount">£50.00</span>)</option>
                    <option data-price="25" value="3" >3 (<span class="amount">£75.00</span>)</option>
                    <option data-price="25" value="4" > (<span class="amount">£100.00</span>)</option>
    </select>
</p>
</p><p class="price">Product Price: £</p>
    <div class="clear"></div>
</div><div id="product-addons-total" data-type="simple" data-price="160"></div>
        <input type="hidden" name="add-to-cart" value="1738" />
        <button type="submit" class="single_add_to_cart_button button alt">Add to cart</button>
            </form>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>

Dynamically size movieclip to fit text's string height and width

Hello,
I am trying to dynamically size a movieclip to fit the size of a text's string height and width (This text is inside the movieclip)
here is my code so far..
var Font1_ = new Font1();
var Format2:TextFormat = new TextFormat();
Format2.size = 36;
Format2.align = TextFormatAlign.CENTER;
Format2.font = Font1_.fontName;
var MessageBox:MovieClip = new MessageBoxMC();
MessageBox.Text1.defaultTextFormat = Format2;
MessageBox.Text1.embedFonts = true;
MessageBox.Text1.antiAliasType = AntiAliasType.ADVANCED;
MessageBox.Text1.wordWrap = true;
MessageBox.Text1.width = 800;
MessageBox.Text1.height = 400;
MessageBox.Text1.textColor = 0xFFFFFF;
MessageBox.Text1.cacheAsBitmap = true;
MessageBox.Text1.mouseEnabled = false;
MessageBox.Text1.text = String("Use the Arrow Buttons to move");
MessageBox.width = MessageBox.Text1.width;
MessageBox.height = MessageBox.Text1.height;
MessageBox.x = 400;
MessageBox.y = 200;
addChild(MessageBox);
this isn't working for me.. anyone know the best way to do this?
I also want the text to be centered in the movieclip, with a border of around 2-4 pixels
I am also not sure if i should be using text.length? any advice and input is greatly welcomed.
thanks in advance!

Essentially, you need to check for a change in .textWidth or .textHeight, which are different from .width and .height.
This code works for me (assumes a background box called bg and a foreground text instance fg inside a moveclip and an X and Y bounds offset variable to say how far away you want the box from the text and a textFrameNudge to provide a tweak value).
     // Resize background box
     thisBox.bg.x = thisBox.fg.x - boundsOffsetX + textFrameNudge; // I'm using .4 as the tweak value for textFrameNudge
     thisBox.bg.y = thisBox.fg.y - boundsOffsetY;
     thisBox.bg.width = thisBox.fg.textWidth + boundsOffsetX*2 +textFrameNudge*thisBox.fg.getTextFormat().size;
     thisBox.bg.height = thisBox.fg.textHeight + boundsOffsetY*2;

Popup window height and width is not as expected

Hi I am using this peace of code to create a popup. But this popup is not created with
the specified height and width. It is created with a default size. Please tell me how to
rectify the problem?
data:
    l_api_main            type ref to if_wd_view_controller,
    l_cmp_api             type ref to if_wd_component,
    l_window_manager      type ref to if_wd_window_manager,
    l_popup               type ref to if_wd_window.
l_api_main = wd_this->wd_get_api( ).
l_cmp_api = wd_comp_controller->wd_get_api( ).
data: l_i_question type STRING_TABLE,
        l_wa_question type string.
l_wa_question = 'Issue no. xxxxxxxxxxx created succcessfully. '.
append l_wa_question to l_i_question.
l_window_manager = l_cmp_api->get_window_manager( ).
l_popup = l_window_manager->create_popup_to_confirm(
              text                   = l_i_question
              button_kind            = '1'
              message_type           = '1'
             close_button           =
              window_title           = 'Information'
              window_width           = '500'
              window_height          = '500'
l_popup->open( ).

Hi Mainak,
have a look to Thread:
Popup Sizing
As you can see there is not yet a way to set the Popup size.
You have to find the good combination of fields and length in order to get a nice UI.
The WDA engine try to set the best size, help it...
Sergio

Increaseing the height and width of textfield and password fields

Dear friends in apex 4.1 when we create a application it automatically creates a login page
with username and password field in it
So my question is can i increase the height and width of the username and password field in that login page
If it is possible please help.
and also i cannot find the html tag like <input type=text............>
Where to find it?

Hi,
You can easily achieve this using css
<style>
input.myclass
height:100px;
width:100px;
</style>
<input type="test" class="myclass" size="10">So in APEX you have to edit the textfield > HTML Form Eelement Attributes > put class="myclass"
Thanks

How to resize the calendar height and width

Hi,
how to re size the calendar height and width...
Ie i need to fix this calendar region 7 cross 4 format in my page
Regards,
Pavan

If the text exceeds the container, which can happen in a scrollable container where you have to scroll to see some of the text, then the values getContentBounds returns are estimated values. This is because we don't want to force the text to recompose all the way to the end of a very long TextFlow in order to return a value. However, if you want to get the exact amount, and don't mind taking the time to recompose, call textFlow.flowComposer.composeToPosition(), before calling getContentBounds. This forces all the text to recompose to the end, and then getContentBounds will return the fully calculated value instead of estimating.

Height and width bug takes over browser

Similar Messages

Maybe you are looking for