Film detail div table
-
Hi , i have a film blog on WP and I want to add a DIV table in the begining of every movie review in a post. Can anybody help me please?
The blog I need help with is: (visible only to logged in users)
-
Are you asking how to make a table?
Here is code for a basic table with a white background and 2 rows of 2 cells each:<table style="background-color:#ffffff;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center"> <tbody> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> </tbody> </table>What specifically do you want to do?
-
Thank you for instant reply 1tess.
I am using a RTL style of Persian writing and I need a sort of borderless table with 2 columns and 6 rows to indicate the details of the movie like Name of the film , name of the director the year of production, etc.like what Roger Ebert uses in the beginning of his reviews.
see here: http://rogerebert.suntimes.com/apps/pbcs.dll/article?AID=/20100628/REVIEWS/100629977part : Cast & Credits I mean.
-
HTML Table (2 columns and 6 rows)
`<table border=”1″ width=”200″>
<tr>
<td> row 1, column 1 </td>
<td> row 1, column 2 </td>
</tr>
<tr>
<td> row 2, column 1 </td>
<td> row 2, column 2 </td>
</tr>
<tr>
<td> row 3, column 1 </td>
<td> row 3, column 2 </td>
</tr>
<tr>
<td> row 4, column 1 </td>
<td> row 4, column 2 </td>
</tr>
<tr>
<td> row 5, column 1 </td>
<td> row 5, column 2 </td>
</tr>
<tr>
<td> row 6, column 1 </td>
<td> row 6, column 2 </td>
</tr>
</table> -
I don’t think that RTL would change the coding for tables.
The table above is 2 columns and 2 rows, no borders, you can change the background color if you like. To add more rows, copy this as many times as you need:<tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr>If the contents of the two cells in a row are different heights, you may want to set the vertical alignment of the contents. aligntop is assumed, but if you want them in the middle add this to the <td >:
<td valign="middle">CELL_CONTENT_HERE</td> <td valign="middle">CELL_CONTENT_HERE</td> -
The table works ,timethief , but how can I WRITE the review , as a matter of fact I cant go out of the table? Am I doing something wrong? How can I write the body review?
-
After you have filled in your table (in html), you can write your text as usual, under the table. Best to put a dot or something after the table, then you can switch to visual editor and write your review.
(if you don’t put a letter or dot in the html, sometimes the cursor gets tangled up in the code for the table…)
-
That’s right , but I want to write the body content, left side of the table , as I do it with a picture that is right aligned , but now i just can write beneath the table. how can i solve the problem?
-
You need to add align=”left” to the table tag. And if you want a borderless table, you’ll also need to add extra code to get rid of the borders that iNove automatically introduces. It would help if you linked to the post in question.
-
-
Ah. Then you use alignleft for the table, and you must adjust the width to less than 100%
<table style="background-color:#ffffff;margin-right:1.4em;" border="0" cellspacing="0" cellpadding="0" width="40%" align="left"> <tbody> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> <tr> <td>CELL_CONTENT_HERE</td> <td>CELL_CONTENT_HERE</td> </tr> </tbody> </table> -
-
-
-
-
-
Just one last short Question,
how can I color the table in the way that first row is colored gray and the second one is white , again the third one is gray and the fourth white? can you help me plz? -
You need to add color to the style of each row.
black row:
<tr style="background-color:#000000;">
grey rows:
<tr style="background-color:#d5d5d5;">
<tr style="background-color:#dcccccc;">
white row:
<tr style="background-color:#ffffff;">You can find color codes via photoshop or other image editor.
Or look at http://wpbtips.wordpress.com/
in the left column:
“Links 2: Utilities
Colors (a)
Colors (b)
Colors (c)
Colors (d)” -
Thanks a bunch , 1tess , I have done it and it works. I see if anything else is remained for the table/ I want it to be really perfect. At last I’ll put the completed table in my blog post here for you all to see. Thanks a zillion.
-
My dear friends , I don’t know whether you can see this update or not. I link here the last result of my blog post with the table in. Thanks is all yours.
- The topic ‘Film detail div table’ is closed to new replies.
WordPress.com Forums 