# Change text hover when hovering over an image

**URL:** <https://forum.kirupa.com/t/change-text-hover-when-hovering-over-an-image/258158>\
**Category:** web dev\
**Created:** [April 21, 2008, 3:26pm UTC](https://forum.kirupa.com/t/change-text-hover-when-hovering-over-an-image/258158 "2008-04-21T15:26:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Iso\_Rob](https://avatars.discourse-cdn.com/v4/letter/i/c68b51/32.png) [@Iso\_Rob](https://forum.kirupa.com/u/Iso_Rob)\
**Post date:** [April 21, 2008, 3:26pm UTC](https://forum.kirupa.com/t/change-text-hover-when-hovering-over-an-image/258158/1 "2008-04-21T15:26:21Z")

</div>

Hi all,

I have a problem, I’m trying to change some text when I hover over an image. Here’s the layout in html (there’s some smarty in there too):

```auto

            <div id="consultancybuttons">
            {foreach name="itemlist" from=$SECTIONS->catalogue->root->mainsequence item="sidemenu"}
            <a href="{$sidemenu->url}">
                <div class="thumb">    
                    <div class="thumbpic">
                        <img alt="{$sidemenu->name}" style="border: 0px" src="{encode method="resize" path=$sidemenu->thumbimage height="115" width="120"}">
                    </div>
                
                    <div class="thumbtitle">
                        <div style="padding: 0 30px 0 5px;">
                            {$sidemenu->name}
                        </div>    
                    </div>        
                </div>
            </a>    
            {/foreach}    
            </div>

```

When I hover over the image and text I just want the text to change to an underline? How do I make this happen? Its pretty straight forward but I can’t get it to change the text when I hover over the image. Any ideas?

Thanks  
Rob