Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Styling this awful .net produced html 1

Status
Not open for further replies.

Kalisto

Programmer
Feb 18, 2003
997
GB
To give the issue some context, on the server my .net page has a table (I know all about not using tables, but this is a quick n dirty fix that the designer asked me to implement)

The table (Which I have control over) contains a radiobuttonlist control. When the page is conerted to html it produces the following output
Code:
<table width="100%" border="0" cellpadding="0" cellspacing="4" class="recommendationsContainer">
... Other code elided as it dispalys correctly ...

<tr>
  <td colspan="2">
    <table id="rptRecommendations__ctl0_rbTaken" class="recommendationsTakenRadio" border="0">
      <tr><td><label for="rptRecommendations__ctl0_rbTaken_0">Accepted</label><input id="rptRecommendations__ctl0_rbTaken_0" type="radio" name="rptRecommendations:_ctl0:rbTaken" value="True" /></td>
<td><label for="rptRecommendations__ctl0_rbTaken_1">Declined</label><input id="rptRecommendations__ctl0_rbTaken_1" type="radio" name="rptRecommendations:_ctl0:rbTaken" value="False" checked="checked" /></td>
	</tr>
</table>
    </td>
  </tr>
</table>

When I run this through, then the styling of the sub table doesnt work. I need the text on the radio buttons to be black, and it is being shown as white.

however the style is working
Code:
.recommendationsTakenRadio
{
	text-align:right;
	font-size:smaller;
	color:Black;
}
as the radio buttons / text are formatted to the right hand side (If I remove the style then the radio buttons move to the center of the page)

Any thoughts / comments?

K
 
Try making your class more specific:

Code:
.recommendationsTakenRadio {
    text-align:right;
    font-size:smaller;
}

.recommendationsTakenRadio,
.recommendationsTakenRadio label {
    color:Black;
}

Hope this helps,
Dan




Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top