Highlight the button

  • Hello guys,

    I need help. I don’t know how can I highlight the button.

    I have got a website: https://www.anglickyzarok.cz

    and on the right side you can see button with name “p?ihla? se” and a “free” line on it.

    I would like to highlight this button when anybody onmouse this button. Do you know how I can do it?

    My original text in CSS is like this:

    <body>
    <form method=”post” action=”https://ymlp.com/subscribe.php?id=gbwyushgmgh”&gt;
    <table style=”width: 287px; height: 209px;” align=”center” border=”0″ cellpadding=”5″ cellspacing=”0″>
    <tbody>
    <tr>
    <td colspan=”2″>
    <div style=”text-align: justify;”><span style=”font-family: verdana,geneva; font-size: 10pt;”><span style=”font-family: verdana,geneva; font-size: 10pt;”><i>Vyplňte email a p?ihla?tě se do online kurzu jak se nau?it anglicky za rok! </i></span></span></div>
    </td>
    </tr>
    <tr>
    <td valign=”top”><b><span style=”font-family: verdana,geneva; font-size: 10pt;”>K?estní?</span></b><b><span style=”font-family: verdana,geneva; font-size: 10pt;”>jméno</span></b><b><span style=”font-family: verdana,geneva; font-size: 10pt;”><b><span style=”font-family: verdana,geneva; font-size: 10pt;”>?</span></b>:</span></b><b><span style=”font-family: verdana,geneva; font-size: 10pt;”>?</span></b></td>
    <td valign=”top”><input name=”YMP2″ size=”20″ type=”text” /></td>
    </tr>
    <tr>
    <td valign=”top”><span style=”font-family: verdana,geneva; font-size: 10pt;”><b>E-mail:</b></span></td>
    <td valign=”top”><input name=”YMP0″ size=”20″ type=”text” /></td>
    </tr>
    <tr>
    <td colspan=”2″><img src=”https://anglickyzarok.cz/wp-content/uploads/2014/02/Tla?ítko-p?ihlásit-se.jpg&#8221; border=”0″> </td>
    </tr>
    </tbody>
    </table>
    </form>

    what should I add to make the button highlighted?

    I appreciate every help. Thank you very much guys.

    Kind regards.

    Marek

Viewing 1 replies (of 1 total)

  • Hey Marek.
    Took a look at your site for you and came up with this css for you.

    #text-3 > div > form > table > tbody > tr:nth-child(4) > td > a > img:hover {
    border-radius: 10px;
    box-shadow: 0 0 7px blue;
    }

    I suggest making a class for the image though to simplify your css. It’d be something like this:

    .class:hover {
    border-radius: 10px;
    box-shadow: 0 0 7px blue; }

    Either way hope this is what you were looking for. Any questions feel free to contact us.

    [ Signature moderated. ]

Viewing 1 replies (of 1 total)
  • The topic ‘Highlight the button’ is closed to new replies.

Tags