Dreamweaver/HTML help

Discussion in 'OT Technology' started by Lava Joe, Oct 7, 2006.

  1. Lava Joe

    Lava Joe Guest

    I recently decided to get myself a domain and start playing around with website design. I am still quite a novice at this but I am muddling through OK. Problem I have right now is with spacing. Dreamweaver is not letting me input more that 2 spaces in a row on my page, that is, two spaces after a period at the end of a sentence. Is there something simple I am overlooking?

    Whilst typing this up I checked a couple random pages and noticed no one has 2 spaces after a sentence. Is this just something I never noticed about the web? :o
     
  2. Lava Joe

    Lava Joe Guest

    OT does the same thing I see...:o
     
  3. Tk

    Tk Well-Known Member

    Joined:
    Dec 23, 2001
    Messages:
    23,079
    Likes Received:
    281
    Location:
    nw iowa
    its a whitespace elimination thing.... if you want to add two spaces you need to us "   " (without quotes, of course)
     
  4. Lava Joe

    Lava Joe Guest

    I knew about  , but I thought there would be an easier way. So if I want a line going across like LINK1 LINK2 LINK3 and I want more than 1 space between each I would need to input something like this into the code LINK1&nbsp&nbsp&nbspLINK2&nbsp&nbsp&nbspLINK3 to be displayed as
    Code:
    LINK1   LINK2   LINK3
    In the meantime I got around the problem by creating a short table going across in the space I wanted, and used the column widths to space it out like I wanted.
     
  5. piratepenguin

    piratepenguin New Member

    Joined:
    Jun 18, 2006
    Messages:
    1,067
    Likes Received:
    0
    Location:
    Ireland
    You could use:
    Code:
    <span style="margin-right: 100px"><a href="#">link1</a></span><span style="margin-right: 100px"><a href="#">link2</a></span><a href="#">link1</a>
    
    too

    (might wanna use a class selector instead, or put it all in a div or something)

    If you don't know CSS, learn it! ;)
     
  6. o2

    o2 Witty Title Here OT Supporter

    Joined:
    Oct 4, 2005
    Messages:
    16,099
    Likes Received:
    11
    Location:
    Toronto
    There is no reason to use double+ spaces. Use tables/css.
     
  7. tyrionlannister

    tyrionlannister New Member

    Joined:
    Jun 13, 2006
    Messages:
    710
    Likes Received:
    0
    Location:
    New York
    Just add margin or padding tags to your css definition of 'a'

    Code:
    a {
        margin-left:2px;
        margin-right:2px;
    /* you could use this for less readability but a few bytes slimmer:
        margin:0px 2px; 
    */
    }
    
    a:hover {
        margin-left:2px;
        margin-right:2px;
    /* you could use this for less readability but a few bytes slimmer:
        margin:0px 2px; 
    */
    }
    This would affect every link on the page. You can narrow this by using classes.

    Code:
    a.bigspace {
        margin-left:20px;
        margin-right:20px;
    }
    
    a:hover.bigspace {
        margin-left:20px;
        margin-right:20px;
    }
    
    --then, in html--
    <a class="bigspace" href="link.html">link</a>
    

    As example: http://www.tsnhost.com/text.html

    Don't be afraid to open up that css file in your code editor instead of using the Styles manager. You learn more this way, and it's faster once you know what you're doing.
     
    Last edited: Oct 7, 2006

Share This Page