CSS Hover

[buldm01]

Ik probeer in een CSS fiil te veanderen in een tabel <a href span svg

HTML:

<tr>    
        <td>    
    <a class="el-content uk-button uk-button-default uk-flex-inline uk-flex-center uk-flex-middle" href="?option=com_content&amp;view=article&amp;id=31&amp;catid=9&amp;cactus_id=185"> 
        <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M43.125,2c-1.24609,0 -2.48828,0.48828 -3.4375,1.4375l-0.8125,0.8125l6.875,6.875c-0.00391,0.00391 0.8125,-0.8125 0.8125,-0.8125c1.90234,-1.90234 1.89844,-4.97656 0,-6.875c-0.95312,-0.94922 -2.19141,-1.4375 -3.4375,-1.4375zM37.34375,6.03125c-0.22656,0.03125 -0.4375,0.14453 -0.59375,0.3125l-32.4375,32.46875c-0.12891,0.11719 -0.22656,0.26953 -0.28125,0.4375l-2,7.5c-0.08984,0.34375 0.01172,0.70703 0.26172,0.95703c0.25,0.25 0.61328,0.35156 0.95703,0.26172l7.5,-2c0.16797,-0.05469 0.32031,-0.15234 0.4375,-0.28125l32.46875,-32.4375c0.39844,-0.38672 0.40234,-1.02344 0.01563,-1.42187c-0.38672,-0.39844 -1.02344,-0.40234 -1.42187,-0.01562l-32.28125,32.28125l-4.0625,-4.0625l32.28125,-32.28125c0.30078,-0.28906 0.39063,-0.73828 0.22266,-1.12109c-0.16797,-0.38281 -0.55469,-0.62109 -0.97266,-0.59766c-0.03125,0 -0.0625,0 -0.09375,0z"></path></g></g></svg>    <style>     svg {               width: 16px;                height: 16px;           }               uk-button:hover {               fill: #000000;          }       </style></span>             </a>    
        </td>   
        <td>166</td>    
        <td>Hoepels</td>    
    <td>    
    </td>   
    <td>    
        <img class="no-cache img-rounded" src="/images/cactus/core/geenfotobeschikbaar.jpg" width="64">    
    </td>    
    <td><center>    
    </center></td>  
                        </tr>"></a>

<tr>    
        <td>    
    <a class="el-content uk-button uk-button-default uk-flex-inline uk-flex-center uk-flex-middle" href="?option=com_content&amp;view=article&amp;id=31&amp;catid=9&amp;cactus_id=185"> 
        <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M43.125,2c-1.24609,0 -2.48828,0.48828 -3.4375,1.4375l-0.8125,0.8125l6.875,6.875c-0.00391,0.00391 0.8125,-0.8125 0.8125,-0.8125c1.90234,-1.90234 1.89844,-4.97656 0,-6.875c-0.95312,-0.94922 -2.19141,-1.4375 -3.4375,-1.4375zM37.34375,6.03125c-0.22656,0.03125 -0.4375,0.14453 -0.59375,0.3125l-32.4375,32.46875c-0.12891,0.11719 -0.22656,0.26953 -0.28125,0.4375l-2,7.5c-0.08984,0.34375 0.01172,0.70703 0.26172,0.95703c0.25,0.25 0.61328,0.35156 0.95703,0.26172l7.5,-2c0.16797,-0.05469 0.32031,-0.15234 0.4375,-0.28125l32.46875,-32.4375c0.39844,-0.38672 0.40234,-1.02344 0.01563,-1.42187c-0.38672,-0.39844 -1.02344,-0.40234 -1.42187,-0.01562l-32.28125,32.28125l-4.0625,-4.0625l32.28125,-32.28125c0.30078,-0.28906 0.39063,-0.73828 0.22266,-1.12109c-0.16797,-0.38281 -0.55469,-0.62109 -0.97266,-0.59766c-0.03125,0 -0.0625,0 -0.09375,0z"></path></g></g></svg>    <style>     svg {               width: 16px;                height: 16px;           }               uk-button:hover {               fill: #000000;          }       </style></span>             </a>    
        </td>   
        <td>166</td>    
        <td>Hoepels</td>    
    <td>    
    </td>   
    <td>    
        <img class="no-cache img-rounded" src="/images/cactus/core/geenfotobeschikbaar.jpg" width="64">    
    </td>    
    <td><center>    
    </center></td>  
                        </tr>

[ Voor 0% gewijzigd door RobIII op 06-02-2024 16:38 . Reden: Code tags toegevoegd ]

[RobIII]

Die vragen die er staan wanneer je een nieuw topic opent staan er niet voor niets:

Mijn vraag
...

Relevante software en hardware die ik gebruik
...

Wat ik al gevonden of geprobeerd heb
...

Waarom haal je die weg?

Neem even onze Quickstart door en probeer 't dan even met een nieuw topic. Oh en wanneer je code post, gebruik dan code tags a.u.b.

[ Voor 11% gewijzigd door RobIII op 06-02-2024 16:39 ]