Unexpected gap between text and image.

I have hit a slight snag on my webpage: <http://www.peterforkes.com/Test>.
if you scroll to the bottom you will see the send of the text area and then there is a gap and then there is the image that I was to be flush up against the bottom of the text. Unfortunately, there is a gap creeping in that I cannot figure out ho wto remove.
Can anyone offer any advice as to why this gap is there and (more importantly) how I get rid of it?
Thanks.

Peter A. Forkes wrote:
Can you also point out where I have added the margin in this page that is causing the top image to be separated from the main body on this page?
<http://www.peterforkes.com/resume>
No gap - must have sorted it out since posting?

Similar Messages

Space between text and images?

I have a gallery of images with headings above them and am trying to change the distance between the text and the images. I have tried floats and padding but cant get it to work. My headings are in a table and my images are not so it seems that there is some sort of default padding between the images and the text tables.
Here is a link..
http://www.rsicorp.org/rsi/silvagilroy.html

Copy & paste this into a new, blank html page. It's a real quick and dirty layout but hopefully it will show you what you need to know.
FYI Code errors do matter. 90% of browser rendering issues are directly related to code. Trouble shooting is made that much easier when you work with clean code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled</title>
<style type="text/css">
CSS layout modified by Alt-Web Design and Publishing www.alt-web.com 8/17/2010
body {
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica,sans-serif;
background: #FFF;
text-align:center;
#container {
width : 1000px; /**adjust width in px, ems or % **/
margin : 0 auto; /**centered on page**/
border : 1px solid #020873;
text-align : left;
background: navy;
#header {
width: 100%;
min-height: 100px; /**same height as background image; if none; remove height**/
_height: 100px;
padding:0;
color: #FFF;
#header h1 {
margin: 0;
padding: 10px 20px;
font-size: 14px;
text-transform:uppercase;
#header address {
padding: 0 20px;
font-size: 14px;
font-weight:bold;
#sidebar1 {
width: 175px;
height: 1%;
padding: 15px 5px;
/**to reduce float drop issues in IE6**/
overflow: hidden;
float: left;
color: #FFF;
#mainContent {
margin: 0 0 0 190px;
background: #FFF;
padding: 10px;
#footer {
padding: 0 10px;
background:#DDD;
clear: both;
#footer p {
margin: 0;
padding: 10px 0;
font-size: 12px;
color: #CC3300;
text-align: center;
/**BEGIN PHOTOS**/
/**this styles the image container**/
#photos p {
float:left;
padding: 10px;
border: 1px solid silver;
/**this styles caption text**/
font: italic 12px/1 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
line-height: 2em;
margin: 22px;
/**same size images recommended, adjust as req'rd**/
#photos img {
width:121px;
height:90px
/**photos float clearing**/
.clearing {
clear:left;
height:1px;
width: 100%;
/**re-usable CLASSES**/
.left {text-align: left}
.center {text-align: center}
.right {text-align:right}
</style>

</head>
<body>
<div id="container">
<div id="header">
<h1 class="right">Company Name </h1>
<address class="right">
address, city, state,
telephone
</address>
 </div>
<div id="sidebar1">
<p>#sidebar1 = 175px wide + 10px padding </p>
<p>insert your list menus here</p>
<p>insert your ads here</p>
<p> </p>
<p><end of sidebar1> </p>
 </div>

<div id="mainContent">
<h1>#container = 1000px </h1>
<h1>#mainContent = left-margin 190px </h1>
<h3> </h3>
<h3>Begin #Photos </h3>

<div id="photos">
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
<p>optional caption<br />
<img src="http://www.rsicorp.org/rsi/images/Thumbs Pre/1001thumb.jpg" alt="some description" /></p>
</div>

<hr class="clearing" />
</div>
<div id="footer">
<p>Your footer text goes here</p>
 </div>
 </div>
</body>
</html> 
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How To Reduce Space Between Text and Image

I am trying to wrap text around an irregular shape in InDesign CS4. I used the pen tool to mark the outline of the image, cut the image, then selected the pen outline and pasted the image into the outline. With the TextWrap settings set to what is in this dialog box, text wrapping appears fine on the right-hand side, but has too much space on the left-hand side.
If I try to reduce the space even further, it just affects the right-hand side of the image, not the left:
It is doing the same thing for all of my irregularly-shaped images where I try to wrap text. How can I reduce the whitespace to the left of the image?

Actually just noticed your text is already justified apologies.
Couple more things you can try to improve this:
From Control panel menu choose Justification and try using the following settings:
Minimum
Desired
Maximum
Word Spacing
80%
100%
120%
Letter Spacing
-2%
0%
2%
Glyph Scaling
98%
100%
102%
Also check that Single Word Justification is set to Full Justify.
Cari

Getting rid of gap between title banner image and Spry Menu bar?

Hi,
Here's what I have so far :
http://www.artbywaqas.com/TEST/index.html
How can I get rid of the gap between the banner image and the menu below it?

Please explain, what is the center element as in line 43 with the closing tag on line 94?
Also, wrapping the banner image in a paragraph element ensures that you will have a margin and/or padding above and below the element unless you specifically change the style rules to eleminate the marging and/or padding.
The quickest solution is to remove the center element (which does not exist) and change the paragraph elemnt to a div element.
Gramps

Disappearing text and image

I created letterhead in Pages for my lil brothers film production company. Saved. Exported the document to Word. Sent it to him. So far so good. Looks great. Each time he opens the document in WORD and trie to alter the text by selecting and typing over it both the text and the graphics disappear.
Is there any way to correct this? I really love the letterhead and have been having problems recreating it in other software.

Thanks for a quick response. I see yr point. The thing is I am setting up a table cell editor and a renderer. It is easy to set up the editor with a combo box. For the renderer, I am using a default cell renderer and I want to make it look like a combo box as well. Since the default cell renderer extends JLabel, I do something like
comboBoxRenderer = new DefaultTableCellRenderer();
ImageIcon image = new ImageIcon("image/Play16.gif");
comboBoxRenderer.setIcon(image);
comboBoxRenderer.setHorizontalTextPosition(JLabel.LEADING);
which does not get me the effect I want. I can put more pixels between the text and image using setIconTextGap. But it is not fool proof. I think I will try yr approach, but then it gets a little complicated. Would have been good if there is simpler way. I will appreciate yr thoughts

Can only see text and image outlines

I am new and got stuck!
When I run the fla, it runs fine. However I have hit some setting and all I can see is the texts and image outlines...
Here are some screen shots:
This is what it looks like when i run it:
Please help! its probably the most fundamental thing ever but I am stuck and it is hot and I'm frustrated. Thank-you

Your timeline is set to outline view. At the top of the timeline, in the section where the names of each layer are shown, there are three icons: an eye, a lock and a box. Click on the box icon to switch between outline and normal view.

Resizing text and images with actions and keeping it resized for the next slides, how to?

Hello everybody,
I searched over the net and in this support section for a solution to my problem, but i didnt find any, so...here I am asking you experts.
Through a particular use of different actions I make a logo "compose" in the first slide of my presentation (the logo is composed by text and images that interact), then in the second slide i make it resize so it goes 50% of its size and moves down like a TV logo, in the corner of the slide, and I want it to stay there for all the lenght of the presentation.
It might be a stupid problem, but I didnt understand how to keep it there, 50% of its size and always in that position. If i duplicate the slide I obviously duplicate the 100%-size-logo, not its 50%-size-version, and if i shrink it in order to make it be 50% of its size the text size doesnt shrink so i have to change the text size manually, but the visual effect is imperfect.
Lets summarize:
slide 1: text appears, image appears, the text and the image move and "compose" the logo
slide 2: the complete logo reduces its size to 50% and moves in the lower corner of the presentation, in the place I want it to be for, lets say, 20 slides
slide 3: i want to have this logo already reduced in size and in its position, in the right lower corner, but if i try to group the different parts of the composed logo and i try to squeeze them the font doesnt change its size, I only squeeze the area that the text occupies.
Some help please guys?
Thanks in advance,
Dom-
(add: the problem is kind of similar to this: https://discussions.apple.com/message/9179367#9179367 . the idea of making a slide that contains the logo and text in the exact positions they would be after the move and scale actions is good and that was my first attempt, the probem is that it looks impossible to me to create a second "little" version of the logo that looks exactly the same of the first one that i reduced, so i hope there is some way to tell the app to use "the first logo, only resized the way i want", and thats the point where the problem with the size of the text comes out)

Hi pritam,
The “maintain proportions of window for different monitor
resolutions” property will maintain the proportional size of the front panel
(its x and y sizes) when opened in a different resolution. The front panel
objects will not be resized and will appear larger (and may not fit inside the
front panel) when saved in a higher resolution, and moved to a lower
resolution. You can use the “Keep window proportions” property to achieve the
same results.
To have both the front panel dimensions and front panel
controls scale, you need to have both the above property and the “scale all
objects on front panel as the window resizes” selected. The labels will not be
resized by this.
I tried using both properties on two monitors and noticed
that the change does not occur when the resolutions between the monitors are
different. I had to lower both monitors’ resolution to see the change work
properly.
Please post back if you have any questions. Have a great day!
Ryan D.
District Sales Manager for Boston & Northern New England
National Instruments

Pausing a sequence of text and images

Ok, I have 6 tabs down the side of the main screen where
users can hover over to select which tab to view. All they do is
hover to select the tab - no clicking. The sequence changes from
tab to tab sequentially (if a tab is selected then the sequence
just carries on from the tab that was selected. So it starts on tab
1 if the user hover over tab 4 then after that tab information is
displayed for 5 seconds then tab 5 will play then 6...) with each
tab having its individual text and images.
My problem is that I want the whatever tab the user is
hovering over to stay. So I will only want the sequence to carry on
running when the user has not got the cursor on a tab.
I am at the stage at the moment where I can select any of the
tabs (they are buttons) by hovering over them by using the goto
text, then the sequence continues. I need the sequence to stay
until the cursor is off the tab. One other thing, each tab is set
to display for 5 seconds before it changes again.
Someone please help. I feel as though this may be quite an
easy problem to solve?!?
Thanks
Dan

Priscilla,
I routinely combine 10 lines of 36 pt bible or lecture text to a suitable background using Boris Title 3D.
Many times the text is too long to fit the screen using Boris, so I devide it into 2 or more parts with no transition between sections.
In my case, the text is on the screen as the speaker quotes them.
David

How can I combine a lot of text and images on the same screen?

How can I combine a lot of text and images on the same screen? I can get a couple of words on the screen with a graphic but not 10 lines. I need 10 lines on the page with the image.

Priscilla,
I routinely combine 10 lines of 36 pt bible or lecture text to a suitable background using Boris Title 3D.
Many times the text is too long to fit the screen using Boris, so I devide it into 2 or more parts with no transition between sections.
In my case, the text is on the screen as the speaker quotes them.
David

The latest Firefox version won't expand to make text and images more visible on my 32" screen, although I have tried to adjust the advanced Windows appearance settings in the same way that has worked in previous versions of Firefox.

Normally I have had to go to Control Panel; Appearances and Themes; Display; Settings; Advanced; Custom; and then I adjust the Customize Setting to 155% (149 dpi). I have hit on this setting through trial and error; larger and icons like the cursor get big and fuzzy. Smaller than 155% and text and images are tiny on the 32" wide screen. This time that procedure doesn't seem to work. The text and images remain too small regardless of setting, although the cursor icon gets big. I can manually zoom the pages, but that is clumsy and has to be redone. Does anyone know of an easy setting fix? I am not too smart about this stuff--mostly trial and error, but I do want to be able to enjoy my wide screen. Thanks!

Normally I have had to go to Control Panel; Appearances and Themes; Display; Settings; Advanced; Custom; and then I adjust the Customize Setting to 155% (149 dpi). I have hit on this setting through trial and error; larger and icons like the cursor get big and fuzzy. Smaller than 155% and text and images are tiny on the 32" wide screen. This time that procedure doesn't seem to work. The text and images remain too small regardless of setting, although the cursor icon gets big. I can manually zoom the pages, but that is clumsy and has to be redone. Does anyone know of an easy setting fix? I am not too smart about this stuff--mostly trial and error, but I do want to be able to enjoy my wide screen. Thanks!

How can i copy line with text and image to ms word

When I insert an image in textflow using InlineGraphicElement it works, but when I copy the line with the image to MS Word it copies only the text (not the image).
How can i copy the image to MS Word?

If you want copy formatted text and image to MS Word, you need to give MS Word rtf markup, because Word can recognize rtf markup but not TLF markup.
So you need to create a custom clipboard to paste a rtf markup. It's a large feature for you, because you need a tlf-rtf converter in your custom clipboard.
TLF Custom Clipboard Example:
package
    import flash.display.Sprite;
    import flash.desktop.ClipboardFormats;
    import flashx.textLayout.container.ContainerController;
    import flashx.textLayout.conversion.ITextImporter;
    import flashx.textLayout.conversion.TextConverter;
    import flashx.textLayout.edit.EditManager;
    import flashx.textLayout.elements.*;
    import flashx.undo.UndoManager;
    // Example code to install a custom clipboard format. This one installs at the front of the list (overriding all later formats)
    // and adds a handler for plain text that strips out all consonants (everything except aeiou).
    public class CustomClipboardFormat extends Sprite
        public function CustomClipboardFormat()
            var textFlow:TextFlow = setup();
            TextConverter.addFormatAt(0, "vowelsOnly_extraList", VowelsOnlyImporter, AdditionalListExporter, "air:text" /* it's a converter for cliboard */);
        private const markup:String = '<TextFlow whiteSpaceCollapse="preserve" version="2.0.0" xmlns="http://ns.adobe.com/textLayout/2008"><p><span color=\"0x00ff00\">Anything you paste will have all consonants removed.</span></p></TextFlow>';
        private function setup():TextFlow
            var importer:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_LAYOUT_FORMAT);
            var textFlow:TextFlow = importer.importToFlow(markup);
            textFlow.flowComposer.addController(new ContainerController(this,500,200));
            textFlow.interactionManager = new EditManager(new UndoManager());
            textFlow.flowComposer.updateAllControllers();
            return textFlow;
import flashx.textLayout.conversion.ITextExporter;
import flashx.textLayout.conversion.ConverterBase;
import flashx.textLayout.conversion.ITextImporter;
import flashx.textLayout.conversion.TextConverter;
import flashx.textLayout.elements.IConfiguration;
import flashx.textLayout.elements.TextFlow;
class VowelsOnlyImporter extends ConverterBase implements ITextImporter
    protected var _config:IConfiguration = null;
    /** Constructor */
    public function VowelsOnlyImporter()
        super();
    public function importToFlow(source:Object):TextFlow
        if (source is String)
            var firstChar:String = (source as String).charAt(0);
            firstChar = firstChar.toLowerCase();
            // This filter only applies if the first character is a vowel
            if (firstChar == 'a' || firstChar == 'i' || firstChar == 'e' || firstChar == 'o' || firstChar == 'u')
                var pattern:RegExp = /([b-df-hj-np-tv-z])*/g;
                source = source.replace(pattern, "");
                var importer:ITextImporter = TextConverter.getImporter(TextConverter.PLAIN_TEXT_FORMAT);
                importer.useClipboardAnnotations = this.useClipboardAnnotations;
                importer.configuration = _config;
                return importer.importToFlow(source);
        return null;
    public function get configuration():IConfiguration
        return _config;
    public function set configuration(value:IConfiguration):void
        _config = value;
import flashx.textLayout.elements.ParagraphElement;
import flashx.textLayout.elements.SpanElement;
import flashx.textLayout.elements.ListElement;
import flashx.textLayout.elements.ListItemElement;
class AdditionalListExporter extends ConverterBase implements ITextExporter
    /** Constructor */
    public function AdditionalListExporter()
        super();
    public function export(source:TextFlow, conversionType:String):Object
        if (source is TextFlow)
            source.getChildAt(source.numChildren - 1).setStyle(MERGE_TO_NEXT_ON_PASTE, false);
            var list:ListElement = new ListElement();
            var item1:ListItemElement = new ListItemElement();
            var item2:ListItemElement = new ListItemElement();
            var para1:ParagraphElement = new ParagraphElement();
            var para2:ParagraphElement = new ParagraphElement();
            var span1:SpanElement = new SpanElement();
            span1.text = "ab";
            var span2:SpanElement = new SpanElement();
            span2.text = "cd";
            list.addChild(item1);
            list.addChild(item2);
            item1.addChild(para1);
            para1.addChild(span1);
            item2.addChild(para2);
            para2.addChild(span2);
            source.addChild(list);
            var exporter:ITextExporter = TextConverter.getExporter(TextConverter.TEXT_LAYOUT_FORMAT);
            exporter.useClipboardAnnotations = this.useClipboardAnnotations;
            return exporter.export(source, conversionType);
        return null;

How can i create a simple netweaver portal page that shows text and images?

Hi,
i have a simple question or maybe it's not so simple.
I am completly new to SAP Netweaver 2004s Portal. At the moment i'm trying to understand the struture of the whole thing. I already know how to create roles, worksets and pages and i know how to combine the different elements so a user can acces them.
And now i want to create a simple portal page that shows text and images. Is it possible to create such a simple page with the portal content studio? What iView do i have to use?
(I just want to create a start page with a welcome text on it.)

Marc
Considering that you would any ways go ahead with complex development from this simple start page I recommend create a Web dynpro Iview for your start page (include the Iview in your page).
For putting the contents use Netweaver Developer studio to build a simple start page application and put your static text on that Iview.
Please go through the following log after your NWDS development is over - This will make you comfortable for further challenging work.
http://help.sap.com/saphelp_erp2005/helpdata/en/b7/ca934257a5c96ae10000000a155106/frameset.htm
Do reward points if this helps and let me know of you want anything more.

Printing text and images together on a single page (printjob)

Hello all,
how am I able to print both text and images on the same page (defined by one printjob), using the javax.print API?
It seems that one printjob (one page) can have only one flavor, that is text, or GIF, or JPEG, etc. Since the majority of print jobs out there usually require text and graphics on the same sheet this seems a bit strange.
I have resorted on creating a PDF file through the iText library, and then printing by converting to GIF (quality is significantly reduced though, not an option), or by using the Acrobat Reader command line from java (looks dangerous for batch printing). My printer does not support printing directly using the PDF flavour.
So, I solved the problem by converting to PDF, but printing is still cumbersome. Any other ideas?
Thank you for your time,
Ari.

TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Need help with adding formatted text and images to Crystal Report?

Here's my scenario:
I have a customer statement that's generated as a crystal report and that has a placeholder for advertisement. The advertisement is mixture of formatted text and images. Until now we only had one advertisement that was always used on the report. The new requirement is that we would have a pool of hundreds of advertisements and would need to display one specific advertisement on the customer statement based on various marketing criteria. They key is that the advertisement content will be determined programmatically and cannot be hardcoded into the report. I'm using Crystal2008 with .net SDK.
Here are the solutions I thought of, but I'm still rather lost and would appreciate your help/opinion.
1) Pass HTML or RTF to the report
Not really sure if this is possible and how to get it done. Also how would I pass in images? Would display formatting be reliable when exporting to PDF?
2) Create each add as a subreport and append it programatically
I actually have this working, but I only know how to append a new section to the end of the report and then load the subreport to the section. I have no other controll of the placement. Is there a way to dynamically load a subreport to a predefined section in the main report? How about adding a dummy subreport in the main report as a placeholder and then replacing it with a different subreport? How could I do this?
3) Pass an Image to the report
I would create each advertisement as an image and then would somehow add the image to the report. How would I load the image and control the placement? Could I somehow define a placeholder for the image in the main report-maybe a dummy image to be replaced?
Thank you.

Hello Pavel,
I would got the third way.
You can use dynamic images in your report.
Just by changing the URL to the image the image can be changed.
Please see the [Crystal Manual|http://help.sap.com/businessobject/product_guides/cr2008/en/xir3_cr_usergde_en.pdf] and search for images.
or directly here
[Setting a Dynamic Graphic Location Path on an Image Object|https://boc.sdn.sap.com/node/506]
[Dynamic image and HTTP://|https://boc.sdn.sap.com/node/3646]
[codesample for .NET|https://boc.sdn.sap.com/node/6000]
Please also use
[Crystal Reports 2008 SDK Documentation and Sample Code|https://boc.sdn.sap.com/developer/library/CR2008SDK]
[Crystal Reports 2008 .NET SDK Tutorial Samples|https://boc.sdn.sap.com/node/6203]
Hope this helps
Falk

Will Adobe ExportPDF convert a pdf with text and images to docx ?

I have tried to convert an adobe pdf, which includes text and images, to a docx file. The Adobe ExportPDF has not been able to do it - comes back with many errors.

Mostly it can do it, though you can't expect a precise match on the layout. What errors do you get?

Unexpected gap between text and image.

Similar Messages

Maybe you are looking for