Forums

Removing "Submit Q" from css styled submit images (12 posts)

  1. winpoka
    Member
    Posted 5 years ago #

    This is the darndest thing... please visit http://dontpaytoplay.com - a new multimedia site I have in the works... and tell me why the squared off search image is showing me "Submit Q" in the center of the image?

    They're two GIF files, CSS'd to switch on:hover

    This is really escaping me what it could be, any help is greatly appreciated!

  2. whooami
    Member
    Posted 5 years ago #

    http://dontpaytoplay.com/img/search_noopacity.gif

    its in your CSS:

    input.send-btn:hover {background: url(/img/search_noopacity.gif) no-repeat;}

    --

    edit, nm, youre concerned with the text. THAT is in your actual file, whatever youre using to control your sidebar content.

  3. winpoka
    Member
    Posted 5 years ago #

    But that "Submit Q" ... is where in my CSS? I can't find that string of text anywhere in my HTML or CSS..?

    I understand that I've enabled an image change on hover.. but I'm seeing "Submit Q" centered in both the opaque picture and non opaque - in FireFox's latest browser anyways.. any help!?

  4. whooami
    Member
    Posted 5 years ago #

    read the edit above.

  5. winpoka
    Member
    Posted 5 years ago #

    Here is the actual form from http://dontpaytoplay.com ...

    <form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">

    <div style="float:left;width:100%;height:67px"><input type="text" name="s" class="sinput" /></div>

    <div style="height:67px;width:60px;float:right"><p style="display:none;"><input type="submit" value="Search!" class="send-btn" src="/img/search_noopacity.gif" />
    <input type="submit" src="/img/search_noopacity.gif" class="send-btn" /></div>

    </form>

  6. winpoka
    Member
    Posted 5 years ago #

    Is this "Submit Q" text possibly integrated into the WordPress source code somehow? And if so how could i edit it out?

  7. whooami
    Member
    Posted 5 years ago #

    if I download that page to my desktop, and change the call to your CSS, ie, edit this follow line as follows:

    <style type="text/css" media="screen">@import url( http://dontpaytoplay.com/wp-content/themes111/classic/style.css );</style>

    the text goes away.

  8. whooami
    Member
    Posted 5 years ago #

    input.sinput {width:95%;height:67px;float:left;font-size:67px}

    removing that line removes the text. dunno why, it just does.

    actually removing the css for the 2 images does as well.

    I dunno, youre just going to have to mess with it, you borked something.

  9. winpoka
    Member
    Posted 5 years ago #

    Thanks for all your support whooami!

  10. whooami
    Member
    Posted 5 years ago #

    nooo, i wanna know what you did to fix it! well??

  11. winpoka
    Member
    Posted 5 years ago #

    I have no idea... I found a reference to the mysterious "Submit Q" (It's actually "Submit Query") here: http://www.etomite.org/forums/lofiversion/index.php?t4926.html

    However the gurus there don't seem to know much about it either... and after testing this in internet explorer (which they say doesn't show it) I still see the submit query text and now my hover image doesn't work! :(

  12. winpoka
    Member
    Posted 5 years ago #

    Eureka!

    The mysterious "Submit Query" text placed over my image submit button was simply a browser default...

    The value="Button text here" operator defaults to "Submit Query" in various browsers if none is present (and I didn't think there was a need for an initial value when the text was in the button... so I changed the value option to value="" and that eliminated the text while preserving the button!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags