...

View Full Version : why are the words not spread out?



gilgalbiblewhee
07-17-2008, 07:38 PM
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.


<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>

jerry62704
07-17-2008, 07:43 PM
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.

Apostropartheid
07-17-2008, 07:43 PM
What words? What?
Actually clearly saying what you need and pasting *parsed* code will make answers come a bit faster.

gilgalbiblewhee
07-17-2008, 07:48 PM
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.

gilgalbiblewhee
07-17-2008, 07:53 PM
Yeah the width had to be higher and the padding changed.

<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>

jcdevelopment
07-17-2008, 07:54 PM
is this what you are looking for, im a little confused.




font-stretch:expanded;


EDIT** Woops, sorry....

macwiz
07-17-2008, 11:12 PM
Does this mean you solved the issue...?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum