PDA

View Full Version : [HTML] Una table che non si prende il background


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>

cicciopasticcio1
05-12-2012, 18:40
dovresti assegnargli un'altra classe

<class ="highlight">

.cornice .highlight {
background: #ffffff;
}


edit. per essere pių precisi ogni volta che vorrai una riga colorata diversa o metti uno stile inline ( style="background-color: #fff;" ) oppure lo assegni ad una classe diversa, abbandonando quindi il bgcolor.

wingman87
05-12-2012, 20:50
Concordo, anche se in questi casi č preferibile usare una classe, in modo da poter cambiare il colore cambiando il css invece del codice che genera la tabella.

franksisca
05-12-2012, 22:20
grazie