font size using css

Discussion in 'CSS' started by Dee2007, Jul 15, 2008.

0
  1. #1
    Hi, I am looking to change the default font size in the below code to arial, 8px, but nothings seems to be working, anyone know how to do this?

    It was suggested that I may need to use css.

    Thanks in advance

    Dee

    PS This isn't my code, therefore I know it needs cleaned up



    "<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <table><tr><td><input type="hidden" name="on0" value="<span style="font-family:arial;font-size:70%;">Top (1st) & Bottom (2nd) Color</span>">Top (1st) &amp; Bottom (2nd) Color</td><td><input type="text" name="os0" maxlength="60"></td></tr><tr><td><input type="hidden" name="on1" value="Name (in order)">Name (in order)</td><td><input type="text" name="os1" maxlength="60"></td></tr></table><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    <input type="hidden" name="add" value="1">
    <input type="hidden" name="cmd" value="_cart">
    <input type="hidden" name="business" value="xxxxxxxxxxx">
    <input type="hidden" name="item_name" value="11&quot; Sq. Plate">
    <input type="hidden" name="amount" value="42.00">
    <input type="hidden" name="page_style" value="PayPal">
    <input type="hidden" name="no_shipping" value="2">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="lc" value="US">
    <input type="hidden" name="bn" value="PP-ShopCartBF">
    </form>
    _____________
     
    Dee2007, Jul 15, 2008 IP
  2. ctyler

    ctyler Guest

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Looks like you have some missed placed quotes and missing closing tags. It is always good to keep your styles seperate with CSS just to keep your HTML clean.
     
    ctyler, Jul 15, 2008 IP
  3. Dee2007

    Dee2007 Active Member

    Messages:
    1,185
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    88
    #3
    Hi, ye I now the code needs cleaned up, it isn't my code, I am just trying to help someone out

    Thanks

    Dee
     
    Dee2007, Jul 15, 2008 IP
  4. Masim man

    Masim man Active Member

    Messages:
    73
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    58
    #4
    It didn't work because you inserted the span inside the input value.

    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <table>
    <tr>
    <td><input type="hidden" name="on0" value="Top (1st) Bottom (2nd) Color"><span style="font-family: Arial, Helvetica, sans-serif;font-size:8px;">Top (1st) &amp; Bottom (2nd) Color</span></td>
    <td><input type="text" name="os0" maxlength="60"></td>
    </tr>
    <tr>
    <td><input type="hidden" name="on1" value="Name (in order)">Name (in order)</td>
    <td><input type="text" name="os1" maxlength="60"></td>
    </tr>
    </table>

    ...
    </form>

    If you wanted to use the css it could be by adding id's or classes to the html tags.

    <td class="top1st"><input type="hidden" name="on0" value="Top (1st) Bottom (2nd) Color">Top (1st) &amp; Bottom (2nd) Color</td>

    CSS:

    td.top1st {
    font: 8px Arial, Helvetica, sans-serif;}
     
    Masim man, Jul 16, 2008 IP