White space/margin around images in onClick popup windows

Hi. I'm using a JavaScript function that comes with
dreamweaver so what when users click on thumbnail images, a larger
window pops up with the image. Here's the function:
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
//-->
</script>
Here's an example of how I'm using it in the code:
<a href="javascript:;"><img
src="dr_chm_allrgt_200x281.jpg" width="200" height="281" border="0"
onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
/></a>
This works great, except for one thing: the image doesn't
appear in the very top left-hand corner of the pop-up window --
there's some white space around it, and the right and bottom edges
of the image are cut off, because they don't fit in the pop-up
window. I'm wondering, is there some way around this problem,
that's less messy than changing the width and height that I'm
passing to the function every time?
Thanks

You are opening an image directly in the browser -
MM_openBrWindow('dr_chm_allrgt_400x300.jpg'
In that case, you have no control over how the browser
displays the image.
To get control, you would have to open an HTML page that
contains the image
instead of opening the image directly.
There are extensions that will do this for you on the fly -
the one I use is
JustSo Picture Window from
http://www.valleywebdesigns.com
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"outmatch1" <[email protected]> wrote in
message
news:f4j86l$s1o$[email protected]..
> Hi. I'm using a JavaScript function that comes with
dreamweaver so what
> when
> users click on thumbnail images, a larger window pops up
with the image.
> Here's
> the function:
> <script type="text/javascript">
> <!--
> function MM_openBrWindow(theURL,winName,features) {
//v2.0
> window.open(theURL,winName,features);
> }
> //-->
> </script>
>
> Here's an example of how I'm using it in the code:
>
> <a href="javascript:;"><img
src="dr_chm_allrgt_200x281.jpg" width="200"
> height="281" border="0"
>
onclick="MM_openBrWindow('dr_chm_allrgt_400x300.jpg','','width=300,height=400')"
> /></a>
>
> This works great, except for one thing: the image
doesn't appear in the
> very
> top left-hand corner of the pop-up window -- there's
some white space
> around
> it, and the right and bottom edges of the image are cut
off, because they
> don't
> fit in the pop-up window. I'm wondering, is there some
way around this
> problem,
> that's less messy than changing the width and height
that I'm passing to
> the
> function every time?
>
> Thanks
>
>

Similar Messages

  • Getting surrounding white space off an image

    How do you get rid of white space behind an image in Pages?  I've done it before where you just click and it basically disintegrates to the image but can't remember how I did it?!?!?  Need to put images in Keynote on a black background and can't have the white around the image.

    Perhaps you used Format > Instant Alpha to remove the white
    Jerry

  • Remove extra white space from an image

    I want to remove the extra white space in my image while writing it into a jpeg file using JPEGImageEncoder.
    Any help is welcome .

    ok.. Am having a JPanel whose width is set to 77000. But almost 60% of right hand side of the Panel is empty. I will create a BufferedImage from this component and then write it into a file using JPEGImageEncoder.
    The empty portion of the panel is coming as a white space in the image.
    Now how to remove this ? Was that clear enough ?

  • Why are there white spaces between my images when I preview my html design on a web browser?

    I am creating an email newsletter with Dreamweaver CC and after being unable to find a way to use layers I opted to create the entire image in Photoshop and then break it into pieces to create the image links.  I'm using tables and I have the padding and everything set to "0", but when I view it in the browser there are white spaces between each image. It looks solid in Dreamweaver, but in pieces on web browsers.  I do not understand how or why this happened and I cannot figure out how to fix it.  If anyone can help, I'd greatly appreciate it.  Thanks.

    I only used Photoshop for the layout.  Then I created web-safe images for everything that I used for Dreamweaver.  I uploaded the images to the internet and then image sourced them into the code so that they will be viewed properly in the correct circumstances.  I haven't used HTML since about 2004 and I wasn't very good then.  I've just been thrown back into it and I'm pretty much learning as I go.  This is my second attempt because I wanted to make the newsletter more eye-catching.  My first one is very basic and without a background image at all and that looks fine in pretty much all email clients.  I tested it with Litmus.  All except for Windows Live Mail, where the images didn't act as links but as static images.  It works fine with the others I tested manually.  Those being Gmail, Yahoo and AOL.  I will try the display:block and get back to you.  Thanks for your suggestions.

  • Images in a popup window

    Hi,
    I have some difficulty displaying images in a popup window. The (Tomcat 5.5) server apparently sends them with a content type of utf-8 text, which leads to an exception page shown in the popup window instead of the picture.
    In web.xml I checked the mime-mapping for the images:
         <mime-mapping>
              <extension>jpg</extension>
              <mime-type>image/jpeg</mime-type>
         </mime-mapping>
    etc.
    The html part is this:
    <a href="# onclick="window.open('${image.path', '',
    'status=no,width=${image.width},height=${image.height}');">Show Picture</a>
    How can I get the server to send the images with the proper Content-types? Do I necessarily have to create a separate JSP page for this purpose?
    Thanks,
    Laszlo Borsos

    Thanks for that !
    Sadly (probably due to my HTML knowledge or lack of) I'm not
    getting very far at all. I've added some skeleton classes to
    default.css simply to see if anything changes and it's not :-(. Can
    anyone advise what I might be doing wrong here ? - the final goal
    is to have normal hyperlinks exactly as they are just now but with
    popup links to have a dotted underline instead of a solid
    underline.
    A.link {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    A.visited {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    A.hover {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    A.popup.link {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    border-bottom: 1px dotted
    A.popup.visited{
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    border-bottom: 1px dotted
    A.popup.hover{
    font-size: 10pt;
    font-family: Arial, sans-serif;
    line-height: Normal;
    border-bottom: 1px dotted
    }

  • Getting rid of extra white space/margins on the left & right

    Hi. I have two problems.
    1.) When I create a Muse template at 1024 px wide, the document creates extra margins of about 150-200 pixels on the left and right. No matter what I do, I cannot get rid of this. I have set margins to "0" as well. I need the website I created to be at 100% width, no white space around.
    2.) My images are not importing correctly. When I place an image, for example, my home page background image, which is sized at 1024 px wide - the same as the document width, it does not import at that size. Images are coming in about half the size, even though I'm positive the images are sized correctly, as I designed it in photoshop to the exact dimensions that I wanted.
    Any help would be greatly appreciated!

    1.) Muse does not generate responsive layout, so when you create a Muse template at 1024 px wide (assuming center aligned in browser), you end up with page 1024px wide and showing some space on either side to show you how the browser screen beyond 1024px would look like (in case the browser screen is wider than 1024px. That is not part of the actual page width. You can customize that using the Browser Fill option in the Control Strip.
    2.) It appears that you have Resolution set to HiDPI (2x) in File > Site Properties > Content tab. This would actually use the original size of the images on Retina displays and half the size in both dimensions on normal displays.
    Hope that helps.
    Cheers,
    Vikas

  • How to remove white space between sliced images ? Please help.

    I've created a site by exporting sliced images from Photoshop into Dreamweaver. Some images have a thin white line between them that I can't get rid of. I think it's because they are in a table format. There is no cell padding. Can you help me remove them? (see code below) The images I'm talking about are the horizontal buttons used in the navigation bar. Thank you in advance!
    Here is a link to the site: Site Preview
    --------------CODE---------------
    <table width="1001" height="751" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <tr>
          <td colspan="17">
            <img src="../Images/Optimized-Header.gif" width="1002" height="188" alt="logo header"></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="194" alt=""></td>
          </tr>
        <tr>
          <td rowspan="2">
            <img src="../images/white-space-top-left.gif" width="44" height="45" alt=""></td>
          <td colspan="16">
            <img src="../images/Creekside-Layout-Final_03.gif" width="956" height="1" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
          </tr>
        <tr>
          <td colspan="3"><a href="../creekside_homepage.html"><img src="../images/about-btn1.gif" width="157" height="44" alt="about"></a></td>
          <td colspan="3"><a href="../steam_and_sauna_page.html"><img src="../images/steam-and-sauna-btn2.gif" width="233" height="44" alt="steam and sauna"></a></td>
          <td colspan="3"><a href="../creekside_hot_tubs_page.html"><img src="../images/hot-tubs-btn3.gif" width="162" height="44" alt="hot tubs"></a></td>
          <td colspan="3"><a href="../creekside_rentals_page2.html"><img src="../images/rentnals-btn4.gif" width="151" height="44" alt="rentals"></a></td>
          <td colspan="3"><a href="../creekside_contact_page.html"><img src="../images/contact-us-btn.gif" width="211" height="44" alt="contact us"></a></td>
          <td>
            <img src="../images/white-space-top-right.gif" width="42" height="44" alt=""></td>
          <td>
            <img src="../images/spacer.gif" width="1" height="44" alt=""></td>
          </tr>
        <tr>

    Your slices appear to be a little bit off. 
    Use Photoshop for images only.  Use DW to build your web pages.  Exporting HTML from graphics apps is not going to produce good cross-browser results.  It's really only for quick prototypes; not real web sites.
    See this 3 part tutorial:
    Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
    Part 1 - Initial Design
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
    Part 2 - Markup preparation
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
    Part 3 - Layout and CSS
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • Less white space for Insert image

    Eliminate some vertical white space on the Insert Image window.
    Sometimes this large window runs off the bottom of my browser window.  I have to scroll down past all the vertical white spce to click on the insert image button.

    if all you need is have mapviewer render the style and place it next to your theme control, you can probablly just issue a regular map request with only 1 feature and specify the style to be used on that feature. For instance, if you just want to show the M.STAR marker style, you can issue a request containing only the center point and specify the render style for the center point as M.STAR. you can also specify the exact width/height you want for the final 'map'. Yes if you issue a legend-only request mapviwer adds white space to it and ignores the width/height attributes.
    finally, we will add your last two items into our wish list. thanks.

  • An unwanted white border appears around image after dragging it to the document. Why? How to get rid of border?

    Thanks.
    Bob

    The primary image that I'm concerned with is a jpg file, 74kb, 642x402. Also used same image at 53kb, 400x249.
    Here's some good info.
    I tried using same image on an old Pages document I made last yr - No border.  And - I used an image from the old flyer and put it on the current flyer and - got a Border.
    A difference: the flyer I used last yr was a blank document - no template. The current flyer I'm working on is one I chose from the templates with the tear-offs at the bottom for name and phone number.
    Is there something intrinsic with this template that creates a border around images?
    How do I do a screensnap? If you still need.
    Thanks again.
    Bob

  • White space between images

    I have 5 rollover images lined up beside each other in a
    table cell. I have reduced their borders to 0, the cell padding and
    cell spacing to 0 also. I even tried reducing the images padding
    and margin to 0. However, there is still a really thin line between
    each of the images that i want to get rid of (it's as if the images
    all have a small white border around them, but I've reduced their
    borders to 0).
    Here is what the code looks like:
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="53">
    <div id="box">
    <p align="right"><img src="banner.jpg"
    name="banner" width="536" height="101" border="0" id="banner" />
    <a href="#" onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('home','','Buttons/homebtnover.jpg',1)"><img
    src="Buttons/homebtnup.jpg" name="home" width="107" height="36"
    border="0" id="home" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('theteam','','Buttons/theteambtnover.jpg',1)"><img
    src="Buttons/theteambtnup.jpg" name="theteam" width="107"
    height="36" border="0" id="theteam" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('schedule','','Buttons/schedulebtnover.jpg',1)"><img
    src="Buttons/schedulebtnup.jpg" name="schedule" width="107"
    height="36" border="0" id="schedule" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('gallery','','Buttons/gallerybtnover.jpg',1)"><img
    src="Buttons/gallerybtnup.jpg" name="gallery" width="107"
    height="36" border="0" id="gallery" /></a><a href="#"
    onmouseout="MM_swapImgRestore()"
    onmouseover="MM_swapImage('contact','','Buttons/contactbtnover.jpg',1)"><img
    src="Buttons/contactbtnup.jpg" name="contact" width="108"
    height="36" border="0" id="contact" /></a></p>
    </div> </td>

    .oO(Twinbird24)
    >It still doesn't work. I've even tried to just make a new
    document and just
    >place the rollover images beside each other in a row
    (horizontally). However,
    >even with the image's borders, padding, and margin set to
    0, there still seems
    >to be a really small space between the images.
    >
    > Here is a link to the rollover images, as you can see,
    there is that small
    >white space between the images:
    >
    http://www.arkdesigns.ca/untitled.html
    The gap I see is in the images themselves - the outermost
    right and
    bottom pixels are faded. There's no other gap between the
    images in
    Opera and IE 6.
    Micha

  • White line around image

    Hi everyone,
    I keep getting a white line appear around images I save in
    Photoshop and then insert into Dreamweaver. It happens when I also
    save text with a transparent background. The text has a very faint
    white line around it. Why is this?

    Where are you seeing this, in PS? or DW design view or in a
    browser?
    When you insert your pics in an HTML page with 0 border, do
    you still see
    the border?
    This is not a graphics forum. Adobe has a PS forum at
    http://www.adobeforums.com/cgi-bin/webx?14@@.3bbf2764
    "dollecom" <[email protected]> wrote in
    message
    news:e5f6cq$fb7$[email protected]..
    > Hi everyone,
    >
    > I keep getting a white line appear around images I save
    in Photoshop. It
    > happens when I also save text with a transparent
    background. The text has
    > a
    > very faint white line around it. Why is this?
    >

  • Conditional Build Tab for image leaves extra white space

    I've applied the "Print" Conditional Build Tag to an image in
    my online help. When I generate the help and view it in the
    browser, extra white space is inserted between the steps. For
    example, instead of the steps being:
    1.
    2.
    3. etc.
    They now look like this:
    1.
    2.
    3. etc.
    Why is there extra white space where the image used to be?
    Thanks in advance for your help. Using RoboHelp7 -- WebHelp.
    Bill

    Probably there is a paragraph break or a space that you can't
    see but is not enclosed in the conditional tag.
    Check the html code immediately before and after the tag.
    Harvey

  • How do i either colorize, or remove, the white spaces?

    This is my first web site design and I am using the CSS style twoColLiqRtHdr. I have changed the background color to every division but a white space remains around and below my left hand / main content column. I presume this has to do with the 'liquid' element of the style - and I even figured out how to fix the problem below my RH column but I am at an impass regarding the left side....

    Nancy - thanks for getting back to me. I am in flux as my domain name is in the process of being transferred, as we speak, and therefore I cannot provide a URL at this time. My background color is solid, and is the same, for every division.I assumed that there was some simple, standard way to 'stretch' the left column so it snugged up to everything else which I just was not seeing... AS you may have guessed from my e-mail address I am a photographer by trade - not a web master!  I will take a look at the demo that you provided the link to.  Maine-ah
    Date: Fri, 15 Jan 2010 14:36:49 -0700
    From: [email protected]
    To: [email protected]
    Subject: How do i either colorize, or remove, the white spaces?
    For best results in this forum, please provide us with a URL to your test site so we can see what you see. The answers are in your CSS and HTML code.
    Based on what little info you've provided, I'm guessing you're grappling with how to achieve equal height columns with CSS.
    DEMO of  2-col CSS layout
    http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
    If you add a 2-toned, repeating background image to your #wrapper, you can create the illusion of equal height columns. This technique is called Faux Columns.
    *DEMO of Faux Columns -
    http://alt-web.com/TEMPLATES/2-column-fixed-width-template.shtml
    Hope this helps.  If it doesn't, please post back with a link to your page.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://www.alt-web.com/
    http://www.twitter.com/altweb
    http://www.alt-web.blogspot.com/
    >

  • Placed Illustrator PDF has extra white space

    Illustrator  artwork saved as PDF, and placed on an InDesign page comes in with extra white space of around 1 1/3 mm on all 
    sides. I can't figure out what this unwanted white space is or how  to avoid it. Can someone please tell me how to avoid the  extra white space.

    in which case - i can only apologise for the incorrect advice.
    I've never had any problems with eps files - providing that the artwork is tidy.
    And I've found loads of problems printing a placed pdf through a digital rip.
    I'll leave it down to trial and error... and wish the best of luck.
    cheers
    re

  • Firefox foes not open links in a popup window using "window.open(this.href..."

    When clicking on a thumbnail image it's supposed to open the same image in a popup window. (i.e. a bigger version of the same image). Firefox displays in the popup box "Not Found
    The requested URL /undefined was not found on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.'' ''However this does work on other browsers? An ideas why this happens? Example [http://motorpride.co.za/inventory.html ]. Click on any car image in the list

    You're welcome
    Middle-clicking work for links on web pages, but also for many menu entries that open a page in the current tab and some toolbar buttons like the Home page and location bar and search bar Go buttons.

Maybe you are looking for

  • Here's How I Finally Got Muse CC to install on my Windows 7 Pro 64bit machine! Weeee!

    Hey all! Good news! Just had to share how I finally broke through to the other side with a mixture of suggestions from the adobe community. 1. I deleted my previous Adobe AIR version in C:/Programs (x86)/Common Files/Adobe AIR files (just pitched ver

  • BPC NW - Action pane not appearing in excel client

    Dears, I am working with excel (2003 SP3) BPC 7 NW client on my laptop, remotely connected to a WDF server (windows vista). I just cannot activate the BPC action pane from the etools menu. I have already tried under .xls , xlt and .xltm formats. It s

  • Customer Loyalty Rewards?

    Has anyone been with Verizon since 1992 without lapse in service?  I have been and to this date I seem to be still be treated like any person off the street.  It's funny just going way back I had an analog phone just after the "Brick" to the flip pho

  • Primary Keys

    Hello: I am brand new to Apex 3.1 and I am trying to figure out how to designate primary keys when building a master-detail form. It looks like I can only use 2 attributes for a primary key, is that correct? If so, I have many tables with more than 2

  • Where can I find a current download of alchemy?

    I have a X-fi Titanium HD and there are no downloads in the support section. I tried looking on the pages for the other models and for some reason Creative ALchemy 1.43.27 is restricted to certain models. It pretty much works with every model except