Skip navigation
Currently Being Moderated

Why won't DW allow me to put more than one space between words?

Jan 19, 2013 9:33 PM

Hi All,

I want to type the words "Home", "About", "Gallery", "Press" and "Contact along the top of my webpage. These will be the links for the different pages in my website. Dreamweaver won't let me center these words on the page, but I can only start them from the left side (as if it's a regualar document). Also I cannot put more than one space between each word, so I can separate them. Right now, it looks like jumbled up type in ordinary type.

 
Replies
  • Currently Being Moderated
    Jan 20, 2013 2:30 AM   in reply to Prazzle

    Hi Prazzle,

     

    the magic word is: "letter-spacing". Please try this:

     

    <p>
    <span style="letter-spacing:0.1em">Example with character spacing 0.1em</span><br>
    <span style="letter-spacing:0.3em">Example with character spacing 0.3em</span><br>
    <span style="letter-spacing:0.5em">Example with character spacing 0.5em</span><br>
    <span style="letter-spacing:0.7em">Example with character spacing 0.7em</span><br>
    </p>

     

    For furhter informations you could try these websites:

     

    http://www.adobe.com/products/type.html and

    http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&even t=displayFontPackage&code=1960

     

    Good luck!

    Hans-Günter

     

    P.S.

    What concerns your other problems, please send a link to your website in question, no matter how it looks like.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 20, 2013 2:40 AM   in reply to Prazzle

    Hi,

     

    I forgot to say, you can use or "play" with other dimensions too, like px, pt, pc, mm, in aso.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 20, 2013 10:22 AM   in reply to Prazzle

    I don't think Hans' answer is quite what you're looking for.

     

    The spacebar is not a layout device and shouldn't be used as one.  It's better semantically and structurally to use CSS styled lists for menus. 

    See examples below:

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 20, 2013 10:21 PM   in reply to Prazzle

    Hi Prazzle,

     

    isn't that the point:

     

    drSpacing.JPG

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 22, 2013 8:10 AM   in reply to hans-g.

    @Hans:

    I thin k the OP wants to put spacing between words (links) not the individual letters.

     

    Setting the padding attribute on your <a> tags would be a better route to go than trying to use the letter-spacing attribute.

     

    Something along the lines of this in your css...

     

    .menu a {

        padding-left:10px;

        padding-right:10px;

    }

     

    And this in your html...

     

    <div class="menu">

         <a href="#">Link1</a><a href="#">link2</a><a href="#">link3</a>

    </div>

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 23, 2013 1:44 AM   in reply to Prazzle

    Hi all,

     

    It took a bit, but now it became clear to me, the difference between "letter" and "word"!

     

    Hans-Günter

     
    |
    Mark as:

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