Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Mar 2005
    Posts
    735
    Thanks
    4
    Thanked 1 Time in 1 Post

    why are the words not spread out?

    I've tried every thing possible to make the words spread out in Firefox (I don't know about IE6 or 7): Display: block; text-align: left; left: 0px... It doesn't work.
    PHP Code:
    <ul>
    <li style="">
            <a href="http://www.....com/Merchant2/merchant.mvc" onmouseover="<?php //changeImages('index_10', 'images/index_10-over.gif'); return true;?>" onmouseout="<?php //changeImages('index_10', 'images/index_10.gif'); return true;?>"><span style="position: relative; left: 0px; text-align: left; background-color: #eeeeee; border: 1px solid #000000; width: 30px; height: 10px; display: block; padding: 10px 100px 10px 100px; font-family: Verdana, Arial, Times New Roman; text-decoration: none; font-weight: bold; font-size: 16px; color: #000000;">Online Store<?php //<img NAME="index_10" SRC="images/index_10.gif" WIDTH=167 HEIGHT=33 BORDER=0 ALT="Online Store">?></span>
            </a>
        </li>
    </ul>

  • #2
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    By spread out do you mean "Online......Store" or do you mean "O n l i n e S t o r e"? [replacing the "." with spaces as it got condensed]

    If so, add "word-spacing" or "letter-spacing" to the very long list of inline style.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    What words? What?
    Actually clearly saying what you need and pasting *parsed* code will make answers come a bit faster.

  • #4
    Regular Coder
    Join Date
    Mar 2005
    Posts
    735
    Thanks
    4
    Thanked 1 Time in 1 Post
    or maybe it's the padding that's doing this: 10px 100px 10px 100px. It's showing everything centered but you see that they're left aligned.

  • #5
    Regular Coder
    Join Date
    Mar 2005
    Posts
    735
    Thanks
    4
    Thanked 1 Time in 1 Post
    Yeah the width had to be higher and the padding changed.
    PHP Code:
        <li style="">
            <a href="archive.htm" onmouseover="<?php //changeImages('index_06', 'images/index_06-over.gif'); return true;?>" onmouseout="<?php //changeImages('index_06', 'images/index_06.gif'); return true;?>"><span style="position: relative; left: 0px; text-align: left; background-color: #eeeeee; border: 1px solid #000000; width: 200px; height: 10px; display: block; padding: 10px 10px 10px 5px; font-family: Verdana, Arial, Times New Roman; text-decoration: none; font-weight: bold; font-size: 16px; color: #000000;">Past Newsletters<?php //<img NAME="index_06" SRC="images/index_06.gif" WIDTH=167 HEIGHT=33 BORDER=0 ALT="... Archives">?></span>
            </a>
        </li>

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    is this what you are looking for, im a little confused.


    Code:
    font-stretch:expanded;
    EDIT** Woops, sorry....
    Last edited by jcdevelopment; 07-17-2008 at 08:55 PM. Reason: sloooooww

  • #7
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Does this mean you solved the issue...?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •