html - How I can set the background image to table cells that have a colspan? -

-

i use css set background cell not apply whole cell.

i trying set background image first , last <tr>, it's showing this.

i trying apply .first class property first , last <tr>. should applies tr?

 <html xmlns="http://www.w3.org/1999/xhtml">     <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <title>untitled document</title>     <style type="text/css">   .excel{          background:url(smallimage/excel.jpg);           background-size:24px 24px;           background-repeat:no-repeat;           position: relative;            margin:3px;            left: 2px;             top: 1px;         }           td.yellostar{         background-image: url(smallimage/yellowstar.jpg);  /* forward slash path */         width: 20px; /* use own image size; */         height: 20px; /* use own image size; */         background-repeat: no-repeat;         background-position: center;         text-align: center;         vertical-align: top;         }          .first{         background-image:url(smallimage/trbackgr.jpg);         background-repeat: repeat-x;         }      </style>     </head>      <body>     <table width="95%" border="1" cellspacing="0" cellpadding="0">         <tr class="first">         <th colspan="2" class="first">chapter #|chapter name</th>         <th>linkage</th>         <th>project<br/>count</th>         <th>task<br>count</th>         <th>issues<br> open/all</th>         <th>action</th>        </tr>         <tr >         <td>05</td>         <td><div class="excel" > &nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u>chapter 5:data of information</div></td>         <td class="yellostar" ></td>         <td><p align="center">3</p></td>         <td><p align="center">21</p>         </td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr>         <td>06</td>         <td><div class="excel">&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u>chapter 6:data tabels , amortization tabels</div></td>         <td class="yellostar">&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr>         <td>07</td>         <td><div class="excel" >&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u>chapter 7:data consolidation,links , formula auditing</div></td>         <td class="yellostar">&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr>         <td>08</td>         <td><div class="excel" >&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u></td>         <td class="yellostar">&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr>         <td>09</td>         <td><div class="excel" >&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u></div></td>         <td class="yellostar">&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr>         <td>10</td>         <td><div class="excel" >&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<u></div></td>         <td class="yellostar">&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>         <td>&nbsp;</td>       </tr>       <tr class="first">           <td colspan="7" class="first" >&nbsp;</td>       </tr>     </table>     </body>     </html>

you can use pseudoclasses :first-child , :last-child . @ example: jsfiddle

but :last-child not cross-browser, fixes needed ie.

and have error in specifying reference image background w3schools.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more