Images - captions & borders

I hope I can ask two questions in the same thread.
How can I add a caption to an image that I place in a page?
I can add a border to an image using Edit Tag <img> but I can't figure out how to change the colour. Help?
Thanks,
Alan

Use CSS to style the image and paragraph text.
.captions img {
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
.captions p {
text-align: center;
font-style: italic;
font-size: smaller;
XHTML:
<div class="captions">
<p><img src="your-image.jpg" />
<br />Your caption text goes here </p>
</div>
You can see a live demo below:
http://alt-web.com/DEMOS/CSS2-Captions2.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Export to EPUB large image & caption on 1 page

I can't seem to do something that should be very simple. I've spent 2 days on this, checking out Lynda,con courses, and forums. But can't figure it out!
After each chapter, I would like:
1. A full page photo and caption underneath it on same page. It doesn't need to bleed, but I'd like the images to be LARGE, basically take up most of the page (and be centered vertically, if possible, but I can live without that.)
2. The anchored image/caption group should adjust so it takes up roughly the same proportion of the page, if viewed as a single page (e.g when looking at ibooks in portrait position, as it does when looking at it horizontally, meaning it would scale down and look like it takes up most of the page proportionately when page is smaller.)
I grouped the image and caption then anchored them into the text flow. I exported so it would break before the paragraph the image/caption group anchored to, so the image DOES start on a new page. But sometimes the caption is with the photo (portrait view) and sometimes on the next page (landscape view). I've tried all kinds of combos with object styles. Can't get it to work. I know it should be simple, since it's a pretty basic design idea.
When viewed horizontally:
For both photo 1 @ 2, the caption is on a new page. On photo 2, the caption is cut off.
When viewed vertically:
For photo 1, the caption is on top of the photo (I thought you couldn't overlap things in Epub3!). For Photo 2, image and caption appear on same page, but image looks small.
The packaged Indesign files are available here
https://dl.dropboxusercontent.com/u/18648953/TestforForum.zip
Thanks!!!

Hi Pooja:
Thanks for your response. I am on CC v.9.2. I took some screenshots from my ipad (I am using the ibooks viewer) to better explain the issue.
Screenshots
1. Test1—photo1: (This is taken from the file in the TestforForum.zip. See link in the original post). This shows roughly how large I want the images to appear. It could be a bit smaller so the caption fits. (Is that why it appears on top of image?)
I didn't take a screenshot, but when you turn ipad landscape, the photo is nice and big, but the caption moves to the next page. I'd like it to scale down proportionately, so the photo and caption are on one page, and fill most of the page.
I did note that these group items are taller than 600 px. So I did another text, making sure the groups were less than 600px high.
2. Test 2—Photo1: (See link below)
The grouped image and caption is 599 px tall. But look how TINY it is on the page now! In landscape mode, it does fill the page, but the caption is cut off.
I uploaded these new files to dropbox, so you can help decipher the exact issue.
https://dl.dropboxusercontent.com/u/18648953/Testforforum2.zip
3. As far as captions getting cut off, I found I needed to make the text frame much taller. I'm guessing this is to accomodate caption fonts becoming bigger when scaled on the reader. BUT if I make the frames taller, that means the photo has to be even smaller, to fit within 600 px height when grouped.
I hope you'll take a look at the two sets of zipped files. I've tried everything I can think of. Please let me know if you need screenshots of the landscape mode.
Thank you!!!! I REALLY appreciate your help on this. Jami

Image Captions in Slide Show

Is there a way to capture the metadata title and use that as the image caption?
Failing that, is there a way to alter the image caption without changing the file name?
Finally, is there a way to delete the stars that sometimes appear under the image in Bridge?

Justin, I am having the same problem as you. I will look into what Cyclosaurus is saying to do, but it is probably a bit complicated for my brain. One thing you can do without any coding, is to space down your captions 3 or 4 times on the page where the full size version of your picture is. Then, your captions will not have a line through them when viewing in the slideshow mode that includes the thumbnails. Also, the full truncated captions will not appear in the true slideshow. I have the first line showing and then I spaced all the rest of the description down. It is hard to explain, so here is an example that I am working on for a friend. http://www.karenmardis.com/TheJewels/Pages/The_ExpressionsCollection.html One thing to note, your page has to be at least as tall as what the longest caption will need. It's a bit clumsy but it worked for me. Hope that is helpful.

Better SOP for images with image captions?

Hi,
FM 8.04, Win XP.
When I work with images that shall have image captions, I use a pre-defined one row, one column table format that has a a table caption set to below. I then import the image into the one cell.
However, in some cases I would like images be anchored at bottom of columns, rather than at top of columns (or floating). The thing is that since the anchored frame sits inside a table cell, it is the table's placement that I must change. And tables do not have the "At bottom of column" option.
Any suggestion for a better standard of procedure for "At bottom of column" images, with retained caption functionality?
TIA,
/Mats

Mats,
You could always just use only anchored frames and add an additional
text frame to the anchored frame in the proper location relative to
the inserted graphic. Since the anchored frame is part of the flow,
the included text frames in these behave correctly with respect to
autonumbering and being picked up in the proper in generated lists.
If you create the styled anchored on a Reference page (in a text frame
of course) then you can quickly get at the proper "template" of what
you need using copy & paste.

Frame Maker - Image caption

How can we add image caption in a Frame Maker document, as in a word document?
I have created a style called Image caption, where the font is bold. But there is no image number. Manually, I have added numbers. But the drawback is that if I insert another image in between the existing paragraphs, then I have to update the image numbers manually. Please let me know, if there is a way to create a Paragraph style, so that Image numbers are also updated automatically.

Assuming you want "Figure 123"
Format > Paragraph > Designer
Paragraph Tag: [ Image caption ]
Properties: [ Numbering ]
[*] Autonumber Format:
[ F:Figure\ <n+> ]
"F:" specifiies counter F, so that other auto-numbered paragraphs won't disrupt caption numbers.
"\ " is a non-breaking space, useful for cross-referencing captions near right margins.
"<n+>" increments counter F, which starts at 0, so the first caption defaults to 1, depending on book numbering properties.
The auto-numbering works correctly if the caption paragraph is located:
in normal Flow A,
in a Table cell anchored to Flow A,
in a text frame within an anchored frame, but only in the case where there is a single text frame containing a caption in that anchored frame, or
in a table cell in a text frame in an anchored frame, also subject to the single-text-frame-caption rule
If you have more than one text frame in an anchored frame, they all get the same auto-number (up through FM9, anyway). This probably isn't a defect.
I don't know what happens if you use unanchored frames, as they are unwise for multiple more serious reasons.

Creating Image Captions: Best Practice?

Hello-
I'm currently using RoboHelp to create an HTML-based internal user guide for a software product. This guide has many images and figures in it and each will need an accompanying caption. Each caption must appear centered directly beneath the accompanying image.
I need some guidance on two issues, please:
1. What is the best practice for inserting a caption along with an image? I currently cannot find any tool or which enables a RoboHelp user to insert an image into a document and designate a caption to be displayed with that image.
2. Each image will be uniquely numbered (Figure 1, Figure 2, etc.). It may be necessary, as the document is drafted and redrafted, to remove images from and insert other images into the document. How can the numbering of images be set up so that the removal or addition of an image will automatically reset the numbering of all affected images accordingly? I would very much like to avoid resetting dozens of image number-designations manually.
Thank you-
Michael

Hi there
As far as the captions go, I would normally include the caption as part of the image itself. If you feel you must keep the text separate, I'm guessing you will need to resort to tables. One column and two rows.
As for the numbering, that one will be pretty tough. Keep in mind that in the world of HTML, people don't typically consume content in a linear fashion as they once did when all we had was print.
Someone may pop in here with some solution I've been unaware of. But presently, I'm unaware of a way to force that type of numbering.
Cheers... Rick

Need help [JS]: select images/captions in InD, switch to Bridge and write to XMP

I've got a javascript for CS3/Tiger that I'm writing that eventually will let a user select an image and a caption in InDesign, then tells bridge to write the caption data into the image metadata. I need help - the script works in pieces, but not when put together.
It's built as an indesign script, then follows the procedure to create a script object to send to bridge. When it runs, the indesign portion works fine, but nothing happens in bridge.
The script is below, with comments.
Can someone help!? Thanks.
// This is the InDesign portion of the script, which was tested separately and is working fine. Right now, for testing purposes, the data from this portion isn't even used by the later Bridge portion but once I get the bridge part together, it will use those variables.
#target "indesign-5.0"
var myObjectList = new Array;
//Script does nothing if no documents are open or if no objects are selected.
if(app.documents.length != 0){
if(app.selection.length != 0){
for(myCounter = 0; myCounter < app.selection.length; myCounter ++){
switch(app.selection[myCounter].constructor.name){
case "TextFrame":
var myCaption = app.selection[myCounter].contents;
$.writeln(myCaption);
break;
default:
var myLink = app.selection[myCounter].graphics[0].itemLink.filePath;
$.writeln(myLink);
// here's where I create the string of the script to send to Bridge.
// the script itself is almost completely a lifted from the SnpModifyMetadta sample from the Bridge sdk
// it basically finds a certain image file and modifies the description metatata. i hardcoded the caption text and image path just for testing- eventually i would like it to use the variables from indesign.
// this script works fine as-is when run in the original Bridge scripting context.
// the method here of concatenating and sending the myScript string works fine when i use a different (smaller) script. so i can't tell why it's not working!?
var myScript = "function SnpModifyMetadata()";
myScript += "{";
myScript += " this.requiredContext = \"Needs to run in Bridge, \nwith a selection of a file, \nideally with some metadata\";";
myScript += "}";
myScript += "SnpModifyMetadata.prototype.run = function()";
myScript += "{";
myScript += " if(!this.canRun())";
myScript += " {";
myScript += " return false;";
myScript += " }";
myScript += " if( xmpLib == undefined )";
myScript += " {";
myScript += " if( Folder.fs == \"Windows\" )";
myScript += " {";
myScript += " var pathToLib = Folder.startup.fsName + \"/AdobeXMPScript.dll\";";
myScript += " }";
myScript += " else";
myScript += " {";
myScript += " var pathToLib = Folder.startup.fsName + \"/AdobeXMPScript.framework\";";
myScript += " }";
myScript += " var libfile = new File( pathToLib );";
myScript += " var xmpLib = new ExternalObject(\"lib:\" + pathToLib );";
myScript += " }";
myScript += " $.writeln(\"About to run SnpModifyXML\");";
myScript += " var thumb = new Thumbnail(Folder(\"/Macintosh HD/Users/hearstuser/Desktop/BridgeScriptImages/orion_stack copy 6.psd\"));";
myScript += " if(thumb.hasMetadata)";
myScript += " {";
myScript += " var md = thumb.synchronousMetadata;";
myScript += " var xmp = new XMPMeta(md.serialize());";
myScript += " $.writeln(\"SnpModifyXML: About to modify XMP data for \" + thumb.name);";
myScript += " $.writeln(\"XMP packet before modifications:\");";
myScript += " $.writeln(\"-------------------------------------------------\");";
myScript += " $.writeln(xmp.dumpObject());";
myScript += " xmp.deleteProperty(XMPConst.NS_XMP, \"Description\");";
myScript += " xmp.setProperty(XMPConst.NS_XMP, \"Description\", \"hoThereHeyThere\");";
myScript += " var d = new XMPDateTime(new Date());";
myScript += " d.convertToLocalTime();";
myScript += " xmp.setProperty(XMPConst.NS_XMP, \"ModifyDate\", d, XMPConst.XMPDATE);";
myScript += " $.writeln(\"XMP packet af

Recently I received an e-mail from a user asking me to remake the script I had posted here a while ago.
I rechecked my previous post and found a couple of serious mistakes. So I revised it according to what he asked. Each page in his InDesign document contains one image and one text frame with description.
At start the script checks the selection. If nothing is selected it processes all pages in the document. In case two objects are selected – it checks whether one of them text frame and the other a rectangle and if the rectangle contains an image, then it reads the contents of the text frame, replacing hard and soft returns with spaces and writes this text to the corresponding image’s description field.
In the end, it updates all links and saves the file.
The script works both on Mac and PC, assuming that CS3 installed in the default location so long as it depends on libraries:
/C/Program Files/Adobe/Adobe Bridge CS3/AdobeXMPScript.dll (on PC)
/Applications/Adobe Bridge CS3/Bridge CS3.app/Contents/MacOS/AdobeXMPScript.framework (on MAC)
So, if necessary, correct these lines.
Here is my script in case somebody is interested:
#target indesign
var myDoc = app.activeDocument;
var mySelection = app.selection;
if (mySelection.length == 0) {
    ProcessPages();
else if (mySelection.length == 1) {
    alert("One image and one textframe should be selected.");
    exit();
else if (mySelection.length == 2) {
    try {
        if (mySelection[0].constructor.name == "TextFrame" && mySelection[1].images.length == 1) {
            var myTextFrame = mySelection[0];
            var myImage = mySelection[1].images[0];
            var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
            var myPath = new File(myImage.itemLink.filePath).absoluteURI;
        else if (mySelection[1].constructor.name == "TextFrame" && mySelection[0].images.length == 1) {
            var myTextFrame = mySelection[1];
            var myImage = mySelection[0].images[0];
            var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
            var myPath = new File(myImage.itemLink.filePath).absoluteURI;
    catch(e) {
        alert("Something wrong with your selection.\nError: " + e.message);
        exit();
    CreateBridgeTalkMessage(myCaption, myPath);
else if (mySelection.length > 2) {
    alert("One image and one textframe should be selected.");
    exit();
UpdateAllOutdatedLinks();
myDoc.save();
alert("All done.");
//+++++++++++++++++++ FUNCTIONS ++++++++++++++++++++++
function CreateBridgeTalkMessage(myCaption, myPath) {
    var bt = new BridgeTalk();
    bt.target = "bridge";
    var myScript = WriteCaption.toString() + '\r';
    myScript += 'WriteCaption(\"' + myCaption + '\", \"' + myPath + '\");';
    bt.body = myScript;
    bt.send();
function WriteCaption(myCaption, myPath) {
    if( xmpLib == undefined ) {
        if( Folder.fs == "Windows") {
            var pathToLib = "/C/Program Files/Adobe/Adobe Bridge CS3/AdobeXMPScript.dll";
        else {
            var pathToLib = "/Applications/Adobe Bridge CS3/Bridge CS3.app/Contents/MacOS/AdobeXMPScript.framework";
        var libfile = new File( pathToLib );
        var xmpLib = new ExternalObject("lib:" + pathToLib );
    var thumb = new Thumbnail (File (myPath));
    if (thumb.hasMetadata) {
        var md = thumb.synchronousMetadata;
        var xmp = new XMPMeta(md.serialize());
        xmp.deleteProperty(XMPConst.NS_XMP, "Description");
        xmp.setProperty(XMPConst.NS_XMP, "Description", myCaption);
        var updatedPacket = xmp.serialize(XMPConst.SERIALIZE_OMIT_PACKET_WRAPPER | XMPConst.SERIALIZE_USE_COMPACT_FORMAT);
        thumb.metadata = new Metadata(updatedPacket);
function ProcessPages() {
    var myPages = myDoc.pages;
    for (i = 0; i < myPages.length; i++) {
        var myPage = myPages[i];
        if (myPage.textFrames.length == 1 && myPage.rectangles.length == 1) {
            if (myPage.rectangles[0].graphics.length == 1) {
            var a = myPage.rectangles[0];
                var myImage = myPage.rectangles[0].graphics[0];
                var myPath = new File(myImage.itemLink.filePath).absoluteURI;
                var myTextFrame = myPage.textFrames[0];
                var myCaption = ReplaceReturnWithSpace(myTextFrame.contents);
                CreateBridgeTalkMessage(myCaption, myPath);
function ReplaceReturnWithSpace(myString) {
    myString = myString.replace( /\n/g , " " );
    myString = myString.replace( /\r/g , " " );
    return myString;
function UpdateAllOutdatedLinks() {
    for(var myCounter = myDoc.links.length-1; myCounter >= 0; myCounter--){
        var myLink = myDoc.links[myCounter];
        if (myLink.status == LinkStatus.linkOutOfDate){
            myLink.update();
If somebody interested in developing this script further, do not hesitate to post here your feedback.
Kasyan

SPRY GALLERY STATIC - main image caption from alt attribute?????

I have been searching and digging for an answer to this question, but nothing comes up... the web , discussions, spry documentation... there is no joy to be had where the static gallery is concerned.
Please, could someone here enlighten me? I am trying to figure out how to add captions with static links. I have a working version of the gallery with thumbnails embedded on the page, but am stuck trying to bring the ALT attribute into the main image.
I have just finished a redesign of my boyfriend’s site, which is image heavy and uses the dynamic gallery in many of its pages (no problem with captions there). I am trying to replace the XML with static content for usability, tracking and general search engine issues. I could post a link to my static version if this helps clarifying the problem.
Help would be hugely appreciated.

Please read what I am writing to you.
SparklyArt wrote:
Thank you Ben, for your informative reply and link!
I can see the advantages of an html dataset, it makes a lot of sense, but the problem I am trying to solve right now is due to the fact that the spry gallery static does not use any dataset at all, which is actually great, but I can’t find any information on how to add titles to the main images.
Maybe this will clarify... my test page < http://www.theoland.com/art/spryGalleryStatic.htm > is based on this example:
< http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html > - here, the embedded thumbnails are linked directly to the main images... no xml, no dataset... but, unfortunately, no titles either... are there any scripts that would help solve this? Can the gallery_init.js be modified to grab the alt or title tag?
The site has validated as it is (gallery test not included), but the dynamic pages are definitely not search engine friendly. The static gallery_pe would be a lovely alternative.
Can you help?
Even though you might not think so, your static gallery does have a database of sorts albeit in the form of images placed in a folder. This is called a flat database because it does not have the different relationship tiers of the likes of MySQL.
To update your database, you simply add/remove/change an image and to link that data to your web page you add/remove/change the link; exactly the same process as with MySQL.
The problem that you are faced with is that, except for the name, width, height, size, encode type, there is no information attached to the image that you can use for a caption or title.
That is why I suggested using an HTML table so that you can marry your image up to some useful information. No JavaScript required! These sorts of tables have been in use for more two decades to show the same as what you are showing in your static gallery; but without the fancy features that JavaScript (in our case Spry) adds.
These pages give us the ultimate in search engine intimacy.
Having established the above, we make use of the HTML table to create a Spry dataset on the same page. Nothing else changes.The Spry dataset can then be used to incorporate the fancy features that you so desparately want all without XML.
JavaScript (in our case Spry) data is not search engine friendly, but because we already have the data in our static HTML table we do not have to wory about that.
The end result is a good looking site that is search engine friendly.
Ben

Swap Image Thumbnail Borders In IE

I'm creating a web site and am using swap image on a Photo Gallery page. In Internet Explorer the thumbnails in the swap image function show blue borders. In Mozilla Firefox the borders display as light green and changing to rust when I hover over the thumbnail which is what I want.
Is there a work around to solve this problem in IE?
The web site being created is http://www.aspenmountaincabin.com/photos.html
Thank you.

Add the below css styles to your css stylesheet:
#mainContent a img {
border: 2px solid #cccc99;
#mainContent a:hover img {
border: 2px solid #996633;

Images losing borders when generated in WebHelp Pro

Project comes from a linked Frame document. When WebHelp Pro is generated, some of the images lose their borders but not all.
Re-generation multiple times seems to jump the borders back in.
The HTML looks fine in comparison with the images that do have their borders.
Any ideas?

First off, probably should have posted in the FM Integration forum. Are you using a RH Server to host the output? If not, then don't use WebHelp Pro - it's deliberately created for RH Server hosting. What's different about the images that "work" and those that don't?

Problem combining Spry effects with image captions [was: LShub]

I am using Spry effects combo sample 2. The thumbnails in the sample are all included within the same preview div. I need to include captions underneath the images, so I have each thumbnail and caption within a separate div. The effect still works everywhere except Explorer. In Explorer 7, the image grows behind the image in the next div.
I read through the Spry for Ajax forum, but the Java Script used there is different. I have tried putting all the divs I want to grow inside another and giving the new div a position and z index. I have also added a z-index in the CSS of the preview div. Nothing I've tried works. Is there a fix?
Here is a link for the page I am working on:
http://www.nhci.com/stage/kitchens/countertops.html?tab=kitchens#
Relevant CSS:
.thumbs {
    clear: both;
    margin: 5px auto;
.thumbnails85 div {
    position: relative;
    width: 85px;
    height: 85px;
    float: left;
    margin: 6px;
    padding: 0;
    float: left;
    display: inline;
.thumbnails85 img {
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
.preview {
    padding: 3px;
    margin-bottom: 5px;
    height: 300px;
    width: auto;
    margin-right: 3px;
    position: absolute;
    float: left;
.spacer105 {
    height:105px}
[Subject title edited by moderator]

I am using Spry effects combo sample 2. The thumbnails in the sample are all included within the same preview div. I need to include captions underneath the images, so I have each thumbnail and caption within a separate div. The effect still works everywhere except Explorer. In Explorer 7, the image grows behind the image in the next div.
I read through the Spry for Ajax forum, but the Java Script used there is different. I have tried putting all the divs I want to grow inside another and giving the new div a position and z index. I have also added a z-index in the CSS of the preview div. Nothing I've tried works. Is there a fix?
Here is a link for the page I am working on:
http://www.nhci.com/stage/kitchens/countertops.html?tab=kitchens#
Relevant CSS:
.thumbs {
    clear: both;
    margin: 5px auto;
.thumbnails85 div {
    position: relative;
    width: 85px;
    height: 85px;
    float: left;
    margin: 6px;
    padding: 0;
    float: left;
    display: inline;
.thumbnails85 img {
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
.preview {
    padding: 3px;
    margin-bottom: 5px;
    height: 300px;
    width: auto;
    margin-right: 3px;
    position: absolute;
    float: left;
.spacer105 {
    height:105px}
[Subject title edited by moderator]

Text Alignment - Image Captions

I am trying to set up a wiki page with various images, and wanted to provide each image with a caption (displayed underneath). What is the best way to achieve this? I haven't seen any options for text alignment in the wiki, and it strips my CSS attributes out.
Ideas?

I have been able to solve this in the following manner:
1) Switch to code view by clicking on the "" button.
2) Add your image that will have a cation using the following syntax:
The longdesc attribute will be used as the target location in case you want to link it (I haven't yet figured out how to make the link work in the same browser without opening a new window).
The key here was to use the thumbnail class.
Any other thoughts or insights that you may have related to this?
Thanks!
-Mike
Message was edited by: Miggl

Image captions not showing in fancybox...

I was 99% sure that Chad's answer from April 2012 would work for me too, but, alas, it did not fix my photo gallery problem, and messed up my galleries. I can go back to the fancybox without captions, but I would really like to have them if possible.
If you can, take a look. Did I just mess up the implementation?
http://www.pujolskitchen.com/photo-gallery/deidre-visits-food-network
script is at:
http://www.pujolskitchen.com/javascript/scripts.js
at about line 453 i replaced with Chad's code...
now the images take over the whole page and you can't navigate.
I'll have to revert back soon (can't leave it this way too long)
Let me know if you see something.
jeannie

this was Chad's post from April 2012:
What we know is they have pretty much disabled the BC lightbox effect and replaced it with fancybox.
Problem is that in doing so they are not adding the title attribute back into the a tag for each image, which is were the captions are coming from.
To fix this issue you will have to edit the code on your scripts.js file. I've created a jsfiddle page that shows the current code and what you will need to add to get the title attr back on your a tag.
http://jsfiddle.net/chaddidthis/ELuMJ/
Let me know if this doesn't work. I'm 99% sure it will though.
Thanks,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Image frame borders

What I'm trying to do is overlap photos in Indesign with a black border (no problem there) but on the overlapping areas I'd like a white border around the black border to add some depth- is there a way to apply two borders to a frame? or do I have to create a white box and put it behind the image?

In the Stroke panel, select Stroke Styles from the flyout menu. Click New. Choose Stripe from the Type pop-up menu. Play with the arrows on the left until you have a thick black stroke starting at about 20%. Names the style and click OK, then click OK again. Use that style. You'll need to pick Paper as the gap colour in the Stroke panel.

Problem rotate Image black borders appear??!!

Hi I'm using a method to rotate an image file (exactly a buffered image inside the rotate method).
That works fine, i get a new image which has been rotated but black borders appear!!!
Is there a way with the renderinghints or something else to remove these borders (or put them in white)??
here is what I use for the moment :
g.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
RenderingHints.VALUE_INTERPOLATION_BICUBIC );
Any idea would be appreciated...

I haven't seen that happen. Perhaps your math is off by one? Could you post a minimal program
that demonstrates this, using a generated image, or an image from an accessible URL?
To change the color of the "border", you could fillRect() your target image with white first...

Images - captions & borders

Similar Messages

Maybe you are looking for