Missing background colour in image rollover in IE

Just noticed I have a missing image background colour on a
rollover link - it's fine in firefox and safari, but awol in IE(6).
link
here
The CSS looks like :
a:link img {
padding: 5px;
border: 1px solid #999999;
a:visited img {
padding: 5px;
border: 1px solid #999999;
a:active img {
padding: 5px;
border: 1px solid #999999;
a:hover img {
padding: 5px;
border: 1px solid #8C595A;
background-color:#CD8B8D;
Any ideas?

Hi Everyone,
Great thread. I thought you guys might find this interesting.
There is an IE Img Hover Bug that most people run into with
border color change on hover that answers some of the questions
here.
Lain71, at the end I included code you can use with a thick
border that should do what you want and will work cross-browser.
I thought it might be beneficial to anyone else searching the
forum for IE img hover issues to offer some additional detail.
Most people first run into trouble when they have an image
link and try to handle border color change like you would on a text
link. Unfortunately, this is incorrect CSS for doing this but it
works in IE6 :-/ It doesn't .. as it shouldn't ..work in the Gecko
browsers.
a.blah{
border: 3px;
border-color: #CC0099;
border-style:solid;
a.blah:hover{
border-color: #33FFFF;
<a href="#" class="blah"><img src="mypic.gif"
width="100" height="100"
border="0" /></a>
In IE6, the border changes color on hover. Also, note that IE
is actually rendering the code incorrectly by stretching the border
around the image inside the link element. So it achieves the
desired effect....until...
Testing the page in FF or NN is where the trouble starts, as
you notice the border no longer surrounds the image.
FF and NN render that code correctly by applying the border
to the link element only.
By doing so, the height of the border is equal to text line
height ..as Joe mentioned..which is usually not the height of the
image.
This same effect happens with background color and background
images when applied to a:hover.
So, now to make it work in FF and NN you use the correct CSS
to apply the border to the image inside the link, similar to
Lain71's code:
a.blah img{
border: 3px;
border-color: #CC0099;
border-style:solid;
a.blah:hover img{
border-color: #33FFFF;
<a href="#" class="blah">test<img src="mypic.gif"
width="100" height="100"
border="0" /></a>
Now it works in FF and NN beautifully, but...
Now it doesn't work in IE ! There's no hover effect.The
border doesn't change color.
And there's the "bug."
*********The bug:
In IE, you cannot apply a hover rule to an image link without
first
declaring a hover rule for that link. (Go figure!!!!!!).
This works nicely, I've found.
a.blah img{
border: 3px;
border-color: #CC0099;
border-style:solid;
a.blah:hover{
background-color:transparent;}
a.blah:hover img{
border-color: #33FFFF;
<a href="#" class="blah">test<img src="mypic.gif"
width="100" height="100"
border="0" /></a>
Now it works in IE, NN and FF.
So,
a.blah:hover {background-color:transparent;}
takes care of IE's need to apply a hover rule to the link
before applying a hover rule to the image link without changing the
look of things..
Take care,
Tim

Similar Messages

  • Quick Question - Find background colour of image?

    Hi guys,
    Its been years since I've used Photoshop, and I'm just trying out the Photoshop CS5 atm (a lot different from the simple PS7 that I was used to!) I've got an image that I want to find the background colour for, as I want to fill it to other images. I remember on the old versions if you erased an area the foreground colour would immediately just turn to the colour that you have deleted, but not anymore - I'm stuck!
    Any help, hope I've explained myself well!
    > Incidently, is there anyway I could purchase an old version of Photoshop? I'm a very infrequent user, and even the latest Elements software is pretty steep £50+. I'd happily pay a few pounds for Photoshop 7.
    thanks

    SongToRuin wrote:
    Hi guys,
    I remember on the old versions if you erased an area the foreground colour would immediately just turn to the colour that you have deleted, but not anymore - I'm stuck!
    I don't believe you're remembering a true difference in the Eraser Tool.
    With all versions of Photoshop, when you are working on the Background layer if you use the Eraser Tool it will paint in the color you have selected for the background swatch.
    With all the versions as well, if you're working on a true layer the Eraser Tool clears pixels to transparent.
    Now...
    If you use the Delete key, on the other hand, the operation becomes equivalent to Edit - Fill, and in the newest versions you're given a dialog with options.  There are modifier keys with which you can avoid the dialog.
    -Noel

  • How do I extend a div background colour (or image) beyond the browser viewport?

    Hi there,
    I have a web page, where I'm using onclick="showhide('ace'); to show an absolute positioned div ('ace') on top of the page, similar to a lightbox.
    And like a lightbox, I am trying to add a transparent png between the div ace and the page.
    Using the code below I can make it work. But when I scroll down the page, the background is cut short, determined by the browser size at the time of click.
    Is there anyway to make it always fill the entire depth of screen even if the screen is resized, or there is scrolling?
    Many thanks in advance!
    #ace {
    position: absolute;
    top: 0px;
    background:url(../images/fade.png) repeat-y;
    z-index: 5;
    width: 100%;
    min-height:100%;
    left: 0px;
    #wrappercen, #containercen {
    width: 954px;
    padding-top: 75px;
    #wrappercen {
    top: 0px;
        right: 50%;
        position: absolute;
    #containercen {
        left: 50%;
        position: relative;

    True - although if you use display:none, and change it to display:block to show the div, it will only push the screen when it's being shown.  I'm not sure how the wizards do this in the lightboxy-things....

  • Changing background colour

    Is it possible to change background colour of images?

    Welcome to the forums.
    There are a few great how to videos here
    http://www.apple.com/aperture/how-to/#video-adjustmentbrushes
    I have a feeling that this particular video may have the answer you are looking for.
    If this is not what you mean can you elaborate a little on your question please.
    Tony

  • I'm using Photoshop Elements 12 on Windows 8.1.  When I go into the Expert Edit Mode the toolbar available appears in one single column and misses off several tools including foreground and background colour.  How can I restore the original toolbar?

    I'm using Photoshop Elements 12 on Windows 8.1.  When I go into the Expert Edit Mode the toolbar available appears in one single column and misses off several tools including foreground and background colour.  How can I restore the original toolbar?

    Thanks for your help - your suggestion worked beautifully.Dennis Hood
          From: 99jon <[email protected]>
    To: Dennis Hood <[email protected]>
    Sent: Thursday, 15 January 2015, 15:20
    Subject:  I'm using Photoshop Elements 12 on Windows 8.1.  When I go into the Expert Edit Mode the toolbar available appears in one single column and misses off several tools including foreground and background colour.  How can I restore the original toolbar?
    I'm using Photoshop Elements 12 on Windows 8.1.  When I go into the Expert Edit Mode the toolbar available appears in one single column and misses off several tools including foreground and background colour.  How can I restore the original toolbar?
    created by 99jon in Photoshop Elements - View the full discussionTry re-setting the prefs.Go to: Edit >> Preferences >> General (Photoshop Elements menu on Mac)Click the button Reset Preferences on next Launch If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7099161#7099161 and clicking ‘Correct’ below the answer Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7099161#7099161 To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"  Start a new discussion in Photoshop Elements by email or at Adobe Community For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624.

  • Keying video that has similar colour background, advice please-image included.

    Last-year I visited America, and on the last day managed to secure an interview with a WW2 Ace, which had to be done within a very short time span.
    Unfortunately this left me with a situation that I couldn't really control, and so I am in a situation where I need to add a background to footage (doesn't need to be perfect, so a fringe would be acceptable), but I wonder if anyone can give me steps on how to best remove the Pilot from the plain background.
    An image can be seen here from the footage:
    http://www.atgo72.dsl.pipex.com/key.jpg
    As you can see, his shirt and hair are very similar to the background colour, so I have had difficulty colour and chroma-keying.
    I am wondering if it is possible to key him out of the background, or whether I'm chasing my own tail?
    Any help would be much appreciated, cheers, Neil.

    Here is my feeble attempt.
    http://img135.imageshack.us/img135/3345/keyout.png
    How: create a simple travelling mask and keyframe the movement of person try avoiding too few bezier points for easier, this is helpful for keying purposes so that the keyer has less areas to key out and in the end you can additionaly adjust mask expansion and feather at your needs >> Keying: i used at least 4 instances of color key and play around with color, color tolerance and feather of each instance >> add matte choker, adjust >> ad simple choker, adjust.
    NOTE: Ae does not update changes very well, means every slider adjustment must be done by little increments, so adjust a little, release, adjust, release, to get the preview done this is pretty awful but it works somehow.
    COMP PREVIEW MUST BE SET @ FULL QUALITY otherwise at half resolution results vary very heavy - thats the next flaw, hopefully better in CS5
    much luck.

  • Design Studio 1.3: include image, change textbox background colour, Data labels allingment

    Dear Community,
    I've been trying to rebuild one of my Analayis Office Workbooks within Design Studio.
    Attempting this, I've come across some questions I hope to find answers to, with your help:
    1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
    2. How can I change the background colour of a textbox-component?
    3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
    Who can help with those questions? Thanks a lot.
    Kind regards
    Sarah

    1. How can I include images, in a local application? I've inserted the "image" component, but I can't asign an Image file to this.
    When working in Local Mode, go to Application -> Open Repository Folder -> and open the folder that your BI Application is named.  Place your image file there.  Go back to your Design Studio Image component and set the src to the name of that image file.  It should show up.  This gets a little more involved when working on the BI Platform or NetWeaver Platform, as you'll want to publish the Image to a public folder on the CMS somewhere (for BI Platform), or the MIME Repository (for NetWeaver Platform).  But the concept is similar in that you have to know where to place the files once you are at that point.  Also as an approach that should work without any need to publish the image to the platform (as it's a little tedious), please read this document:
    How to embed images inside of a Design Studio App without uploading to server.
    Or, if you do not want to go through the base-64 encoding, consider the addon I blogged about here:
    Design Studio 1.2 SDK - An Image Component free of MIME Repository worries
    The deployable version can be downloaded from this blog:
    Design Studio 1.2/1.3 SDK - Design Studio Utility Pack
    2. How can I change the background colour of a textbox-component?
    You will have to write a CSS rule like this:
    .testbox {
        background : #009966;
    Then assign 'testbox' as the CSS Class to the text input box.
    3. I have a chart in my Dashboard. The bars I want to be labled. But defining, that data labels should be placed outside the bars, there is a mixed result. Some bars show the labels outside, some others display the lable somewhere within the bar.
    Not sure how much control the delivered chart components would give you here.  Maybe one of the third party addons listed in this post could help?
    List of Design Studio SDK Components

  • Background Colour Change in Windows IE6

    Hi,
    Have tried to sort this through a CSS forum, but am now
    wondering if it's an application problem. I've got a web page with
    the background colour set as #FEFFDE which is a very pale peach
    kind of colour. I've created a graphic (from a photo) in Freehand
    and given it the same background colour. They blend beautifully in
    IE and Safari and Mac, but in Windows IE the background shows as a
    different colour (pale yellow), although the graphic is fine. It
    looks like the CSS is ok, but someone has pointed out thatn doing a
    screen capture in irfanview from Opera on windows, the page
    background has RGB values 254,255,222 while the background in the
    outer parts of the spiral gif image is 251,251,225. Both have been
    selected using the cross-application colour palette on my Mac which
    still shows as #FEFFDE. Help! I'm pretty new at this so may be
    missing something obvious, but would be grateful for advice.
    Kind regards,
    Steph (NZ)

    The best way to do it, if you are using a JPG would be to
    make a small
    graphic from the background of the JPG image, and use that
    graphic as a
    tiling background to fill the page.
    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
    ==================
    "Gondwanaland" <[email protected]> wrote in
    message
    news:f4cotd$9pc$[email protected]..
    > Hi,
    > Have tried to sort this through a CSS forum, but am now
    wondering if it's
    > an
    > application problem. I've got a web page with the
    background colour set
    > as
    > #FEFFDE which is a very pale peach kind of colour. I've
    created a graphic
    > (from a photo) in Freehand and given it the same
    background colour. They
    > blend beautifully in IE and Safari and Mac, but in
    Windows IE the
    > background
    > shows as a different colour (pale yellow), although the
    graphic is fine.
    > It
    > looks like the CSS is ok, but someone has pointed out
    thatn doing a screen
    > capture in irfanview from Opera on windows, the page
    background has RGB
    > values
    > 254,255,222 while the background in the outer parts of
    the spiral gif
    > image is
    > 251,251,225. Both have been selected using the
    cross-application colour
    > palette on my Mac which still shows as #FEFFDE. Help!
    I'm pretty new at
    > this
    > so may be missing something obvious, but would be
    grateful for advice.
    > Kind regards,
    > Steph (NZ)
    >

  • Indesign CS6 text drop shadow changes background colour

    I have two layers, one for a background image linked to a photoshop document and another layer for text. When i add drop shadow to the text, the background colour goes sort of dark, and the same happens in overprint view whereas with 5.5 it didn't do that. Is there a way to fix this?
    Before:
    After:

    Looks like maybe an RGB image with a CMYK transparency blend space applied.

  • How do I change the background to an Image in the web gallery wizard?

    Im using a flash gallery but I can only change the background colour I can't workout how to change the background to an image. Can it be done?
    Thanks
    Jamie

    Not directly this time, I believe, but by a post web gallery generation hack to the generated files.
    Don
    Don Ricklin, MacBook 2Ghz Duo 2 Core running 10.4.10 & Win XP, Pentax *ist D
    See LR Links list at my
    Blog for related sites.

  • Changing background colour of W995 (when you don't have wallpaper)?

    Hello,
    If i set my phone to have no wallpaper the background colour for the main screen is grey.  Sorry if this is a dumb question, but does anyone know how to change this to black?  I think it was black to start with but somehow it got changed and I can't see a straightforward way of setting it back to black using the Display options because on my phone (W995) there is option here for colour change.
    Many thanks for any help anyone can offer

    What I really want to do is to set the background to black, then have a picture that i've taken in landscape as my wallpaper.  Because it's in landscape some of the background is still seen at the top and bottom and i want this to be black rather than grey.  I'm sure it was before, I just find it crazy that it has changed and there is no easy or obvious way to change it back - especially as the default setting must have been black.  I tried doing a reset of setting but it still came up as grey, even though I had to reset the time and date and so on.
    I wish they just had a menu so you could select a background colour, but it seems that doesn't exist.  Sorry to be seeming so difficult, because I appreciate your suggestions - I should have explained before that it isn't so much that I want a black wallpaper as a black background to put an image on top of as wallpaper.

  • When I convert InDesign file to pdf, the background of my image is no longer transparent

    I am working with InDesign CS3, and when I place a .gif file onto the document, the background of the image is transparent, which is what I want. However, when I convert the InDesign file to a pdf, that same image shows up in a white box. Why is this happening? Is there a setting that I am missing when I convert it? Thanks in advance

    I am converting it via export, and actually it is an ai file, my apologies.
    The white box does not appear in InDesign print preview. 
    I corrected the link, but still no luck.
    I am opening the document in Adobe reader, and overprint preview is turned on.
    Keep the suggestions coming please! I really appreciate it.

  • Modify background colour in Slideshow mode ?

    Hi all
    I have built a Keynote file 1920 x 640 for an (obvioulsy) ultra-widescreen presentation at 3:1 (as opposed to regular 16:9 or 4:3.
    I'm using a MacBook Pro with a desktop 1920 x 1200. So obvioulsy when I play the slideshow it has black letterboxing the content top and bottom. Can I change the colour of the black letterboxing to another colour of my choice ?  It seems not in Keynote per se, but perhaps via the system ?
    tia
    Dean

    inspector  >  document  > slide size = custom 1920 x 1200
    slide master = blank
    slide master inspector: colour fill choose a background colour
    select a rectangle object  and draw rectangle for the size of the image area needed (1920x640)
    move rectangle to back

  • Why are backgrounds to created images black?

    Dear all,
    In creating a bufferred image (or a volatile image - perhaps this problem exists with all image classes), the background is completely black. Only the painted components (typically small coloured rectangles) appear as they should do, colour wise. I am creating the graphics using a Graphics2D object in the standard way. However, a call to
    g2.setBackground(Color.white) etc still results in a background color black, as does
    g2.setColor(Color.white), before the call that adds the rectangles
    So I thought, I'd first draa one huge white rectangle using something like
    g2.setColor(new Color(255,255,255)), then
    g2.fill3DRect(0,0,600,900,false) // whatever
    and then draw over the rectangles that I need to add. However the resultant background colour is gray rather than white. Whats going on?
    Any suggestions?
    Cheers
    Ben

    Here's a demo of using setColor.Works for me.
    import java.awt.*;
    import java.awt.image.*;
    import javax.swing.*;
    public class ImageBackground {
        public static void main(String[] args) {
            final int W = 200, H = 100;
            BufferedImage bi = new BufferedImage(W, H, BufferedImage.TYPE_INT_RGB);
            Graphics2D g = bi.createGraphics();
            g.setColor(Color.WHITE); //!
            g.fillRect(0,0,W,H);    //!
            g.setColor(Color.BLUE);
            g.setFont(new Font("Lucida Bright", Font.PLAIN, 16));
            g.drawString("Hello, World!", 10, 50);
            g.dispose();
            JLabel label = new JLabel(new ImageIcon(bi));
            final JFrame f = new JFrame("ImageBackground");
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.getContentPane().add(label);
            f.pack();
            SwingUtilities.invokeLater(new Runnable(){
                public void run() {
                    f.setLocationRelativeTo(null);
                    f.setVisible(true);
    }

  • Reports 3: setting background colour.

    Using Reports 3 how do I set the background colour for the
    margin? I do mean the margin and not the objects in the margin
    (they're easy).
    Thanks for any help.
    null

    "katychapman85" <[email protected]> wrote in
    message
    news:g6svqs$eli$[email protected]..
    > I'm retrieving different colours from a database and I
    want to set the
    > background colour of a canvas to the colour retrieved.
    I've tried doing
    > the
    > following:
    >
    > <mx:TileList
    > x="2" y="237"
    > direction="horizontal"
    > dataProvider="{MakeUpColours.lastResult.Colour}"
    > backgroundColor="#FFFFFF"
    > width="288" height="167.04999"
    > themeColor="#FFFFFF">
    >
    > <mx:itemRenderer>
    > <mx:Component>
    > <mx:Canvas width="35" height="35">
    > <mx:Canvas width="30" height="30" x="5" y="5"
    > backgroundColor="{data.ColourNo}">
    > <mx:Image
    > source="
    http://localhost/Flex/Personalised%20Palettes-debug/{data.@PictureSrc}"/
    >>
    > <mx:Label text="{data.@ColourNo}"/>
    > </mx:Canvas>
    > </mx:Canvas>
    > </mx:Component>
    > </mx:itemRenderer>
    > </mx:TileList>
    You're referring to both data.@ColourNo and data.ColourNo. Is
    it an
    attribute or an element?

Maybe you are looking for