1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS CSS padding

Discussion in 'Web Development' started by navyfalcon, Sep 24, 2009.

  1. navyfalcon

    navyfalcon Well-Known Member Verified Member

    Problem with CSS code
    how do I put padding in the text area to keep the text away from the pictures?

    <!--========== Banner ==========-->
    <div id="header">
    <img src="../Images/83calc.jpg" width="90" height="145" align="left" alt="calculator"><img src="../Images/TI-83a.JPG" width="85" height="145" align="left" alt="calculator"><img
    src="../Images/ti_83.JPG" width="80" height="145" align="right" alt="calculator"><img
    src="../Images/TI-83+.JPG" width="110" height="145" align="right" alt="calculator">
    <h2>Algebra Tutorials</h2>
    <p>scientific notation, exponents, graphing, polynomials, radicals, ratio &amp; proportion, factoring, linear equations, real numbers, squares, square roots, factoring, binomials, rational expressions, regressions</p><br>
    <p><a id="homelink" href="../index.html">home</a>
    <a href="Algebra%20Articles.html" id="articlelink">articles</a></p><br><br>
    </div>
    -
    Problem displayed here:
    http://freetutorials.name/Reference1/Algebra_tutorials.html
    -
    Thank You
    falcon
     
    navyfalcon, Sep 24, 2009
    #1
  2. bmcoll3278

    bmcoll3278 New Member

    This is all I could find but you may not like the look.

    Code:
    <div id="header">
      <table border="1" cellpadding="5">
        <tr>
          <td>
            <img src="../Images/83calc.jpg" width="90" height="145" alt="calculator" /><img src="../Images/TI-83a.JPG" width="85" height="145" alt="calculator" />
          </td>
          <td>
            <h2>
              Algebra Tutorials
            </h2>
            <p>
              scientific notation, exponents, graphing, polynomials, radicals, ratio &amp; proportion, factoring, linear equations, real numbers, squares, square roots, factoring, binomials, rational
              expressions, regressions
            </p><br />
            <p>
              <a id="homelink" href="../index.html" name="homelink">home</a> <a href="Algebra%20Articles.html" id="articlelink" name="articlelink">articles</a>
            </p><br />
            <br />
          </td>
          <td>
            <img src="../Images/ti_83.JPG" width="80" height="145" alt="calculator" /><img src="../Images/TI-83+.JPG" width="110" height="145" alt="calculator" />
          </td>
        </tr>
      </table>
    </div>
     
    bmcoll3278, Sep 24, 2009
    #2
  3. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Syntax: padding: <value>
    Possible Values: [ <length> | <percentage> ]{1,4}
    Initial Value: 0
    Applies to: All elements
    Inherited: No
    The padding property is a shorthand for top, right, bottom, left

    or in your html use without the quotes and spaces " & n b s p; "
    is's a "no-break space no-matter which character set you use.
    or use for charset UTF-8 which REQUIRES " & # 160; "
    I didn't see any problem when I looked.
     
    ishkey, Sep 25, 2009
    #3
  4. smismorid

    smismorid New Member

    Good post. I appreciate it
    Many thanks to ur post. I love it.
    That's pretty good.
     
    smismorid, Oct 6, 2009
    #4