Remove borders around background images in toolbar..

I'm using RH8 in Win 7 to output webhelp, and I'm creating a new skin. I've used the Webhelp skin editor to add button images and a toolbar background. But after generation, if the browser is resized to > the image width then the image repeats and the join between them is obvious:
I'm guessing that this is a css setting somewhere, but I don't know where.
I also want to remove the gap between the button images, and assume that there's a css tweak that can do that to.
Does anyone know how these borders and gaps can be removed?
Thanks

OK, cancel this error - RH8 was bevhaving fine - the graphic came back from gfx with a thin border around it, and that caused the vertical bar when it repeated. Should have spotted this earlier, my bad.

Similar Messages

  • Can't get rid of background image of toolbar buttons

    I am just a front-end developer and responsible for the front-end look of an ADF application that we are creating: We are using jDeveloper 11.1.1.4.0 (and we cannot upgrade due to being told no...so I cannot USE the skin editor which when I tried to use, migrates the files).
    I have created the necessary directories and files per tutorials I have been reading up on...
    skins directory - (new directory)
    skin.css (new file)
    Web-Inf -
    trinidad-skins.xml (new file and correctly configured)
    trinidad-config.xml (existing file but updated to use the new skin)
    Within the trinidad-skins.xml file I have the the new skin specified and is extending the "fusionFx-v1.desktop" default theme being used.
    Now the problem... I cannot get the background images to be overwritten or disabled for af|toolbar::item within the .css file
    I have looked up information about how to overwrite this and I tried to use the
    -tr-inhibit: background-image; within the .css declaration like this
    <code>
    af|toolbar::item {
    -tr-inhibit: background-image;
    </code>
    That was unsuccessful. I even just tried standard background {none;} and that was a no go as wel.
    What am I doing wrong here? This is driving me nuts... they made this skinning stuff way too complicated IMO. I don't see why I can't just add a class to the component within the property inspector of that component and then be able to reference it via normal css conventions... but nope BREAKS grrr... And I'm advanced level CSS coder! This stuff has me absolutely clueless and ready to just quit!
    Any suggestions or help is appreciated! And again... I cannot use the skin editor! Everytime I tried to, it prompted me to migrate the application and I cannot do this since there are about 5 other developers working on this application (we use clearcase for version control).
    Thanks,
    Michael

    I can't use the stand alone skin editor since it will want me to migrate the project files (developed in 11.1.1.4) and all files are source controlled via ClearCase.
    I have been experimenting...This is the code on the .jspx page
    <code>
    <af:panelGroupLayout id="header" styleClass="headerParent">
    <af:panelGroupLayout id="topLinkBar" layout="horizontal" styleClass="topLinkBar AFStretchWidth">
    <af:outputLabel value="#{customeradminportalviewcontrollerBundle.CUSTOMER_ACCOUNT}" styleClass="customerLabel"/>
    <af:outputText value="outputText2012" styleClass="customerOutput"/>
    <af:toolbox id="topLinkToolBox" styleClass="topLinkToolBox">
    <af:toolbar id="topLinkToolBar" styleClass="topLinkToolBar">
    <af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.HELP}" id="ctb2"/>
    <af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.POWER_INVOICE}" id="ctb1"/>
    <af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.CONTRACT}" id="ctb3"/>
    <af:commandToolbarButton text="#{customeradminportalviewcontrollerBundle.SIGNOUT}" id="ctb4"/>
    </af:toolbar>
    </af:toolbox>
    </af:panelGroupLayout>
    </af:panelGroupLayout>
    </code>
    Here is the CSS code
    <code>
    #topLinkToolBar af|commandToolbarButton {
    background-image: none;
    background-color: transparent;
    border: 0;
    </code>
    That WILL NOT get rid of the background images on the buttons! However if I do the !important hack within the CSS like this:
    <code>
    #topLinkToolBar af|commandToolbarButton {
    background-image: none!important;
    background-color: transparent!important;
    border: 0!important;
    </code>
    Then BOOM it works... I do NOT want to use the !important hack since that will cause problems in CSS inheritance and cascading...
    What am I doing wrong?
    Also how do I (if possible) target a specific ID used? For example the af:toolbar has an ID of "topLinkToolBar" how can I target that within the CSS? I know I can target it via class attribute like this:
    <code>
    af:toolbar.topLinkToolBar
    </code>
    but how would I do the same if I wanted to only apply to a component with a particular ID?
    Thank you everyone for all your patience, suggestions and help with this... I'm totally new to this type of environment and it's been a slow and frustrating learning experience!
    Michael

  • PSD files have black borders around the image edge

    I've just uploaded an image file in PSD format to a folder in my Creative Cloud workspace. The image is a cutout object on single layer with transparency. It views fine in Photoshop and also in Quick Look/Preview but when it's uploaded I have a pixelated black border around the perimeter of the object in the layer. I thought it might just be the preview but it's the same when I open it in Photoshop Touch.
    Is anyone else expereincing this?

    Hi David,
    PSD files are flattened when imported into Photoshop Touch and then lose any transparency. I'm not seeing a way to import transparency other than in PSDX format which the transparency would have to have been created in PS Touch. I'm moving this post to the PS Touch forum in case I'm missing something.
    -Dave

  • Grey borders around white images.

    Good afternoon Experts,
    Right, i'm currently working on a charity video and my opening text is against a white background.
    When I drop the charities logo in (which is a pink ribben on a white background)the edges where the white background of the logo meet the actual white background of my video show a thin grey border on 2 sides.
    Is there anyway to eleminate this "border" so the logo and the background appear as one and seemless?
    I hope this message makes sense, haha.
    Any help would be much appreciated.

    I think this is workng, although it's akward when the image of the logo goes right to the edge of the picture as using the crop is cutting in on the image.
    Thanks for the advice...

  • Remove padding on menu bar and toolbar

    Hi,
    Is there a way of removing the extra margin at the bottom of JMenus and JToolBars?
    I've highlighted the margins in red so you can see them better:
    http://img410.imageshack.us/my.php?image=paddingapp4rm.png
    Also, it it possible to remove the drag area on the toolbar and the square borders around the images in the toolbar?
    Here's the code that creates the menus and toolbars:
       public SnakeLadder()
          super("Snakes & Ladders");
          setLayout(new FlowLayout());
          JMenuBar menuBar = new JMenuBar();
          setJMenuBar(menuBar);
          menuBar.add(fileMenu());
          menuBar.add(gameMenu());
          menuBar.add(helpMenu());
          JToolBar toolBar = new JToolBar();
          add(toolBar,BorderLayout.PAGE_START);
          toolBar.setPreferredSize(new Dimension(WIDTH,30));
          toolBar.add(newGameButton());
          toolBar.add(saveGameButton());
          toolBar.add(loadGameButton());
          JPanel gamePanel = new JPanel();
          add(gamePanel,BorderLayout.CENTER);
          gamePanel.setPreferredSize(new Dimension(WIDTH,HEIGHT));
          gamePanel.setBackground(new Color(212,208,200));
          pack();
       }Thanks

    I suggest you to try your question at Java product
    forum at http://forum.sun.com/jive/index.jspa under
    Java Tools section. You may try either "Sun Java
    Studio Creator" or "Sun Java Studio Enterprise" forumWould you please stop posting the same silly message? The post is not related to what you are mentioning.

  • Background image from one slide appearing in all slides after and I can't remove it

    Hello,
    I'm modifying a course created with Captivate 5, in Captivate 7 and for some reason the background image from slide 35 is appearing in all slides after that one and I can't remove it. The most interesting thing is that when you look at the slides in the film strip they look different (like the original) than the one on the work area which contains the background image I'm trying to remove (screenshot below).
    Any ideas or comments?
    Thank you.

    Hi Lilybiri,
    Thank you for your prompt response. That was it!!!! You are awesome! I tried so many things and I don't know how that setting changed to "rest of project". Great thing to check next time.
    I greatly appreciate your help.
    Have a great day.

  • Can't remove background image completely

    Hi there,
    I'm making a site at the moment using the Darkroom theme but I'd like to totally remove the background image. When I go into layout and turn off page background and browser background it removes it from round the edges but not from the main bit of the page. What am I doing wrong?
    Thanks in advance!
    Simon

    Couldn't seem to make this solution work. I stupidly designed an entire site before testing how a page would load with this theme. SLOW.
    I tried making a 1x1pixel transparent gif and a 1x1 white jpg, both with the same name as the original "darkroom_spotlight.jpg" file. When I re-open iWeb it doesn't change a thing, even though that original jpg is no longer in the theme package...
    EDIT: Looks like this takes care of the spotlight in FUTURE pages, but does nothing for my completed site. Please tell me if you know of a way to take out the textured background from Darkroom-themed pages that are already. I would gladly sub in a similarly toned greyscale if possible.
    Message was edited by: Travis Marshall

  • Fx-background-image and rounded borders

    Hi,
    I am trying to use a simple image as background image for an HBox through repetition, but I have found a problem. The HBox has got rounded borders (using fx-background-radius) and when I set the background image with fx-background-image it does not fit the real borders of the HBox and it appears painted outside the limits.
    The css code is the following:
    -fx-background-radius: 0 0 30 30;
    -fx-background-image:url('image1.png');
    -fx-border-radius: 0 0 30 30;
    -fx-border-width:0 2 2 2;
    -fx-border-color:#D9D9D9 #D9D9D9 #D9D9D9 #D9D9D9;
    -fx-effect: dropshadow( two-pass-box , rgba(0,0,0,0.35) , 20.13095238095238,0.5 , 0 , 18 ); Is this the expected behaviour? If a try it with background-color, it adjusts perfectly to the rounded borders. Should I set another property? (I have tried with fx-background-size and fx-background-repeat and fx-background-position but with no result)
    Thanks in advance.
    Regards.

    This probably is expected behaviour.
    The properties for background fills (color, insets, radius) donot work together with the properties for background images (image, position, repeat, size). They are separate and painted in separate passes in order, quote from the CSS doc below:
    >
    Each Region consists of several layers, painted from bottom to top, in this order:
    background fills
    background images
    contents
    border strokes
    border images

  • I want to remove background image

    Hi friends,
    Hope all are doing well with your premiere
    Can you please get me out of this problem..
    I have done with my editing 2days back.. I have added background image removing blue screen..
    But after the cd was burned, while watching it on TV/PC the video was shaking fully.. I didn't have this problem before..
    Now, I want to remove the background image and keep the blue screen as it is.. how can i get it? I just want to remove background image without disturbing any editing part(Cuts).
    Thank you..
    Regards,
    Sindhu

    Select all the clips with a key, right click, and select remove effects. This will remove all the effects for those clips so you will loose any colour correcting or other changes you might have done.

  • How to remove background image in Theme Editor

    Hi there,
    In Theme Editor > [theme] > Portal Body  there is the option for background colour as well as background image. I had a background image declared before and would like to remove it again. If i write "none" the theme won't save (script error). I can't find the reference to the image in the theme.zip either. Thanks four your help.

    >
    Benjamin Houttuin wrote:
    > Create an empty image file and upload it. Else create a 1x1px transparant gif and upload that.
    > Thats the only way as there is no "unassing" action/button availible in the theme editor.
    > Benjamin Houttuin
    Thanks, Benjamin, I'm aware of that. But this solution is rather bad on performance. We run an FPN with our Intranet, xAPPS and BI. Now imagine all the background colors and background images loading one after the other before you can see the application. This happens regardles of whether they are empty or transparent. In IE it flickers and flackers about ten times and takes 10 seconds before you can carry on with your work. That's suboptimal.

  • How to remove background image per action

    Hi!
    I just created a wonderful action, but there's still one step I can't get working.
    I am optimzing scanned PDFs.
    First step: Preflight: Convert to greyscale.
    Second step: Optimize PDF: All filters set to high. This separates the background of the scan from the scanned text. Both marked as image, not as background image.
    Third step: Remove the backmost image. Can't get that working.
    Any ideas?
    Thank you very much!

    There may be a preflight script to remove the image, but it might get rid of all images. You can also use the Object Touchup Tool (or the new name that I forget) to select the background image and delete it. You would have to do it on each page.

  • Wrapping text around an image on top of a background

    I am trying to wrap text around a photo, but I'm doing so on top of a background color box in my Master Page.  Problem is that when I create the background box in the Master Page, the text goes away.  I can resolve the problem by checking the "Ignore Text Wrap" option under the Text Frame Option menu, but then I lose the text wrap around my images.  Is there a way around this?

    Don't apply text wrap to the background....

  • I need to know how to remove the color background from an image PLEASE

    Hello, I'm trying to remove an image within an image so that the image removed stands alone as its own file.
    http://fc08.deviantart.net/fs47/f/2009/166/0/5/Straw_Hat__s_Flag_by_fenrir1992.jpg
    ^ So from that image, I'm trying to remove the black background so I only have the skull with hat image (and the bones behind it of course).
    The reason for this is because I want to use it on a shirt, and that black background image does not match the shade of black on the shirt.
    The file above is the image I wanted to use, with a size of 2874 x 2000. If anyone could show me how to do this I would greatly appreciate it

    Just use the MAGIC WAND TOOL, and select the black area(s). Hit the delete button... and you're done

  • Remove transparent canvas/background from behind image

    Howdy,
    Is it possible to remove the transparent background (see pic) of the canvas so that all I export as an image is the asymetrical rock? I want to use the rock as a button in flash and need it to be the exact shape of the rock without the 3 transparent corners (bc the corners are then perceived by fla as part of the button, so then I get this square button instead of asymetric rock shape button). Sorry if this is posted elsewhere.
    Thanks for any help you can give!
    k

    Nice flame silky...
    Yes I am well aware of transparent means. And yes, I saved the file as a .png, retaining transparent qualities.
    Here, I'll type slow so you can understand...
    Again (as I stated originally) the issue is this...when I import the .png into flash the png file comes as a square. I don't want a square the 3 transparent corners get in the way. Yes the 3 corners arrowed in my originaly querry are transparent, BUT flash registers the image as a square, not as the asymetrical rock shape, which is what I want. I've included another pic so you can see the problem (see below).
    If you click the pic, it will enlarge and you can see the blue lines (top & right) which are the border for the imported .png. Again, I want to import this rock image solely as the rock with no transparent tag alongs. Can this be done or not?
    Kindly share, or let someone with more patience and understanding answer my questions.

  • How do I remove background images from a PDF?  Using Adobe Acrobat 6.0 Standard.

    I have a file I need to print off, but the document is 100 pages lond and each page as a very obnoxious background image that makes it difficult to read the content, and I really don't want to waste the ink.
    I have tried a few things with no luck:
    -Tried replacing document background color in the 'Accessibility' tab in preferences.
    -Tried unchecking the 'Display large images' field in the 'Page Display' tab in preference - this leaves a dark gray background that I can't get rid of, which is almost as bad as the original image.
    -Tried several combinations under the 'Color Management' tab in preference to lessen the gray background achieved from the previous step.  I can only brighten the shade slighty, but there is still a fair amount of gray background.
    I just want a white background, or a clear background, and I have not seen any article or help topic on how to accomplish this.  Please help!
    Mike

    You might want to see if you can select the background with the object touchup tool. If so, can you then just delete the selected object. May take a while to go through the document, but if it solves the problem you are ahead. You may be able to select it with JavaScript and repeat the process. My point of using the object touchup tool is that it may not be a background set by Acrobat, but something that is simply labeled as an image from the Acrobat viewpoint.

Maybe you are looking for