Strange blue outline around table in Firefox

Discussion in 'Web Design' started by aliceinwebland, Apr 9, 2009.

to remove all ads.
  1. aliceinwebland

    aliceinwebland New Member

    Messages:
    3
    I have a webpage using javascript and html (I've avoided CSS), created in dreamweaver. For some reason, when I view it in Firefox, the background image/table a) is shifted two or three points up and to the left and b) has a thin blue border around it. The rollover images, however, are not shifted.

    How it should look with rollover on "sound" (how it appears in opera and safari):

    [​IMG]

    How it appears in firefox:

    [​IMG]

    Now, the solution I came up with for the shifting of the bg image was to shift the image itself a few points down and over. I have a thin white line background around all of the images (rollovers, etc) at the same size, so that I don't have to use DIV tags to layer the ro images over the background. So I shifted the content of the background image within that thin white box.

    That would, of course, require some sort of script that tells the browser which part of the HTML to look at, depending on what the browser is? (look at this image if you're firefox, this image if you're safari) Is that possible?

    Also, what could be causing the blue line?

    Here's what I have so far:

     
    Last edited: Apr 9, 2009
  2. aliceinwebland

    aliceinwebland New Member

    Messages:
    3
    Hmm, it added "webdesignforum" to some of my image links, pretend that's not there.
     
  3. LouTheDesigner

    LouTheDesigner New Member

    Messages:
    506
    in your css,

    img {
    border-style: none;
    }
     
  4. aliceinwebland

    aliceinwebland New Member

    Messages:
    3
    Where in my css do I put this? If the answer is "anywhere," then it doesn't work.

    This is my first time coding anything, and I'm using dreamweaver, so please be specific if you make a suggestion. Thanks!
     
  5. flipboy

    flipboy New Member

    Messages:
    45
    try setting the border of the image to 0 px
     
  6. LouTheDesigner

    LouTheDesigner New Member

    Messages:
    506
    Okay, if you aren't using any css, try this,

    <img src="whatever.jpg" border="0">
     
  7. Juturnalia

    Juturnalia New Member

    Messages:
    11
    or just use css in your <head>

    <style type="text/css">
    img {
    border-style: none;
    }
    </style>
     

Share This Page