How to indent a table row from its above row?

Question

0.00/5 (No votes)

See more:

How to indent a table row from its above row?
i want indentation with out adding the table in td.
is this possible?

XML

<table>
    <tr>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
    </tr>
     <tr style="padding-left:5px;border-width:1px;border-color:Red;">
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
    </tr>
     <tr>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
    </tr>
     <tr style="padding-left:5px;border:1px none Black;">
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
      <td>AB</td>
    </tr>

Posted 18-Nov-11 1:31am

amit_83

Add a Solution

Comments

Sergey Alexandrovich Kryukov 18-Nov-11 13:46pm

What's wrong with the code you show in the question?
--SA

amit_83 18-Nov-11 23:14pm

i have given padding-left:5px in a row, but it does not work.
Do you have any other idea to indent a row from above row?

Sergey Alexandrovich Kryukov 19-Nov-11 0:45am

This is not "indent". If you could explain how exactly it should look, it would be better.
--SA

amit_83 19-Nov-11 1:01am

i want table like this
Parent Row
child Row
Parent Row
child Row

i want border also in child row, but border should be indent, i mean
from where child row starting border should start from there.

Sergey Alexandrovich Kryukov 19-Nov-11 16:32pm

Did you try to use margin instead?
--SA

amit_83 21-Nov-11 0:10am

Yes

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-11-18T18:45:00

Padding works not on element, but on its inner HTML. For example, you can use padding on the element td to make its inner text to stay distant from the boundaries of the cells. If you need to shift element itself, use CSS property margin instead.

For more detail, see the spec on the box model: http://www.w3.org/TR/2011/PR-CSS2-20110412/box.html[^].

—SA