?

Log in

No account? Create an account

Previous Entry | Next Entry

This may sound a bit dense.

  • Nov. 17th, 2011 at 11:19 PM
I'm not sure if this is the correct place to ask this but the theme I'm using has expressive in the name somewhere so I imagine so.
I am not familiar with anything other than basic html and unfortunately this theme does not like that very much. When I create a table the attributes I specific (border, cellpadding, cellspacing etc) are ignored because of the theme's style settings.

I'm aware that these attributes are not really used anymore but I'm not sure how to do it otherwise. I have tried inputting a span style tag in the entry but that only applied a border around my table and when I added something like

table, th, td { border: 2px solid #ff0000; } in the css overrides box it applied it to the calendar too which ruined the look and created a secondary border around every cell.

Is there any way to specify somewhere that for an individual table I want each cell row and column to have a single 1px border with associated spacing and padding and not break other aspects of the layout?

Comments

( 3 comments — Leave a comment )
dana_cz
Nov. 18th, 2011 11:05 am (UTC)
You might want to specify a class of the table. Let me show you two examples. :)




HTML & CSS for Tab1:
.tab1 tr {border: 2px solid #ff0000;}
.tab1 td {border: 2px solid #ff0000; padding: 10px;}
.tab1 {border: 2px solid #ff0000; border-collapse: collapse;}

<table class="tab1">
<th>Tab1</th>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>


HTML & CSS for Tab2:
.tab2 tr {border: 2px solid blue;}
.tab2 td {border: 2px solid blue; padding: 10px;}
.tab2 {border: 2px solid blue; }

<table class="tab2">
<th>Tab1</th>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>

tetoest
Nov. 26th, 2011 01:14 pm (UTC)
That actually works perfectly thank you so much. I tried numerous other solutions including the one referenced in the other comment but they all made the table look like the example you provided Tab2 which I don't like or messed up my calendar.

Thanks so much!
av8rmike
Nov. 18th, 2011 04:10 pm (UTC)
It's already been asked and answered a couple of times in this community-- look under the entries:misc tag to see more. Basically, the Expressive base stylesheet removes table and cell borders by default. This entry has a pretty good custom CSS solution.
( 3 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars