franksisca
05-12-2012, 09:40
Mi sta succedendo una cosa strana, praticamente ho una table che in alcuni casi deve avere una riga di colorazione diversa.
se setto il bgcolor non viene cambiato lo sfondo.
come posso inserire un elemento nel css per farglielo cambiare?
allego CSS e pagina di visualizzazione
file css (in grassetto gli elementi riguardante la tabella)
#object1{position:absolute;left:0px;top:83px;width:98px;height:345px;z-index:1}
#menuclosedpi{position:absolute;left:250px;top:31px;width:100px;height:25px;z-index:1;visibility:visible}
#menuopenpi{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedpa{position:absolute;left:250px;top:31px;width:100px;height:25px;z-index:1;visibility:visible}
#menuopenpa{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#Pmenuclosedso{position:absolute;left:250px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#Pmenuopenso{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#Pmenuclosedpo{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:2;visibility:visible}
#Pmenuopenpo{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:2;visibility:hidden}
#Pmenuclosedbp{position:absolute;left:430px;top:31px;width:90px;height:21px;z-index:3;visibility:visible}
#Pmenuopenbp{position:absolute;left:430px;top:31px;width:180px;height:322px;z-index:3;visibility:hidden}
#menuclosedso{position:absolute;left:250px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#menuopenso{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedco{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#menuopenco{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedlp{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:2;visibility:visible}
#menuopenlp{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:2;visibility:hidden}
#menuclosedbp{position:absolute;left:430px;top:31px;width:90px;height:21px;z-index:3;visibility:visible}
#menuopenbp{position:absolute;left:430px;top:31px;width:180px;height:322px;z-index:3;visibility:hidden}
BODY,TD,DIV,TH,span.standard {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
SELECT,TEXTAREA,INPUT {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
FORM {display:inline;}
A{text-decoration: none; color:#000099}
A:hover{text-decoration: underline; color:#000099}
.b10, .b10 A, .b10 A:hover{color:#000000; font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.w10, .w10 A, .w10 A:hover{color:#ffffff; font-size:10px;}
.w10 A:hover, A.w10:hover {text-decoration:underline;color:#ffffff;}
.w11 {text-decoration:none; color:#ffffff; font-size:11px;}
.blu10 {text-decoration:none; color:#000099; font-size:10px;}
.blu12 {text-decoration:none; color:#000099; font-size:12px;}
.yellow12 {text-decoration:none; color:#e8f404; font-size:12px;}
.space5 {margin-top:5px;margin-bottom:5px;}
.space2 {margin-top:4px;margin-bottom:0px;font-size:2px;}
.orange {color:#ff9900;}
.backGreen, .formGreen {background:#bbe700;}
.backYellow,.formYellow {background:#e8f404;}
.formWhite {background:#ffffff;}
.backBlue,.backBlue A,.backBlue A:hover, .formBlue {background:#373abe;color:#ffffff;}
.backDarkYellow {background:#ffcc33;}
.backGray {background:#dee3ef;}
.formYellow, .formGreen, .formBlue, .formWhite {font-size:10px;}
.cornice {border:3px solid #373abe; padding:0px; margin:0px; width:98%;}
.cornice table {background:#373abe; padding:0px; margin:0px; width:100%;}
.cornice tr {background:#ffffff; padding:0px; margin:0px;}
.cornice th {background:#e8f404; padding:3px; margin:0px; text-align:left;vertical-align:top;}
.cornice td {background:#ffffff; padding:3px; margin:0px;}
.corniceArea {border:0px solid #dee3ef; padding:2px; margin:0px; width:98%;background:#dee3ef;}
.corniceAreaBlu {border:0px solid #373abe; color:#ffffff; padding:2px; margin:0px; width:98%;background:#373abe;}
.error {border:3px solid #ff0000; padding:2px; margin:0px; width:570px; background-color:#ffffff;}
/* floats */
.floatSx15 {float:left;width:15%;padding:0px;margin:0px;}
.floatDx15 {float:right;width:15%;padding:0px;margin:0px;}
.floatSx30 {float:left;width:30%;padding:0px;margin:0px;}
.floatDx30 {float:right;width:30%;padding:0px;margin:0px;}
.floatSx50 {float:left;width:48%;padding:0px;margin:0px;}
.floatDx50 {float:right;width:48%;padding:0px;margin:0px;}
.floatSx65 {float:left;width:65%;padding:0px;margin:0px;}
.floatDx65 {float:right;width:65%;padding:0px;margin:0px;}
.floatSx85 {float:left;width:85%;padding:0px;margin:0px;}
.floatDx85 {float:right;width:85%;padding:0px;margin:0px;}
.floatAnnulla {clear: both;}
.dotMenu {margin:2px 0px 0px 0px; padding:2px 0px 0px 0px; list-style:none;}
.dotMenu A, .dotMenu A:hover, .dotMenu A:visited {color:#000099;}
.dotMenu li {margin:0px; padding: 0px 0px 2px 14px; background: url(dotMenu.gif) no-repeat;}
.bottoni {padding: 2px 0px 0px 0px;margin: 2px 0px 0px 0px;}
porzione di codice che dovrebbe visualizzare la tabella:
</tr>
<logic:iterate id="item" property="bollettiniItems" type="it.postecom.nergal.brepadmin.util.BollettinoItem" name="risultatiQueryCSForm">
<pg:item>
<% if (item.isInException()) { %>
<tr style="color: blue;">
<td align="right" style="color: black;">...</td>
<td>...</td>
<td>..</td>
</tr>
<% } else if(item.getStornato()!=null && item.getStornato().equalsIgnoreCase("Y")){ %>
<tr bgcolor="#c7c7c7" title="Sanato il <%=(item.getDataRecupero())%>">
<td align="right" style="color: black;"><b>...</b></td>
<td><bean:write name="item" property="contoCorrente" /></td>
<td><bean:write name="item" property="cuasName" /></td>
</tr>
se setto il bgcolor non viene cambiato lo sfondo.
come posso inserire un elemento nel css per farglielo cambiare?
allego CSS e pagina di visualizzazione
file css (in grassetto gli elementi riguardante la tabella)
#object1{position:absolute;left:0px;top:83px;width:98px;height:345px;z-index:1}
#menuclosedpi{position:absolute;left:250px;top:31px;width:100px;height:25px;z-index:1;visibility:visible}
#menuopenpi{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedpa{position:absolute;left:250px;top:31px;width:100px;height:25px;z-index:1;visibility:visible}
#menuopenpa{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#Pmenuclosedso{position:absolute;left:250px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#Pmenuopenso{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#Pmenuclosedpo{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:2;visibility:visible}
#Pmenuopenpo{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:2;visibility:hidden}
#Pmenuclosedbp{position:absolute;left:430px;top:31px;width:90px;height:21px;z-index:3;visibility:visible}
#Pmenuopenbp{position:absolute;left:430px;top:31px;width:180px;height:322px;z-index:3;visibility:hidden}
#menuclosedso{position:absolute;left:250px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#menuopenso{position:absolute;left:250px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedco{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:1;visibility:visible}
#menuopenco{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:1;visibility:hidden}
#menuclosedlp{position:absolute;left:340px;top:31px;width:90px;height:21px;z-index:2;visibility:visible}
#menuopenlp{position:absolute;left:340px;top:31px;width:180px;height:322px;z-index:2;visibility:hidden}
#menuclosedbp{position:absolute;left:430px;top:31px;width:90px;height:21px;z-index:3;visibility:visible}
#menuopenbp{position:absolute;left:430px;top:31px;width:180px;height:322px;z-index:3;visibility:hidden}
BODY,TD,DIV,TH,span.standard {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
SELECT,TEXTAREA,INPUT {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
FORM {display:inline;}
A{text-decoration: none; color:#000099}
A:hover{text-decoration: underline; color:#000099}
.b10, .b10 A, .b10 A:hover{color:#000000; font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.w10, .w10 A, .w10 A:hover{color:#ffffff; font-size:10px;}
.w10 A:hover, A.w10:hover {text-decoration:underline;color:#ffffff;}
.w11 {text-decoration:none; color:#ffffff; font-size:11px;}
.blu10 {text-decoration:none; color:#000099; font-size:10px;}
.blu12 {text-decoration:none; color:#000099; font-size:12px;}
.yellow12 {text-decoration:none; color:#e8f404; font-size:12px;}
.space5 {margin-top:5px;margin-bottom:5px;}
.space2 {margin-top:4px;margin-bottom:0px;font-size:2px;}
.orange {color:#ff9900;}
.backGreen, .formGreen {background:#bbe700;}
.backYellow,.formYellow {background:#e8f404;}
.formWhite {background:#ffffff;}
.backBlue,.backBlue A,.backBlue A:hover, .formBlue {background:#373abe;color:#ffffff;}
.backDarkYellow {background:#ffcc33;}
.backGray {background:#dee3ef;}
.formYellow, .formGreen, .formBlue, .formWhite {font-size:10px;}
.cornice {border:3px solid #373abe; padding:0px; margin:0px; width:98%;}
.cornice table {background:#373abe; padding:0px; margin:0px; width:100%;}
.cornice tr {background:#ffffff; padding:0px; margin:0px;}
.cornice th {background:#e8f404; padding:3px; margin:0px; text-align:left;vertical-align:top;}
.cornice td {background:#ffffff; padding:3px; margin:0px;}
.corniceArea {border:0px solid #dee3ef; padding:2px; margin:0px; width:98%;background:#dee3ef;}
.corniceAreaBlu {border:0px solid #373abe; color:#ffffff; padding:2px; margin:0px; width:98%;background:#373abe;}
.error {border:3px solid #ff0000; padding:2px; margin:0px; width:570px; background-color:#ffffff;}
/* floats */
.floatSx15 {float:left;width:15%;padding:0px;margin:0px;}
.floatDx15 {float:right;width:15%;padding:0px;margin:0px;}
.floatSx30 {float:left;width:30%;padding:0px;margin:0px;}
.floatDx30 {float:right;width:30%;padding:0px;margin:0px;}
.floatSx50 {float:left;width:48%;padding:0px;margin:0px;}
.floatDx50 {float:right;width:48%;padding:0px;margin:0px;}
.floatSx65 {float:left;width:65%;padding:0px;margin:0px;}
.floatDx65 {float:right;width:65%;padding:0px;margin:0px;}
.floatSx85 {float:left;width:85%;padding:0px;margin:0px;}
.floatDx85 {float:right;width:85%;padding:0px;margin:0px;}
.floatAnnulla {clear: both;}
.dotMenu {margin:2px 0px 0px 0px; padding:2px 0px 0px 0px; list-style:none;}
.dotMenu A, .dotMenu A:hover, .dotMenu A:visited {color:#000099;}
.dotMenu li {margin:0px; padding: 0px 0px 2px 14px; background: url(dotMenu.gif) no-repeat;}
.bottoni {padding: 2px 0px 0px 0px;margin: 2px 0px 0px 0px;}
porzione di codice che dovrebbe visualizzare la tabella:
</tr>
<logic:iterate id="item" property="bollettiniItems" type="it.postecom.nergal.brepadmin.util.BollettinoItem" name="risultatiQueryCSForm">
<pg:item>
<% if (item.isInException()) { %>
<tr style="color: blue;">
<td align="right" style="color: black;">...</td>
<td>...</td>
<td>..</td>
</tr>
<% } else if(item.getStornato()!=null && item.getStornato().equalsIgnoreCase("Y")){ %>
<tr bgcolor="#c7c7c7" title="Sanato il <%=(item.getDataRecupero())%>">
<td align="right" style="color: black;"><b>...</b></td>
<td><bean:write name="item" property="contoCorrente" /></td>
<td><bean:write name="item" property="cuasName" /></td>
</tr>