Hi Group...
I have a css file with an entry tablemain and some restrictions to border..
in HTML code, inside the textarea, i have a table also with borders, but they wont displayed..
here my code:
CSS:
table.tableMain{margin:10 0 10 0;width:100%;background-color:#EDEDED;border-color:000000;border-style:solid;border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:1px;font-size:12px;border-collapse:collapse;}
table.tableMain td{border-style:solid;border-width:0px; font-size:12px;border-color: #392c23;border-collapse:collapse;}
HTML:
<table class="tableMain" cellpadding="2" cellspacing="0" width="98%">
<tr>
<td class="head" valign="top">DESCRIPTION:</td>
<td>
// Begin Editor Content
<H2>General Terms of ....</H2>
<P>please select by clicking on a flag ...:</P>
<TABLE borderColor=#000066 cellSpacing=0 cellPadding=3 width="100%" border=2>
<TBODY>
<TR>
<TD width="35%"><H3>1</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
<TR>
<TD width="35%"><H3>2</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
<TR>
<TD width="35%"><H3>3</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
</TBODY></TABLE>
// end Editor Content </td>
</tr>
</table>
Any ideas?
Thanks
I have a css file with an entry tablemain and some restrictions to border..
in HTML code, inside the textarea, i have a table also with borders, but they wont displayed..
here my code:
CSS:
table.tableMain{margin:10 0 10 0;width:100%;background-color:#EDEDED;border-color:000000;border-style:solid;border-left-width:0px;border-right-width:0px;border-top-width:1px;border-bottom-width:1px;font-size:12px;border-collapse:collapse;}
table.tableMain td{border-style:solid;border-width:0px; font-size:12px;border-color: #392c23;border-collapse:collapse;}
HTML:
<table class="tableMain" cellpadding="2" cellspacing="0" width="98%">
<tr>
<td class="head" valign="top">DESCRIPTION:</td>
<td>
// Begin Editor Content
<H2>General Terms of ....</H2>
<P>please select by clicking on a flag ...:</P>
<TABLE borderColor=#000066 cellSpacing=0 cellPadding=3 width="100%" border=2>
<TBODY>
<TR>
<TD width="35%"><H3>1</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
<TR>
<TD width="35%"><H3>2</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
<TR>
<TD width="35%"><H3>3</H3></TD>
<TD align=middle width="10%"> Test Test </TD>
<TD vAlign=top align=middle> Test Test </TD>
</TR>
</TBODY></TABLE>
// end Editor Content </td>
</tr>
</table>
Any ideas?
Thanks
RE: probls with styles inside textarea
is nobody there who could help me ?
RE: probls with styles inside textarea
this rule
table.tableMain td
applies to any cell inside the table tableMain, so if you have a cell inside a table inside tableMain, that rule will also apply to it.
A great learning tool to see how everything works it's to take a look at the Dom Inspector of Firefox, you can see there the styles applied to any element and can test changes in the rules.