Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Thanked 0 Times in 0 Posts

    Styling blog table!!

    building a blog, and each row has its own text size and indendation/padding. total of 6 rows. and one row is a content box. all info comes from php echo. and would appreciate also on how to style input box and text area.
    <style type="text/css">
    body{ background: #000; font: normal 11px Arial, sans-serif; color: #555;}
    .blog{ background: #000; width: 500px; border: 3px double #EEE;}
    tr#h1{ text: 15px; color: #FFF; padding: 5px; }
    #p1{ text: 9px; padding: 5px; margin: 3px 20px;} 
    #p2{ text: 9px; color: #FFF; padding: 5px; margin: 3px 20px;}  
    #p3{ text: 11px; padding: 20px; margin: 3px 20px;}
    #p4{ text: 9px; padding: 5px;} 
    #p5{ text: 5px; }
    <table class="blog">
    <tr id="h1"><td>heading</td></tr>
    <tr><td>edited on:</td></tr>

  • #2
    Regular Coder
    Join Date
    May 2010
    Bathurst, Australia
    Thanked 22 Times in 22 Posts
    I'm mostly confused about what it is exactly you're asking. You want each row of the table to be styled as those #p1, #p2 things? You can add an id to them to do that. But if I were you i'd throw the whole table idea out the window and do it properly. http://phrogz.net/css/WhyTablesAreBadForLayout.html


    Posting Permissions

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