Skip navigation
ddelano
ddelano Calculating status...
Currently Being Moderated

Aligning Text in Text Frame

Apr 25, 2012 11:49 AM

Tags: #text #alignment #textframe

I am placing text within a text frame on the header of my master page. Once I have the text centered and aligned within the text frame in the design screen and go to the preview screen the text displays as skewed to one side (usually to the left). In order to have the text centered within the frame on my published site I had to skew it off center in design mode. See the 'modern kids clothing' text box at the top of my site www.kikikidswear.com

Is there something I am doing wrong?

 

I've also noticed that when I view my published site on a wide screen monitor other text gets skewed such as the words 'kids wear' on the header and the copyright info in the bottom right of my footer.

515 Views   6 Replies   Latest reply: ddelano, Apr 25, 2012 2:42 PM
 
Replies
  • Abhishek Maurya
    Currently Being Moderated
    1. Abhishek Maurya,
    Apr 25, 2012 12:14 PM   in reply to ddelano
    Report

    Hi Ddelano,

     

    We have checked the link and it looks all fine to me. Please provide us with the screen shot of what you see in the Design View vs the Preview vs the Browser. Also, provide us with the browser name that you are checking on and the version.

     

    Regards,

     
    |
    Mark as:
  • ddelano
    Currently Being Moderated
    2. ddelano,
    Apr 25, 2012 12:55 PM   in reply to Abhishek Maurya
    Report

    Hi Abhishek. Here are the screen shots. These aren't exactly what was used to upload my site as I've played around in Muse trying to figure this out but you can see what the issue is I think by comparing the design view and the preview view. In order to get the text to display as centered (relatively centered in this example) in preview or when previewed in a browser I've had to skew the text fairly far to the right of the text box in design mode. I generally preview in IE explorer 8 on Windows XP although I do also preview the website in other browsers (Firefox, Opera, Safari). The text alignment has not been an issue between browsers although I notice the KIKI logo text in browsers other than IE is slightly jagged on the letter K.

     

    Muse Design view.JPG

     

    Muse Preview view.JPG

     
    |
    Mark as:
  • Abhishek Maurya
    Currently Being Moderated
    3. Abhishek Maurya,
    Apr 25, 2012 2:25 PM   in reply to ddelano
    Report

    Hi,

     

    Apparently the shift you are referring to is happening because of the letter spacing. There is spacing being added to the right of the "g " causing the slight shift.

    Try highlighting the last letter of the text ("g") and setting letter spacing to 0.

     

    Regards,

     

    Message was edited by: Colby Ausen

     
    |
    Mark as:
  • ddelano
    Currently Being Moderated
    4. ddelano,
    Apr 25, 2012 2:24 PM   in reply to Abhishek Maurya
    Report

    I tried your suggestion but it doesn't seem to make a difference. I used the letter space tool on the text panel to reduce the spacing to 0 then checked to ensure I had no spaces before or after my text or extra spaces between words. I aligned the text to centre then used the letter space tool to stretch out my text to how I wanted it to look within the text frame. It looked good in design mode but when previewed in Muse or in a browser the text was as before skewed to the left side of the text frame. 

     
    |
    Mark as:
  • Colby Ausen
    Currently Being Moderated
    5. Colby Ausen,
    Apr 25, 2012 2:25 PM   in reply to ddelano
    Report

    ddelano,

     

    Try highlighting the last letter ("g") and setting the letter spacing to 0.

     
    |
    Mark as:
  • ddelano
    Currently Being Moderated
    6. ddelano,
    Apr 25, 2012 2:42 PM   in reply to Colby Ausen
    Report

    Thanks Colby. That was exactly the problem.

     

    Cheers

     

    Donald

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points