Submit comments button won’t change on hover

  • Resolved stoarcecreierul

    (@stoarcecreierul)


    16 years, 2 months ago

    The Submit button for posting coments won’t transform on mouse hover.

    This is because although my style.css has these references

    input#submit {
margin: 0 0 0 -5px;
background: url(images/submit.png);
cursor: pointer;
}

input#submit:hover {
background: url(images/submit.alt.png);
}

    they get overridden in comments.php

    <p><input name="submit" type="image" src="<?php bloginfo('template_directory'); ?>/images/submit.png" id="submit" tabindex="5" value="Submit comment" />
<?php comment_id_fields(); ?>
</p>

    What needs to be changed in order for this to work ?

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    16 years, 2 months ago

    Unless you provide a link to your site, no one will be able to offer much in the way of specific help.

    Thread Starter stoarcecreierul

    (@stoarcecreierul)

    16 years, 2 months ago

    Free hosting LINK. Please be patient and refresh until it loads.

    The button I’m talking about is called SPUNE

    esmi

    (@esmi)

    16 years, 1 month ago

    Try using

    <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit comment" />

    in comments.php

    Thread Starter stoarcecreierul

    (@stoarcecreierul)

    16 years, 1 month ago

    I already tried that; it messesup everything…
    Take a look!

    esmi

    (@esmi)

    16 years, 1 month ago

    You could try adding width:80px;height:40px; to input#submit in style.css but you’re still gong to have the problem of the text showing. There’s no way to move the text offscreen via CSS without moving the whole input too. Your best approach would be to get rid of the text in your graphic and use a plain button with the input text dropped onto it.

    Thread Starter stoarcecreierul

    (@stoarcecreierul)

    16 years, 1 month ago

    Great; I will edit the buttons…

    But how do we get rid of that ugly frame?

    esmi

    (@esmi)

    16 years, 1 month ago

    Try adding border:none; to input#submit.

    Thread Starter stoarcecreierul

    (@stoarcecreierul)

    16 years, 1 month ago

    Thank you, Esmi !

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Submit comments button won’t change on hover’ is closed to new replies.