Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    So I'm helping a friend with his photography website, and I can't get the text to stay inside of the content and navigation.

    http://deathbyspork.net/jordan/

    Code:
    <div id="navigation">
    <table border="0" cellpadding="0" cellspacing="0" width="170">
    <tr><td background="images/nav_top.jpg" width="170" height="5" colspan="3"></td></tr>
    <tr><td background="images/nav_middle.jpg" width="100%" height="100%">
    <!-- Begin Nav Menu -->
    <a href="index.html">Homeddddddddddddff</a><br>
    <a href="index.html">Home</a><br>
    <a href="index.html">Home</a><br>
    <a href="index.html">Home</a>
    <br><br><br><br><br><br><br><br><br>
    
    <br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br>
    
    <!-- End Nav Menu -->
    </td>
    
    <td width="150" height="100%"></td>
    <td width="10" height="100%"></td></tr>
    <tr><td background="images/nav_bottom.jpg" width="170" height="16" colspan="3"></td></tr></table>
    </div>
    
    <div id="content">
    <table border="0" cellpadding="0" cellspacing="0" width="688">
    <tr><td background="images/content_top.jpg" width="688" height="5" colspan="3"></td></tr>
    <tr><td background="images/content_middle.jpg" width="100%" height="100%">
    <!-- Begin Content -->
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris lectus leo, blandit non, egestas quis, suscipit non, augue. Proin posuere erat non ligula. Pellentesque ullamcorper iaculis nisl. Vivamus sodales magna ac velit. Etiam vitae dolor. Integer magna ante, accumsan at, rhoncus non, mattis ac, ante. Aliquam quis est vel nunc pretium semper. Nulla facilisi. Quisque pellentesque. Integer eleifend, risus eu ultricies gravida, orci arcu ultricies ante, non convallis massa massa sed ligula. Praesent urna.
    </p>
    Nunc enim. Fusce ullamcorper bibendum enim. Cras in arcu ac magna dictum vehicula. Etiam eleifend magna id nunc. Vestibulum vehicula. Vivamus congue mauris non lectus. Maecenas pulvinar nunc ac tortor. Integer orci. Sed tellus massa, ultricies faucibus, volutpat ac, pharetra in, est. Quisque sit amet nibh. Maecenas quis diam. Mauris viverra arcu vitae justo. Fusce pede libero, facilisis sed, dignissim nec, faucibus ut, nibh. Suspendisse feugiat nulla eu dolor. Vivamus nec ante. Integer varius. Integer quis nisi ultricies ante tempor volutpat. Integer sed lacus nec tellus pellentesque adipiscing. Suspendisse potenti. Etiam at ante.
    <p>
    
    Sed mollis justo nec urna. Vestibulum id elit eu purus ullamcorper vulputate. Sed ultrices egestas velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi accumsan rutrum lorem. Pellentesque volutpat. Praesent varius risus at libero. Maecenas mattis arcu sit amet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vitae mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed mollis pede eu nisi. Sed mauris. Nam blandit pharetra orci.
    </p>
    <p>
    Quisque sapien odio, imperdiet et, sagittis vehicula, laoreet sed, sem. Sed sit amet felis in enim lobortis tempor. Cras vel nisi. Sed sagittis hendrerit urna. Aenean id felis. Vestibulum ut neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed vel ante id nibh aliquam iaculis. Nullam massa eros, hendrerit non, tempus nec, sodales a, dolor. Sed elementum urna sed dolor. Mauris eu tortor a augue semper cursus.
    </p>
    <p>
    Nam a quam ac enim rhoncus laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vel dolor vehicula metus dignissim mollis. Sed lobortis ante non leo. Sed pulvinar, justo in ultricies tempor, neque eros euismod turpis, id ultrices turpis libero in sem. Curabitur ac justo. Sed rhoncus augue. Quisque euismod consequat urna. Vivamus eget metus vel est suscipit feugiat. Suspendisse dignissim, nunc eu sagittis iaculis, nibh lacus dapibus mauris, non aliquam urna libero eu nisi. Donec nisi pede, nonummy sed, euismod ac, posuere sit amet, nisl. Donec pulvinar, nibh ac aliquam sagittis, quam risus auctor risus, in sollicitudin metus lacus sit amet metus. Proin dolor. Cras dapibus.
    </p>
    <!-- End Content -->
    
    </td>
    
    <td width="668" height="100%"></td>
    <td width="10" height="100%"></td></tr>
    <tr><td background="images/content_bottom.jpg" width="170" height="16" colspan="3"></td></tr></table>
    </div>


    I'm not quite sure how to fix it....I've been changing the values/widths but nothing seems to have an effect.

    any help is appreciated,

    thanks - Chris

  2.  

  3. #2
    Junior Member
    Join Date
    Apr 2008
    Posts
    7
    Member #
    16665
    Try adding left and right padding to both content boxes.

  4. #3
    Junior Member womble's Avatar
    Join Date
    Mar 2008
    Posts
    15
    Member #
    16580
    #content td{
    padding: 5px;
    }

    add that to the css as a start and play with it until you get what you're after

  5. #4
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    Since I'm using images adding padding messes up the way they are aligned/covers them up...


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com