White Line Under Images

Hello,
I'm creating a mobile site using Dreamweaver and for some reason any image I place in my document has a white line under it.  I already have my IMG tag set to border: 0 so I have no idea why it's happening.  I have even tried removing all css and just placing a singe image in a bare html file and it still happens with any image I place in any directory.  I also tested it in multiple browsers.  I've never had this happen before and it seems very strange. 
An example can be seen here: http://mobile.sageinsuranceservicing.com/index2.html.  The border appears under the main image on the page and seems to be about 2 or 3 pixels. 
Thank you for any suggestions!

That's probably the browser default inline text descender padding for the html5 doctype.
Add display:block to your image css...
img {
     display:block;
     border:0;

Similar Messages

  • What is this white line under my preview window?

    I accidentally hit T while editing and suddenly there were 2 preview windows in my preview window. I hit T again and it went back to 1 but now there's a white line under my preview screen. What is it? And did it do something to my image? How do I remove it? And what does T do in adobe premiere? And what were those 2 preview images in my preview window?
    Here's a picture:
    WHITE LINE:
    http://i.imgur.com/g9o9dDj.png
    2 PREVIEW IMAGES:
    http://i.imgur.com/nr1Akqe.png
    Please help me, I've worked too hard on this project to have it be ruined now.

    Dont think you have to worry about the white line. I think the program monitor is not updating correctly. Resizing the window should fix that.
    T is for Trimwindow.
    Half way down video tutorial on dynamic trimming.
    Adobe Premiere Pro Help | Trimming clips

  • White spaces under images...

    Ok... I am still working on my site, have loaded the browsers
    and am having a browser issue which I can't seem to figure out. I
    have the page on a test site at
    http://www.babybumps.net/testsite/index2.shtml
    The problem is that in Safari and Mozilla there is a small
    white line under each of my images that have a "editable region"
    tag on them. I can't seem to figure out what I should be doing to
    correct the issue. Any suggestions? The code is attached.
    Also, does anyone see any other issues that I may not be
    noticing? I want to make sure that the code on this page is really
    tight and clean before I move on as it is the basis for the
    majority of the site.
    Thanks so much for all of your help. I have been struggling
    to muddle through and learn CSS and SSI with a book and the
    internet over the couple of months. I'm hoping that my questions
    don't make me seem like to much of an amateur. ;)

    > Any other suggestions?
    Why don't you try and comment on the suggestions you have
    already been
    given? Is there something about them you don't understand?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "ArtsyAndi" <[email protected]> wrote in
    message
    news:fvdanc$5gs$[email protected]..
    >I will do some research on that.
    >
    > Any other suggestions? Any advice is appreciated. Is
    what I am doing good?
    > bad? totally the wrong way to go about it? on the right
    track?
    >
    > Feelings will not be hurt as long as comments are
    productive. :)
    >

  • Help!!  White line around image with placed in Illustrator from Photoshop, possible CMYK issue?

    I have a CMYK file, outlined product, that looks perfect in Photoshop.  When I place the image into Illustrator, it shows up with a thin white line around parts of the product (fyi - it shows up on a print as well). I have tried to place an RGB file and it does not have the white line around the product.    I assume it has something to do with it being CMYK, but I'm at a loss on how to fix this.  I'm desperate for any help.

    Okay, please refer this image and change the option within Ai General preferences. Uncheck the option Anti-Aliased artwork.

  • 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?
    >

  • DW8-Fine white line around images

    DW8 - On some of my images there is a very fine white line
    around the edge when the site is previewed in the browser. The site
    has an almost-black background color (181714), and I use the same
    color in making the image backgrounds (in Photoshop CS), for
    example roll-over images. How do I get rid of this?

    You wouldn't set this in the Property inspector, you'd set it
    in the CSS,
    and the only time you need it would be when the image is
    within a link:
    a img { border:none; }
    Also, you wouldn't expect this effect to produce a white
    border - it would
    be a blue one (by default).
    I'm guessing the fine white line is part of the image (it's
    easy to
    undercrop when the canvas is white).
    > I've noticed
    > that in tables, having nothing there is "bigger" than
    specifying a zero.
    If you have nothing there, you will get the default value for
    the all of the
    table attributes, which is often (but not always) not zero.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Damaeus" <[email protected]> wrote in
    message
    news:[email protected]..
    > Reading from news:macromedia.dreamweaver,
    > "Fugasi" <[email protected]> posted:
    >
    >> DW8 - On some of my images there is a very fine
    white line around the
    >> edge when
    >> the site is previewed in the browser. The site has
    an almost-black
    >> background
    >> color (181714), and I use the same color in making
    the image backgrounds
    >> (in
    >> Photoshop CS), for example roll-over images. How do
    I get rid of this?
    >
    > Check to make sure that your image border is zero in the
    Properties
    > Inspector in Dreamweaver for the specific image in
    question. I've noticed
    > that in tables, having nothing there is "bigger" than
    specifying a zero.
    > I
    > don't think I get a white border around images with
    nothing in the image
    > border width setting, but see if that works?
    >
    > Damaeus

  • Thin white line around image

    Using CS3 with Vista.  I have a postcard that has a background image on the bottom layer, another (overlapping) image in the next layer, and type on the top layer.  The image on the middle layer is showing very minor white edges (stitching (?) I guess) around parts of it.  It also printed with this same slight, white jagged edge.  This middle image has an effective resolution of 300 ppi.  I read in Knowledgebase about turning off anti-aliasing but when I do it still shows this white edge on screen and the type seems to marginally get slightly jagged.  It was so minor that the client was fine with it but I am curious as to what was causing it and if it's something I can remedy in the future.
    Any thoughts would be appreciated. Thanks.
    Gordon

    Gordon has sent me his original files, and there are a couple of issues.
    The first is with the background image, a 400 x 400 pixel jpeg that's been stretched to fit the rectangular sahpe, and then made 50% opaque. The effective resolution is 97 x 60 ppi, which as a ghosted background is probably marginally usable, particularly if printed on digital equipment, but is hardly optimal. I'd personally do the opacity reduction in Photoshop and save a new flattened version as a .psd for use in a background because it reduces the complexity of the file, but there's no rule that says one must do things that way. I simply prefer to use transparency only when it is required to achieve the effect.
    The larger issue is with the middle image, which is a transparent .gif of a glass with a margarita. This is 1238 x 1667 pixels and has an effective resolution of 349 ppi, more than adequate for print, but it looks to me as if it was up-sampled at some point from a web image (not unlikely since it's a .gif) as the image is made of obvious square blocks that look like the original index color pixels -- a classic example of why you can't simply take a small image and upsample for print. Around the stem of the glass are a large number of white pixels left behind when the image was removed from its original background, which are showing as the faint white lines he described. These pixels could be removed using a detect edges clipping path in ID, but doing so leaves a very jagged edge. A drawn path in Photoshop is much cleaner, but the pixels in the rest of the image are still readily apparent and the image probably isn't really worth the effort to repair if a better quality can be found to begin with.

  • White line under graphic

    I have a sidebar <div> with a series of links and above the links I created another nested inside the sidebare. The graphic I am placing is a title for the links below but after I place the graphic I have a small white space beneath the the graphic which looks line. I dont know what is causing this, I made the graphics the same dimension as the graphic. I would provide the HTML code but I am not sure how to copy and paste it here. Thanks
    Dan

    The white line appears in both live view and preview in browser. I made the changes and I still have the white line. I have attached the revised html & css code. Thanks
    Dan
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>chemtechpe</title>
    <style type="text/css">
    body {
    background-image: url(Images/Chemtech%20Logo%20background.jpg);
    background-repeat: repeat;
    margin-left: 5px;
    margin-right: 5px;
    background-attachment: fixed;
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #00F;
    padding-left: 15px;
    </style>
    <link href="CSS/chemtech.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
      <div id="logo_header"><img src="Images/header.jpg" width="960" height="128" alt="header logo" /></div>
      <div id="sidebar_menu">
        <div id="sidebar_heading1" style="background-color:#0474CA"></div>
        <ul>
          <li><a href="#">PUMPS</a></li>
          <li><a href="#">TANKS</a></li>
          <li><a href="#">MIXERS</a></li>
          <li><a href="#">FILTERS</a></li>
          <li><a href="#">VALVES &amp; FITTINGS</a></li>
          <li><a href="#">HOSE, FITTINGS &amp; GASKETS</a></li>
          <li><a href="#">HEATERS</a></li>
          <li><a href="#">LEVEL SENSORS</a></li>
          <li><a href="#">FLOW SENSORS</a></li>
          <li><a href="#">pH &amp; ORP PROBES</a></li>
          <li><a href="#">PROCESS CONTROLLERS</a></li>
          <li><a href="#">VFD's &amp; POWER MONITORS</a></li>
        </ul>
      </div>
      <!--end sidebare menu-->
      <div id="water_drop_graphic"><img src="Images/water drop graphic.jpg" width="760" height="256" alt="water drop" /></div>
      <div id="center_column">
        <h1>Welcome to Chemtech Process Equipment’s website.</h1>
        <p>Chemtech Process Equipment (CPE) provides fluid handling equipment for a variety of industrial markets which includes high purity and corrosive fluid applications.  CPE also offers engineered turnkey systems to include tranfer sumps, rainwater reclamation (LEEDS), deionized water generation  and wastewater treatment systems.<br />
        </p>
        <p>Typical markets serviced includes Bio-Technology, Metal Working, Metal Finishing, Pharmaceutical, Micro-electronics, Food &amp; Beverage, Educational, Institutional and General Manufacturing Industries. </p>
        <p> CPE’s products include Pumps, Tanks, Mixers, Immersion Heaters, Filters, Process Controls, Plastic Pipe, Valves &amp; Fittings, Sanitary Hose &amp; Gaskets, Evaporators, pH Neutralization Systems, UL Approved Control Panels, Chemical Feed Skids, Vacuum Distillation Units, MagneticSeparators, Coolant Filtration Systems as well as other products.</p>
        <p></p>
      </div>
      <div id="product_column1">
        <p>Air-Diaphragm Pumps</p>
        <p>Centrifugal Pumps</p>
        <p>Drum Pumps</p>
        <p>Gear Pumps</p>
        <p>Hose Pumps</p>
        <p>Mag-Drive Pumps</p>
        <p> </p>
      </div>
      <div id="product_column2">Content for  id "product_column2" Goes Here</div>
      <div id="product_column3">Content for  id "product_column3" Goes Here</div>
      <div id="product_column4">Content for  id "product_column4" Goes Here</div>
    </div>
    </body>
    </html>
    @charset "utf-8";
    /* CSS Document */
    #container {
    width: 960px;
    background-color: #FFF;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    #sidebar_menu {
    float: left;
    height: 1000px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    background-color: #0474CA;
    #product_column1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #666;
    float: left;
    width: 190px;
    line-height: 5px;
    #product_column2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999;
    float: left;
    width: 190px;
    #product_column3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999;
    float: left;
    width: 190px;
    #product_column4 {
    float: left;
    width: 190px;
    #sidebar_menu ul{
    margin: 0;
    padding: 0;
    #sidebar_menu li{
    list-style: none;
    margin: 0;
    padding: 0;
    #sidebar_menu a{
    text-decoration:: none;
    display: block;
    background-color: #0474CA;
    color: #fff;
    padding: 4px 4px 4px 8px;
    border-bottom-color: #fff;
    #sidebar_menu a:hover{
    background-color: #7BBAE6;
    #water_drop_graphic {
    float:left;
    width: 760px;
    #center_column {
    float: left;
    width: 760px;
    #center_column p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 15px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 10px;
    #container #product_column1 p {
    padding-left: 10px;
    body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    #sidebar_heading1 {
    font-weight: bold;
    width: 200px;
    height: 23px;
    overflow: hidden;
    background-image: url(../Images/Components.jpg);
    float: left;
    background-color: #0474CA;

  • White lines above images

    I'm trying to use images that i've imported as buttons/links. In the iweb layout, the page looks great, but when I publish it, some of the buttons have a white line over the top. I can't seem to figure out why this happens or how to remove them. I've tried re-cropping the problematic images but that hasn't worked. Does anyone know what I'm doing wrong?
    www.oceans711.com

    Yeah, i have some trouble with those also...I know an easy way to get rid of it...All you do is adjust the opacity a tiny little bit and the line will dissapear. The problem you have then is the the image renders as a .png rather than a .jpg, so what you need to do is when your site has been published, view it on the web, then drag the image on to your desktop and save as a .jpg, then put it back into your page instead of the .png and re-publish. OR you can always just make do with the .png...its not that bad, just takes a little bit more time to view. Hope this helps.
    Rob.

  • White line under video

    does anyone know what that means? under the video clip in the timeline there is a solid white line...although sometimes there are green and blue ones too. i am not set up to mark clips certain colors..so i am not sure what this is. thanks

    You have SHOW DUPLICATE FRAMES chosen in your USER PREFS. This feature will show you when you used a shot before, and the color coding helps show you where the other clips are.
    Shane

  • Help!  White line outlining image only in CMYK when placed from Photoshop into Illustrator/InDesign

    I have a CMYK file, outlined product, that looks perfect in Photoshop.  When I place the image into Illustrator, it shows up with a thin white line around parts of the product (fyi - it shows up on a print as well). I have tried to place an RGB file and it does not have the white line around the product.    I assume it has something to do with it being CMYK, but I'm at a loss on how to fix this.  I'm desperate for any help. 

    Okay, please refer this image and change the option within Ai General preferences. Uncheck the option Anti-Aliased artwork.

  • Giving a black and white line work image a transparent background

    I am working in Photoshop CS4 (mac).  Currently, the image is comprised of black line on a white background.  How do I go about giving the image a transparent background?

    A day later, I have still not figured out how to accomplish what it is I am trying to do. 
    I have not yet tried what you have suggested in the last post and am about to go at it once again.  I should mention two things.  1. My  goal is to drop this image into InDesign (cs4) when completed. 2. The image has interior space betwen the line work/image itself that I would like to contain transparency.  Not sure if I am being clear here. The issue lies in when I actually drop the image into InDesign.  While the image appears to already have a transparent background, once it is dropped into InDesign, the image then assumes an opaque/white background.

  • I reset my ipad under settings as itunes was "freezing" now my ipad is totally frozen with the apple logo showing and a white line under it BUT there it remains --  ??

    I reset my mini ipad  using settings as itunes was "freezing"  now my ipad is completely frozen -- shows the apple logo and white line underneath and the it stops
    <Edited by Host>

    Reset it by holding the power and home keys down until the Apple logo appears.
    Barry

  • Need to get rid of blue line under image

    Hi,
    I've created a table with a row and three columns also I've placed splitted a button into three pieces and placed left portion in 1st column and right portion in last column and I've placed a piece of background image with repeat-x in middle column. I need to link the button used javascript to rollover the button with another three piece of buttons, so I've linked the whole with <a> tag and given "border=0" for <img> tag, now I get a blue bar (seems linked) under the background images that I've used in the middle column, could you please help me to get rid of the blue line.
    Thanks in advance

    Hi Nancy,
    Thanks for the response. Below is my code. What I exactly need is to link the whlole button instead of only the text "Buy Now". The mean time I dont want to use <img src="" border=0"> for the middle column since the text "Buy Now" should be dynamic and can be changed, so that I've used a background image instead of a <img> tag.
    <div id="subdiv6">
                        <!-- Start of Div6 -->
                            <a href="javascript:void(0)" onmouseover="ShiftTo('subdiv7')">
                                <table width="100" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="left" valign="top"><img src="images/butoverl.png" border="0" width="16" height="45" /></td>
                        <td align="center" valign="middle" background="images/butovermid.png" class="proddemo">BUY NOW</td>
                        <td align="left" valign="top"><img src="images/butoverr.png" border="0" width="16" height="45" /></td>
                      </tr>
                    </table>
                            </a>
                        <!-- End of Div6 -->
                    </div>
                    <div id="subdiv7">
                        <!-- Start of Div7 -->
                            <a href="javascript:void(0)" onmouseout="ShiftTo('subdiv6')">
                                <table width="100" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="left" valign="top"><img src="images/butl.png" border="0" width="16" height="45" /></td>
                        <td align="center" valign="middle" background="images/butmid.png" class="proddemo">BUY NOW</td>
                        <td align="left" valign="top"><img src="images/butr.png" border="0" width="16" height="45" /></td>
                      </tr>
                    </table>
                            </a>
                        <!-- End of Div7 -->
                    </div> 

  • Hairline white line around images in PDF for press

    CS3, Windows XP
    I searched the forum and didn't find this exact question, so..., I place PSD file in ID. When I export to PDF for the press run, I get a thin hairline white box around the photo. It only seems to happen when the placed image is over a gradient. It also only happens on PDF files for press run - either Press Quality or PDF/X-1a:2001. When I export to "Smallest File Size" it looks fine. I have the border of the image set to 0 and the color to None.
    And it only seems to happen sometimes. A month or so ago I created a similar piece using different photos, but the same gradient background and it looked and printed fine.
    Thoughts?
    JAG

    The stitching and a grey box was showing up on my press proofs. The printer suggested that I flatten the image before I send it to them.
    Sometimes I see in on screen and sometimes I don't, but my printer says they see it every time and that it will show up on the proof. I've been trying several different PDF exporting options in ID. We are getting the proofs done correctly, but there's only one guy at my printer that can get the file corrected. I'm not sure exactly what he is doing, but one of the people I deal with suggested that he was opening the file in PS, flattening it again, and exporting to PDF, again.
    He's the boss and not alway around, so I'm trying to figure out how I can get file exported correctly.
    Thanks for your help.
    JAG

Maybe you are looking for

  • Can't see Remote data in Dreamweaver CS4

    I have a site that I have had for years and recently changed from a real old version of Dreamweaver to Dreamweaver CS4.  I had trouble getting my FTP to work so I used an external program to move the files.  The files have been uploaded and the site

  • How do i reset an admin password without knowing the original?

    How can i reset my admin password on my macbook pro without knowing the original password?

  • F110 paymnet proposal - Deletion Issue

    Hi, I have run F110. Du to paymnet method missing the Paymnet run executed but didnt mak any paymnets. NOw I want to delete the paymnet proposal . It does not allow me to delete . So I cant create a new paymnet proposal for the same record. The Vendo

  • Issue with Option-Delete in Mail 4.4

    For the longest time I have used Option-Delete keyboard shortcut in order to delete a message without having Mail display the next message (marking the next message as read in the process). I recently started noticing that when doing this, the messag

  • Drag and Drop between JTree and another component

    Hi, I have searched the forum for answer to this question but am not sure I found something similar to this. So, please help me out on this. I have a JTree and a JPanel, which basically shows images (as thumbnails) for the child nodes of one node in