WordPress.org

Ready to get started?Download WordPress

Forums

I have a big problem with table (8 posts)

  1. think and design
    Member
    Posted 2 years ago #

    i try to change the design of a table any blog post or page ( width , border etc )

    but nothing happen , even i try to change css by ading

    table
    {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }

    also trying to change the width but nothing happen

    here is my blog url http://thinkanddesign.net/

    pleas give solution .

  2. think and design
    Member
    Posted 2 years ago #

    no body know what is my problem is ?

  3. timDesain
    Member
    Posted 2 years ago #

    try

    #web2000 table{
    border-collapse: collapse;
    }
    #web2000 td{
    border:0;
    text-align: center;
    }
  4. think and design
    Member
    Posted 2 years ago #

    I really try your codes but nothing happen , like the css code for the table does not work

  5. timDesain
    Member
    Posted 2 years ago #

    css before just to remove the border.
    I've checked it out and working successfully.

    to resize table
    you have to clean the inline style
    replace html code with:

    <table summary="design">
    <tbody><tr><td>
    <a href="http://thinkanddesign.net/web-design"><img width="150" height="120" alt="technology site Search Jordan interactive design intelligent technology information Home " src="http://thinkanddesign.net/wp-content/uploads/2011/11/projects1-150x120.jpg" title="Home" class="size-thumbnail wp-image-166"></a>
    <div><a href="http://thinkanddesign.net/web-design">Web design</a>
    <br />We Dot Your Web</div>
    <p>Your Website should not only be informative, <br />it should also be pleasing to look at <br />and it is also contain information about your business..</p>
    </td><td>
    <a href="http://thinkanddesign.net/emarketing"><img width="150" height="120" alt="technology site Search Jordan interactive design intelligent technology information Home " src="http://thinkanddesign.net/wp-content/uploads/2011/11/projects2-150x120.jpg" title="Home" class="size-thumbnail wp-image-167 "></a>
    <div><a href="http://thinkanddesign.net/emarketing">Search Engine Optimization</a>
    <br />We Dot you up</div>
    <p>&nbsp;Our SEO strategy make your website can have a brand identity,<br /> better positioning and continuous visibility<br /> in Search Engines</p>
    </td>
    <td>
    <a href="http://thinkanddesign.net/portfolio"><img width="150" height="120" alt="technology site Search Jordan interactive design intelligent technology information Home " src="http://thinkanddesign.net/wp-content/uploads/2011/11/projects3-150x120.jpg" title="Home" class="size-thumbnail wp-image-168 "></a>
    <div><a href="http://thinkanddesign.net/portfolio">Portfolio</a>
    <br />See our Dot</div>
    <p>Websites, Webapplications, Brochures,<br /> Logos, Corporate Identity, <br />many more..</p>
    </td>
    </tr>
    </tbody>
    </table>
  6. timDesain
    Member
    Posted 2 years ago #

    then add

    #web2000{
    width: 430px;
    overflow:hidden;
    }
    #web2000 img{
    width: 130px;
    height: 104px;
    background:#efefef;
    border: 1px solid #eee;
    padding: 4px;
    }
    #web2000 div{
    border-bottom: 1px solid #eee;
    }
  7. think and design
    Member
    Posted 2 years ago #

    thank you every thing is ok now

  8. timDesain
    Member
    Posted 2 years ago #

    hmmm.
    so you change your theme.
    good work.
    :)

Topic Closed

This topic has been closed to new replies.

About this Topic