Skip navigation
Currently Being Moderated

Applcation  adding space around Rollover images

Dec 8, 2010 1:48 PM

I have a series of 6 rollover images which had previously accurately abutted each other to perfection,

 

I added the same files to another page and they appear tp have had a "transparent border" added to them leaving space between each of the images.

 

Veiwed in the design "mode" these images appear perfectly spaced. In Live View mode the space is apparant

 

What goes on, and how can I fix this problem?

 
Replies
  • Currently Being Moderated
    Dec 8, 2010 1:50 PM   in reply to _my_pov

    _my_pov wrote:

     

    What goes on, and how can I fix this problem?

    How are we supposed to know without providing your code?!?

     

    Telepathy?

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 8, 2010 2:23 PM   in reply to _my_pov

    Let me guess - you have links around these images and there is a link border being applied to them.  Try adding this to your CSS -

     

    a img { border:none; }

     

    see if that helps.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 8, 2010 2:29 PM   in reply to _my_pov

    Try the CSS - you'll see....

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 8, 2010 4:29 PM   in reply to _my_pov

    there are no links

     

    Sure there are -

     

    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Prices','','December MERC MENUS/SINGLE MENU BLANKS/White_Prices.png',1)"><img src="December MERC MENUS/SINGLE MENU BLANKS/Red_Prices.png" name="Prices" width="95" height="39" border="0" id="Prices" /></a>

     

    That's a link.

     

    { border:none; } 

     

    could you kindly provide a more complete example of where this code would be added?

     

    Change this -

     

    </head>

     

    to this -

     

    <style type="text/css">

    a img { border:none; }

    </style>

    </head>

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 9, 2010 10:56 AM   in reply to _my_pov

    So - is the spacing issue resolved then?  It would help alot if you gave us a link to the live page so we can see what is happening!

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 16, 2010 4:49 AM   in reply to _my_pov

    Here's what's bad about that page:

     

    1.  There's no readable content on it.  Everything is an image, including the 'content'.  This is a very poor choice as it means that search engines cannot spider the content on the page.

    2.  You have used absolute links to everything - <h1><img src="http://www.boswellcompany.com/BigBLOGO.png" alt="logo" width="120" height="120" align="middle" /></h1>.  This will prove to be awkward as you maintain the page.

    3.  You have used spaces in file/pathnames - <img src="http://www.boswellcompany.com/ REDbarrels.jpg" (note the name beginning with a space!) - this is not a recommended practice for use on the web.

     

    Now - you mention problems with submenus - I don't see any submenus on that page!  And, I'm not seeing any unusual spacing/padding issues either in Design view or in Live view.  Can you reiterate the issues that you are seeing please?

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2011 12:13 PM   in reply to _my_pov

    Change this -

     

    </head>

     

    to this -

     

    <style type="text/css">

    a img { border:none;}

    </style>

    </head>

     

    and see what happens.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points