Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.
$15
Table not displaying correctly
Probably a simple question for you guys but I can't get a table to display correctly.
My site is http://socialmediainbusiness.com
and the table is in the free members area,
http://socialmediainbusiness.com/members/tools/tools-2
all you need is your name and email to get access...if you need that information
what I need to correct is:
1. It to display correctly (see attached - the one with the red line around is how it is supposed to be)
2. I want to be able to centre the headings over the columns
The html code is:
<table style="background-color: #ffffcc;" width="400" border="2" cellspacing="3" cellpadding="3">
<tbody>
<tr>
<td>PAGE....</td>
<td>.........FREE TOOL</td>
<td>DOWNLOAD LINK</td>
</tr>
<tr>
<td>34</td>
<td><span style="color: #0000ff;">Case studies database</span></td>
<td><span style="color: #0000ff;">See 2 below</span></td>
</tr>
<tr>
<td>144</td>
<td><span style="color: #0000ff;">Social media policy examples</span></td>
<td><span style="color: #0000ff;">See 3 below</span></td>
</tr>
<tr>
<td>155</td>
<td><span style="color: #0000ff;">SWOT and PEST Analysis</span></td>
<td><span style="color: #0000ff;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/SWOTandPESTanalysis.pdf" target="_blank"><span style="color: #0000ff;">Click Here</span></a></span></td>
</tr>
<tr>
<td>174</td>
<td><span style="color: #0000ff;">Social Media Audit - checklist</span></td>
<td><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/AnalysisChecklist.pdf" target="_blank"><span style="color: #0000ff; text-decoration: underline;">Click Here</span></a></span></span></td>
</tr>
<tr>
<td>177</td>
<td><span style="color: #0000ff;">Checklist of questions and other considerations</span></td>
<td><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/BusinessOpportunitiesQuestions.pdf" target="_blank"><span style="color: #0000ff; text-decoration: underline;">Click Here</span></a></span></span></td>
</tr>
<tr>
<td>180</td>
<td><span style="color: #0000ff;">What are Milestones?</span></td>
<td>Coming soon</td>
</tr>
<tr>
<td>188</td>
<td><span style="color: #0000ff;">Project Review – Checklist</span></td>
<td><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/ProjectReview.pdf" target="_blank">Click Here</a></td>
</tr>
</tbody>
</table>
<span style="color: #ff0000;">Coming this week ...</span>
This question has been answered.
Bookinars | 01/12/12 at 3:51pm
Edit
Previous versions of this question:
01/12/12 at 4:11pm
| 01/12/12 at 4:16pm
| 01/15/12 at 5:25pm
(2) Possible Answers Submitted...
See a chronological view of answers?
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
-

Last edited:
01/12/12
3:53pmJulio Potier says:Hello !
Me again :)
There is no file attached !- 01/12/12 4:03pm
Julio Potier says:(as last time, i can do this on your webiste;) )
So you can add an ID to the table like this :
<table style="background-color: #ffffcc;" width="400" border="2" cellspacing="3" cellpadding="3" id="the_table">
than you can add a THEAD instead of TBODY
like this :
<thead>
<td>PAGE</td>
<td>FREE TOOL</td>
<td>DOWNLOAD LINK</td>
</thead>
and after you can really write the table body in a tbody.
Now we can select the td in the thead on CSS and to this :
#the_table thead td {
font-weight: bold;
text-align: center;
}
Full code :
<table id="the_table" style="background-color: #ffffcc;" width="400" border="2" cellspacing="3" cellpadding="3">
<thead>
<tr>
<td>PAGE</td>
<td>FREE TOOL</td>
<td>DOWNLOAD LINK</td>
</tr>
</thead>
<tbody>
<tr>
<td>34</td>
<td><span style="color: #0000ff;">Case studies database</span></td>
<td><span style="color: #0000ff;">See 2 below</span></td>
</tr>
<tr>
<td>144</td>
<td><span style="color: #0000ff;">Social media policy examples</span></td>
<td><span style="color: #0000ff;">See 3 below</span></td>
</tr>
<tr>
<td>155</td>
<td><span style="color: #0000ff;">SWOT and PEST Analysis</span></td>
<td><span style="color: #0000ff;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/SWOTandPESTanalysis.pdf" target="_blank"><span style="color: #0000ff;">Click Here</span></a></span></td>
</tr>
<tr>
<td>174</td>
<td><span style="color: #0000ff;">Social Media Audit - checklist</span></td>
<td><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/AnalysisChecklist.pdf" target="_blank"><span style="color: #0000ff; text-decoration: underline;">Click Here</span></a></span></span></td>
</tr>
<tr>
<td>177</td>
<td><span style="color: #0000ff;">Checklist of questions and other considerations</span></td>
<td><span style="text-decoration: underline;"><span style="color: #0000ff; text-decoration: underline;"><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/BusinessOpportunitiesQuestions.pdf" target="_blank"><span style="color: #0000ff; text-decoration: underline;">Click Here</span></a></span></span></td>
</tr>
<tr>
<td>180</td>
<td><span style="color: #0000ff;">What are Milestones?</span></td>
<td>Coming soon</td>
</tr>
<tr>
<td>188</td>
<td><span style="color: #0000ff;">Project Review – Checklist</span></td>
<td><a title="Click Here" href="https://smibt.s3.amazonaws.com/Book tools download/ProjectReview.pdf" target="_blank">Click Here</a></td>
</tr>
</tbody>
</table>
<span style="color: #ff0000;">Coming this week ...</span> - 01/12/12 4:04pm
Julio Potier says:edit last comment :
then you can add a THEAD instead of TBODY
like this :
<thead>
<tr>
<td>PAGE</td>
<td>FREE TOOL</td>
<td>DOWNLOAD LINK</td>
</tr>
</thead> - 01/12/12 4:20pm
Bookinars says:Hi Julio
Yes I would appreciate you doing that for my site
What do you need?
My email is: Steve@bookinars.co
As you can see I'm trying to create an attractive table with some download links...but I do not understand the CSS part.
So the table comes out like the attached screen who, instead of the correct way which I added to the main question
Kind regards
Steve - 01/12/12 5:21pm
Julio Potier says:Yep i know your email Steve ;)
I'll mail you asap to fix this, bear with me, thank you :)
- 01/12/12 4:03pm
-

Last edited:
01/12/12
11:21pmArnav Joy says:Hi please send me details I can make it more beautiful to look and you will like it,
My email is : thearnavjoy@gmail.com
Please also mention here if you have send the email .
Thanks
Arnav
This question has expired.
Christianto, Francisco Javier Carazo Gil, Bookinars voted on this question.
Current status of this question: Completed
Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.
If the asker does not get an answer then they have 10 days to request a refund.
