خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

Section of Row in Table Not Changing Colour

When you hover your mouse over the "Royal Mail Express Airmail" row, the row changes colours correctly, but not the "[Average = 12 days]" section. What do I need to change to get the "[Average = 12 days]" to change colour at the same time as the rest of the row?

As per: https://www.screencast.com/t/B97HfctkKfBA

Thank you!

Code:
    <style>
       
.div-table {
        display: none;
}

#rounded-corner {
        border-collapse: collapse;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        margin: 0;
        text-align: left;
        width: 100%;
        border: 3px solid #F0F0F0;
}
#rounded-corner th {
        background: #6E2C8E;
        padding: 7px;
        text-align: left;
        color: #FFFFFF;
        font-weight: 600;
        text-shadow: 0 -1px 0 #6C9732;
        border-bottom: 3px solid #F0F0F0;
}
#rounded-corner td {
        background: none repeat scroll 0 0 #FBFBFB;
        color: #03063C;
        padding: 8px;
        text-align: left;
        border-bottom: 3px solid #F0F0F0;
}

#rounded-corner tbody tr:hover td {
        background: none repeat scroll 0 0 #F0F0F0;
        color: black;
        text-align: left;
}

.average {
        font-size:85%;
        font-style:italic;
}

</style>

<table width="100%" id="rounded-corner" summary="Worldwide Delivery Times" border="0">
  <tbody>
    <tr>
      <th>Delivery Service</th>
      <th>Trackable?</th>
      <th>Delivery Time</th>
    </tr>
    <tr>
      <td><b>PostNL</b> Standard Airmail</td>
      <td>✗</td>
      <td>ETA Soon</td>
    </tr>
    <tr>
      <td><b>PostNL</b> Priority Airmail</td>
      <td>✔</td>
      <td>ETA Soon</td>
    </tr>
    <tr>
      <td rowspan="2"><b>Royal Mail</b> Express Airmail</td>
      <td rowspan="2" >✔</td>
      <td> 10 days</td>
    </tr>
    <tr>
      <td class="average">[Average = 12 days]</td>
    </tr>
    <tr>
      <td><b>DHL</b> Express</td>
      <td>✔</td>
      <td>3 days</td>
    </tr>
    <tr>
      <td>Parcel Standard Service</td>
      <td>✔</td>
      <td>ETA Soon</td>
    </tr>
  </tbody>
</table>

برچسب: نویسنده: آیلین رضوانی تاريخ: دوشنبه 25 دی 1396 ساعت: 6:23

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه