Text placement
I have a small problem, I just started working on a site and I've made the title size 50 and placed some images right underneat in a row. Its looks fine in Design view, but when I switch to liveview or check in a browser, there's a huge gap between the text and images.
ie:
TITLE
IMAGES HERE
I've went into the properties in the CSS for the text and tried to scope something that would fix it, but I'm not all that familiar with dreamweaver just yet.
I just want to "crop"(?) the empty space away.
TITLE
IMAGES HERE.
Thanks.
Mike
<body onLoad="MM_preloadImages('../FOLDER/IMAGE.png')"><p class="size24">TITLE</p>
<p><img src="../FOLDER/IMAGE.png" width="150" height="150" alt="cosplay">
Always use headings <h1>, <h2>, <h3> for important text like titles. Search engines give headings greater importance than paragraphs.
<h1 class="size24" style="margin:0; padding:0">TITLE</h1>
<p style="margin:0; padding:0"><img src="../FOLDER/IMAGE.png" width="150" height="150" alt="cosplay">
</p>
How to Develop with CSS? (must read)
http://phrogz.net/css/HowToDevelopWithCSS.html
Reset CSS
http://meyerweb.com/eric/tools/css/reset/
Nancy O.
Similar Messages
-
Text placement problem in photoshop 4
I can't control text placement in photoshop 4. When I enter 2 letters, the line then zooms off to the right - right off the image. I tried uninstalling and reinstalling and it didn't help
Your talking about photoshop elements 4?
Or another version such as the old ps4 or photoshop cs4?
If it's photoshop elements 4, you might try resetting the Text Tool by clicking on the big T in the tool options bar and then clicking on Reset Tool -
bad text placement, overlays of text occur frequently. Sometimes minimal, often makes window useless.
If I go to IE9, window is fine.
What is the fix?
chuckYour talking about photoshop elements 4?
Or another version such as the old ps4 or photoshop cs4?
If it's photoshop elements 4, you might try resetting the Text Tool by clicking on the big T in the tool options bar and then clicking on Reset Tool -
Text placement in Firefox and Safari is good but not in ie7
I am using DW CS4 wit Windows Vista
When I preview my site in Firefox and Safari the text is exactly where I want it but when I look at it in IE7 the text is not in the correct position.
I designed the website using css with an image in the background of the container and then postioned text on top of the image with margins/padding on the Div tags.
Div tags LeftContent and RightContent are placed correctly, But Div Tags Quote1, Quote2, Quote3, & Quote4 do not place correctly in IE7 but they do place correcly in Safari and Firefox.
Is there some code needed for IE7?
The site also looks right in live preview
The Site is http://gigharborwashington.com/new/Hi Gary,
Thank you for your help. I used photoshop to slice the image into 8 images and then opened in in DW CS4 and created a div tag for each image. Then I inserted a div tag for the text into each image div tag.
In Safari, Firefox and IE7 the text appears where I want it. I think I may have done this the long way but it worked. If anyone has a short cut I would like to hear it.
http://gigharborwashington.com
Thank you again.
Mike -
When I click on the plus for a new tab, which automatically takes me to google.com so fine, but the cursor is in the address bar. It looks like the cursor is in the google search field, but it isn't.
When I click "home" the cursor defaults to the search field, which I feel is proper. Is there a way to have FF not default to the address bar for text input when opening a new tab?I doubt it. Google controls both their search and their browser and they integrate the features. But you can use "Ctrl+K" to place your cursor on Search Bar" within your Firefox toolbars. Pressing the TAB key is pretty much a waste of time since there are a lot of links before you get to the input area.
There might be an extension, if it bothers others, but I can't see a valid trade-off to justify using an extension for something that seems trivial to me. -
Text placement flowing onto new pages?
I am having a difficult time with the placement of text as it flows onto the next page.
I get everything to flow correctly--the field expands, goes onto the next page fine. I have a time field associated with this text field, which pushes it to the right. However, when the text field flows to the next page, it moves over to the left! I want it to stay in place, but I can't figure out how. Any suggestions?? It's kind of driving me batty!
I would have attached the pdf here to show exactly what I'm talking about, but they seem to have taken away the ability to attached pdf documents? I can only attach a video or picture. So I took a screen shot of what the form looks like when you try to fill it out and it goes onto the next page. I hope this helps.I believe, there are 2 items to be attantioned:
first:
look at object-panel, the field-tab, there is a cross to be set at pagebreak...
second:
look at the Layout-panel: there is a cross to be set under Y and Hight!
if no effect, than, take a new part of form around our item and check these 2 opinions to be set:
it might be work.
well, it has been this weekend my fashion to find a relation between these two selected items, not well.
ok?! -
Hello
I have a script that find text and replaced it with a image, but it makes a new document and i want it in the same document that i have open.
Can somebody help me with this problem. See script below. I work with Indesign CS 5 mac.
Kinde regards,
Patrick
#target indesign
var myDialogResult = CreateDialog();
if (myDialogResult == undefined) exit();
CheckIfChosenFoldersExist();
var myIndFiles = [];
var mySubFolders = [];
CheckFolder(myDialogResult.indFolder);
if (myIndFiles.length == 0) err("No InDesign files have been found in the selected folder and its subfolders.");
var myStartFolder = myDialogResult.imagesFolder.parent;
mySubFolders = getSubFolders(myStartFolder);
WriteToFile("\r--------------------- Script started -- " + GetDate() + "---------------------\n");
app.scriptPreferences.userInteractionLevel = UserInteractionLevels.neverInteract;
for (f = 0; f < myIndFiles.length; f++) {
ProcessIndFile(myIndFiles[f]);
app.scriptPreferences.userInteractionLevel = UserInteractionLevels.interactWithAll;
app.findGrepPreferences = app.changeGrepPreferences = null;
WriteToFile("--------------------- Script finished -- " + GetDate() + "---------------------\r\r");
alert("All done!");
// ------------------------------------------------- FUNCTIONS -------------------------------------------------
function PlaceImages() {
app.findGrepPreferences = app.changeGrepPreferences = null;
app.findGrepPreferences.findWhat = '@.+?@';
var myFoundItems = app.activeDocument.findGrep();
for (i = 0; i < myFoundItems.length; i++) {
var myName = myFoundItems[i].contents.replace (/@/g, "");
var myFile = new File(myDialogResult.imagesFolder + "/" + myName);
var myFrame = myFoundItems[i].parentTextFrames[0];
if (myFile.exists) {
PlaceIntoFrame(myFrame, myFile);
continue;
if (!SearchInSubfolders(myName, myFrame)) {
WriteToFile("\tNOT FOUND -- " + myFile.fsName + "\n");
function SearchInSubfolders(myName, myFrame) {
for (j = 0; j < mySubFolders.length; j++) {
var myFolder = mySubFolders[j];
var myFile = new File(myFolder + "/" + myName);
if (myFile.exists) {
PlaceIntoFrame(myFrame, myFile);
return true;
return false;
function PlaceIntoFrame(myFrame, myFile) {
try {
if (myFrame.characters.length < 100) {
myFrame.getElements()[0].place(myFile);
switch(myDialogResult.myRadSelected) {
case 2:
myFrame.fit(FitOptions.CENTER_CONTENT);
break;
case 3:
myFrame.fit(FitOptions.FRAME_TO_CONTENT);
break;
case 4:
myFrame.fit(FitOptions.PROPORTIONALLY);
break;
default:
// do nothing
WriteToFile("\tPlaced -- " + myFile.fsName+ "\n");
catch(e) {
WriteToFile("\tSome error occured while placing -- " + myFile.fsName + "\n");
function CheckFolder(folder) {
var fileList = folder.getFiles()
for (var i = 0; i < fileList.length; i++) {
var file = fileList[i];
if (file instanceof File && file.name.match(/\.indd$/i)) {
myIndFiles.push(file);
else if (file instanceof Folder) {
CheckFolder(file);
function getSubFolders(theFolder) {
var myFileList = theFolder.getFiles();
for (var i = 0; i < myFileList.length; i++) {
var myFile = myFileList[i];
if (myFile instanceof Folder){
mySubFolders.push(myFile.absoluteURI);
getSubFolders(myFile);
return mySubFolders;
function err(e, icon){
alert(e, "Place Images Script", icon);
exit();
function ProcessIndFile(myFile) {
try {
var myDoc = app.open(myFile);
WriteToFile(myDoc.name + "\n");
var myNewFile = new File(myFile.fsName.replace(/\.indd$/i, "_Backup.indd"));
myFile.copy(myNewFile);
catch(e) {
WriteToFile("Cannot open file -- " + myFile.fsName + "\nError: " + e.message + " (Error# " + e.number + ")\n");
PlaceImages();
myDoc = myDoc.save();
myDoc.close();
function CreateDialog() {
var myIndFolder, myImagesFolder;
if (app.extractLabel("Kas_PlaceImages_IndFolderPath") != "") {
var myIndFolderPath = app.extractLabel("Kas_PlaceImages_IndFolderPath");
else {
var myIndFolderPath = "No folder has been selected";
if (app.extractLabel("Kas_PlaceImages_ImageFolderPath") != "") {
var myImageFolderPath = app.extractLabel("Kas_PlaceImages_ImageFolderPath");
else {
var myImageFolderPath = "No folder has been selected";
var myDialog = new Window('dialog', 'Place Images');
myDialog.orientation = 'row';
myDialog.alignChildren = 'top';
var myPanel = myDialog.add('panel', undefined, 'Choose folders for:');
var myIndFolderStTxt = myPanel.add('statictext', undefined, myIndFolderPath);
var myButtonInd = myPanel.add('button', undefined, 'InDesign files', {name:'indd'});
var myImagesFolderStTxt = myPanel.add('statictext', undefined, myImageFolderPath);
var myButtonImages = myPanel.add('button', undefined, 'Image files', {name:'images'});
var myGroup = myDialog.add('group');
myGroup.orientation = 'column';
var myRadioPanel = myGroup.add('panel', undefined, 'After placing:');
myRadioPanel.alignChildren = 'left';
var myRadioBtn1 = myRadioPanel.add('radiobutton', undefined, 'do nothing');
var myRadioBtn2 = myRadioPanel.add('radiobutton', undefined, 'center content');
var myRadioBtn3 = myRadioPanel.add('radiobutton', undefined, 'fit frame to content');
var myRadioBtn4 = myRadioPanel.add('radiobutton', undefined, 'fit content proportionally');
if (app.extractLabel("Kas_PlaceImages_RadioSelected") != "") {
eval("myRadioBtn" + app.extractLabel("Kas_PlaceImages_RadioSelected") + ".value= true");
else {
myRadioBtn1.value = true;
var myOkCancelGroup = myGroup.add('group');
myOkCancelGroup.orientation = 'row';
var myOkBtn = myOkCancelGroup.add('button', undefined, 'Place', {name:'ok'});
var myCancelBtn = myOkCancelGroup.add('button', undefined, 'Quit', {name:'cancel'});
myButtonInd.onClick = function() {
myIndFolder = Folder.selectDialog ('Chose a folder for InDesign documents');
if (myIndFolder != null) {
myIndFolderStTxt.text = myIndFolder.fsName;
myButtonImages.onClick = function() {
myImagesFolder = Folder.selectDialog ('Chose a folder for Images');
if (myImagesFolder != null) {
myImagesFolderStTxt.text = myImagesFolder.fsName;
var myShowDialog = myDialog.show();
if (myIndFolder == undefined) {
if (myIndFolderStTxt.text == "No folder has been selected") {
myIndFolder = null;
else {
myIndFolder = new Folder(myIndFolderStTxt.text);
if (myImagesFolder == undefined) {
if (myImagesFolderStTxt.text == "No folder has been selected") {
myImagesFolder = null;
else {
myImagesFolder = new Folder(myImagesFolderStTxt.text);
var myRadSelected;
if (myRadioBtn1.value) {
myRadSelected = 1;
else if(myRadioBtn2.value) {
myRadSelected = 2;
else if(myRadioBtn3.value) {
myRadSelected = 3;
else if(myRadioBtn4.value) {
myRadSelected = 4;
app.insertLabel("Kas_PlaceImages_RadioSelected", myRadSelected + "");
app.insertLabel("Kas_PlaceImages_IndFolderPath", myIndFolderStTxt.text);
app.insertLabel("Kas_PlaceImages_ImageFolderPath", myImagesFolderStTxt.text);
if (myShowDialog== 1) {
var myResult = {};
myResult.indFolder = myIndFolder;
myResult.imagesFolder = myImagesFolder;
myResult.myRadSelected = myRadSelected;
return myResult;
function WriteToFile(myText) {
myFile = new File("~/Desktop/Place Images Report.txt");
if ( myFile.exists ) {
myFile.open("e");
myFile.seek(0, 2);
else {
myFile.open("w");
myFile.write(myText);
myFile.close();
function GetDate() {
var myDate = new Date();
if ((myDate.getYear() - 100) < 10) {
var myYear = "0" + new String((myDate.getYear() - 100));
} else {
var myYear = new String ((myDate.getYear() - 100));
var myDateString = (myDate.getMonth() + 1) + "/" + myDate.getDate() + "/" + myYear + " " + myDate.getHours() + ":" + myDate.getMinutes() + ":" + myDate.getSeconds();
return myDateString;
function CheckIfChosenFoldersExist() {
if (myDialogResult.indFolder == null) {
err("No folder has been chosen for InDesign files.", true);
else if (myDialogResult.indFolder.constructor.name == "Folder") {
if (!myDialogResult.indFolder.exists) {
err("Folder \"" + myDialogResult.indFolder.fsName + "\" chosen for InDesign files does not exist.", true);
if (myDialogResult.imagesFolder == null) {
err("No folder has been chosen for pictures.", true);
else if (myDialogResult.imagesFolder.constructor.name == "Folder") {
if (!myDialogResult.imagesFolder.exists) {
err("Folder \"" + myDialogResult.imagesFolder.fsName + "\" chosen for images does not exist.", true);Try this, I use it every day
/*******************ImagePlacer***************************
this script will addimages to the document by
substituting them with the name of the image file
between @s (file format included[@mypic.bmp@]),
selecting them from a specified file (see below)
and applying object styles to them, as well as
applying the right tab i necesary.
It then looks for overflows in the document. If an
overset is found, it will resize to margin size the
text frame and if overset continues, it will add a
new page and frame, which then will be linked
to the previous frame, allowing the story flow.
Questo file deve essere copiato nella cartella Script di InDesign
//Creates a new document using the specified document preset.
//Replace "myDocumentPreset" in the following line with the name
//of the document preset you want to use.
var myDocument = app.documents.add(true,app.documentPresets.item("MyPreset"));
//If the active document has not been saved (ever), save it.
if(app.activeDocument.saved == false){
//If you do not provide a file name, InDesign displays the Save dialog box.
app.activeDocument.save(new File("/Users/paolbot/Desktop/Document.indd"));
function main()
var myDocument = app.documents.item(0);
var myPage = myDocument.pages.item(0);
var myTextFrame = myPage.textFrames.add({geometricBounds:myGetBounds(myDocument,myPage)});
myTextFrame.textFramePreferences.textColumnCount = 7;
myTextFrame.place(File("/Users/paolbot/Desktop/text.txt"));
//Place a text file in the text frame.
//Parameters for TextFrame.place():
//File as File object,
//[ShowingOptions as Boolean = False]
//You'll have to fill in your own file path.
//Define GREP search
var grepFind ="@@@.+@@@";
//Name of the folder where pdf are
var myFiguresFolder = "pictures";
// Stile Paragrafo applicato
var myPStyle = myDocument.paragraphStyles.item("Normal");
var NextPStyleCS = myDocument.paragraphStyles.item("Par_Style");
var NextPStyleEN = myDocument.paragraphStyles.item("Par_Style_en");
var NextPStyleDE = myDocument.paragraphStyles.item("Par_Style_de");
// Text style applied
var myCStyle = myDocument.characterStyles.item("text");
//Object style applyed
var myOStyle = "";
var oStyle_1 = myDocument.objectStyles.item("Pictures");
var oStyle_2 = myDocument.objectStyles.item("Pictures");
var oStyle_3 = myDocument.objectStyles.item("Pictures");
//MEASUREMENTS
var maxWidth = 467; //Maximum width of an image
var maxHeight = 666; //Maximum Height of an image
var colWidth = 468; //Width of the main columb (340pt) + maximum Tab (128pt)
var maxTab = 0;
var xTab;
var xtTab;
var minTWidth = 340; //any image with a width below this will have the maximum Tab (maxTab) applied.
var PWidth; //Width of the Picture
var PHeight;//Picture Height
var myTotal; -
I am currently working on a new scrolling menu for my schools website. When i create a text area and pin it to a certian area it only looks that way for my home page.
This is how I would like it to look, it looks this way only on the home page.
This is how it looks on all the other pages.
Any ideas on what is wrong with this?
Here are the settings for both of the text areas:
Update:
The text is now how i would like it to look instead of just one. The rest are still the same as before...
I dont see why it would change from page to page becuase it was created on a master page
Also, In the Muse "Preview" section i am also having this problem when navigating from page to page. I am not sure what is wrong...I tried what you suggested and that didnt seem to work.
It gave me a secondary idea though.
I removed the text completely and inserted a shape for the "Button" look.
I then inserted the text i wanted without any effects and grouped it to the shape and pinned it in place.
It then worked! -
Hebrew text placement missing characters
When placing text into ID CS6 (8.0) from an RTF file created in Davka Writer 7, I get a lot of pink boxes, all vowels AFAICS. This happens whether I use the ME version or InTools, and on both Windows and Mac. Anyone else had to deal with this?
I think you are exactly right that it is a mapping problem, but it's a puzzling one. The RTF generated by Davka Writer shows up perfectly in Word (on Windows--the Mac has its own problems which I'll leave aside for now). So all the glyphs, including the nikud, are there and are found and correctly displayed by Word.
When the file is placed into an ID document, however, many of the nikud are missing. I have been searching for a work-around with no success so far. Is there some setting in InDesign ME that handles the way text is handled under the "place" command?
We have a 500 page book to lay out, and really don't want to re-type all the Hebrew text, of which there is a lot!
--Leon -
I'm having an interesting problem with a regular text box. I'm currently editing a co workers work and have come across two paragraphs of text that do something very weird. At the right edge of inside the text box when I try to add a character (.), the text goes to the beginning of the line. So when I type a character it doesn't continue as it normally would but continues at the beginning of the current line I'm on. Not sure if this is a margin or paragraph setting but everything looks normal. Please let me know if anyone has any info... Thanks.
Your subscription would allow you to download the Arabic/English or Hebrew/English version which will have the direction controls. You would need to change the language using the Gear icon in the desktop app, then download ID again and the extra features would be added.
I'm not 100% certain this is the problem -- I never work on RTL text, but it sure sounds like a good bet. -
I have not a clue what is going on. The body of my text is ignoring all of the tables on the right. I have tried all I can think of. Does anyone have ideas as to what may be the issue?
Thank you!!For starters, run your code through the validation tools below and fix any reported errors. Code errors account for most if not all page rendering problems.
Code validation tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
If that doesn't cure the problem, come back and post the URL to your web page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
H:selectOneRadio text placement
Hello,
Is there anyway to get the text label for the h:selectOneRadio component to be on the LEFT of the radio button, rather than the right? I can't seem to find if this is possible.
Thanks for the help.I was afraid you'd say that. The last time I tried to use Tomahawk for its Tree component, nothing worked because we are using JSF 1.0 and I don't think Tomahawk's current version is backward compatible. Unless I'm wrong, which I hope I am.
-
Aperture book text placement moves on preview??
I'm running Aperture 3.1.1, made my first book. A large size, hardcover with dust jacket. Went to buy the book and did the preview of it. I have two lines of text on the cover, Title and Subtitle. They are both placed in their default location however when I do a preview of the book before you go to buy it, both lines of text move and are in different locations to the dust jacket and cover.
Apple's print people recommended I remove the .plist file which I did and it made no difference. I have tried everything! The only thing that seems to work is totally reset the page and go with it - but what's the point of that, I'm supposed to be able to customise the pages aren't I?
Any help would be really appreciated. I've searched the forums but can't find any problems similar!Here is the easy way....
Add a NEW text box. When the text box is selected the ''Set Text Style" button is enabled, so click on it and select the DUST JACKET COVER TITLE. Now delete all the text within the text box so that all is left are spaces (or it's empty).
Now, when you produce the book, the soft cover will have what ever is in this box (which means nothing if you deleted all the characters).
The other choices are SOFT COVER TITLE and COVER TITLE.
Using a combination of these choices you can control what titles appear and which don't. -
OK I have created a simple products spec sheet in ID then I export it to a pdf and it turns most of my text into little squares basically like text place holderd rather than my actual text. Can anyone help me out? The one I made prior to this didnt give me this trouble but this one is. I have remade it 3 times now and I keep getting the problem.
Thanks in advance for any help.
BMWI really like FontExplorer.
http://www.fontexplorerx.com/download/
The free version is good enough for me. (Turn off updates and don't bother with the plugins.) You can group fonts by project and add comments to individual fonts (very useful if you want to find all your "handwriting" or "pro" fonts).
It will also show you whether the font is a system font or if your postscript fonts are broken, and it will let you toggle them on and off. -
Selecting Graphics Behind Text
Hello,
I’m using Pages ’08 and working with a neat, layered, grouped graphic. There are three layers: a dark background graphic, a lighter middle graphic, and white text in a text box on top. All three use the exact same dimensions and are stacked one on top of the other for a total of three layers, grouped. None of the layers cause wrap.
I’d like to select one of the graphics to edit the color and find that I cannot do it without ungrouping the items, moving the text layer out of the way, applying the new color, putting the text layer back in place, and then regrouping everything. It seems like unnecessary steps. It seems as if I should be able to use a modifier key and do a series of clicks to activate the layer that I want, much like when I used QuarkXPress and InDesign. Is there a similar key stroke in Pages?
The user’s manual says “To select a floating object that’s behind text, place the pointer outside the text area, press the Command key, and then drag across the page until the object’s selection handles appear.” That doesn’t solve my concern, though.
I've attached a sample of what my graphic looks like. It would be great if there were key strokes to use. If not I'll have to go back to each instance of the graphic and make changes to each one.
Please let me know if you have an idea of how to make this work.
Thanks,
ScottPages does not have any modifier keys to click down through layers like other DTP software.
Unlocking and staggering the layers is the only way. There is an averaging command that does however let you centre them back on top of each other.
Peter
Greetings from sunny Broome.
Maybe you are looking for
-
SSO to Web Service using SAP Logon Ticket
Hi, I have to do SSO using SAP Logon Ticket between my portal and a Java Web Service that is accessible over internet. I do have the WSDL file of this Web Service. I want to know: 1. What changes are required in Web Service to configure it to read an
-
I have the older rounded airport and would like to connect it to a Sony blu-ray player via a LAN. Any thoughts?
-
Originals and duplicates in iphoto
I'm trying to clean up iPhoto which currently has 11,000ish photos. I downloaded Duplicate Cleaner for iPhoto which found a lot of duplicate photos. So I deleted all those. Now I'm going through and manually deleting bad photos my kids shot over the
-
Pavilion dv8t 1100 with possible corrupted hard drive
I get a "hard drive corrupted" message when I try to back up my notebook. the messages bascially says that some files were skipped due to corruption. The skipped files are all on the c drive and are all the documents/music/photos/etc. When I run
-
Pathfinder's Unite is acting weird
Why is this happening? The text is outlined and there is no stroke. (First image is before clicking 'unite', second image is after.)