473,766 Members | 2,120 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

using stylish to turn off input button images with css in firefox

I'm currently using the following custom Stylish style sheet in
Firefox 2.0.0.11...
*{ color: black !important ; background: none !important; background-
color: white !important }
a:link { color: gray !important }
a:visited { color: purple !important }
a:hover, a:active { color: red !important }
img {display: none !important;}
When combined with proxomitron ad blocking, it does a pretty good job
of rendering web pages in black and white with no images.

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

You can get the Stylish plugin here...
https://addons.mozilla.org/en-US/firefox/addon/2108
Dec 10 '07 #1
9 4155
William Krick wrote:
>
The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.
input[type="image"] { display: none ! important; }
Dec 10 '07 #2
William Krick wrote:
Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.
You don't need a style for that. Just use your browser's option not to
display images.
Dec 10 '07 #3
On Dec 10, 12:34 pm, Harlan Messinger
<hmessinger.rem ovet...@comcast .netwrote:
William Krick wrote:
Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

You don't need a style for that. Just use your browser's option not to
display images.
I could do that, but it takes a minimum of 5 clicks, plus a browser
refresh to toggle the images on and off.

With a stylish stylesheet, I can do it with 2 clicks and no refresh,
plus, I get the black & white look that I want at the same time.

There used to be a firefox plugin that added an image toggle button to
the toolbar, but it doesn't work in the current version of firefox.
Dec 10 '07 #4
On Dec 10, 12:33 pm, Harlan Messinger
<hmessinger.rem ovet...@comcast .netwrote:
William Krick wrote:
The only problem is forms with an input tag with type=image. These
images are not blocked.
There are test cases at the bottom of this page...
http://htmlhelp.com/feature/art3c.htm
Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

input[type="image"] { display: none ! important; }
Yep. That works.

It completely eliminates the button as one would expect.

I'm still wondering if there is there any way to force it show the alt
text instead.

Or maybe I could just make up a small black and white image with some
generic text on it and replace the image using the style sheet.

Are there any monochrome image filters that can by applied using css?
I know there used to be glowing text effects in IE that could be
applied with styling.
Dec 10 '07 #5
William Krick wrote:
On Dec 10, 12:34 pm, Harlan Messinger
<hmessinger.rem ovet...@comcast .netwrote:
>William Krick wrote:
>>Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.
You don't need a style for that. Just use your browser's option not to
display images.

I could do that, but it takes a minimum of 5 clicks, plus a browser
refresh to toggle the images on and off.

With a stylish stylesheet, I can do it with 2 clicks and no refresh,
plus, I get the black & white look that I want at the same time.

There used to be a firefox plugin that added an image toggle button to
the toolbar, but it doesn't work in the current version of firefox.
http://chrispederick.com/work/web-developer/
Web Developer

One click and off go images...
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Dec 10 '07 #6
Jonathan N. Little wrote:
William Krick wrote:
>There used to be a firefox plugin that added an image toggle button
to the toolbar, but it doesn't work in the current version of
firefox.

http://chrispederick.com/work/web-developer/
Web Developer

One click and off go images...
There is also the PrefBar, which is equally as effective for en/disable
of images, colors, fonts (and UA string, Java/JavaScript/Flash and lots
more). Still works fine in all the current Mozilla products.
http://prefbar.mozdev.org/

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 10 '07 #7
Harlan Messinger wrote:
William Krick wrote:
>>
The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.

input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined? I mean
syntax
element[type=....]

I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.
--
Petr Vileta, Czech republic
(My server rejects all messages from Yahoo and Hotmail. Send me your
mail from another non-spammer site please.)

Please reply to <petr AT practisoft DOT cz>

Dec 11 '07 #8
Petr Vileta wrote:
Harlan Messinger wrote:
>William Krick wrote:
>>>
The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.

input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined?
I mean syntax
element[type=....]

I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.
http://www.w3.org/TR/CSS21/selector....bute-selectors

IE6 doesn't recognize these but IE7 and Firefox 2 do.
Dec 11 '07 #9
On Dec 11, 12:21 am, Harlan Messinger
<hmessinger.rem ovet...@comcast .netwrote:
Petr Vileta wrote:
Harlan Messinger wrote:
William Krick wrote:
>The only problem is forms with an input tag with type=image. These
images are not blocked.
>There are test cases at the bottom of this page...
>>http://htmlhelp.com/feature/art3c.htm
>Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.
input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined?
I mean syntax
element[type=....]
I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.

http://www.w3.org/TR/CSS21/selector....bute-selectors

IE6 doesn't recognize these but IE7 and Firefox 2 do.

This is what I've settled on for the moment...

input[type="image"]{ opacity: 0.25 !important }

It's not greyscale, but it fades out the button images enough that
they don't distract from the rest of the page while in black & white
mode, while still keeping them usable.
Dec 11 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
6437
by: Michelle Keys | last post by:
I am trying to call a print function to print a string from a database using javascript. Which is RC_DATA of Varchar2(2500). This is a javascript is not being used. I have a thing that needs to be modified: if(e.CommandName =="Print") { string parsedreceipt = null; parsedreceipt = DecodeReceipt (e.Item.Cells.Text); Session = parsedreceipt;
9
2781
by: Neo Geshel | last post by:
I have strip-mined, strip-searched, and completely exhausted the Internet (up to the 30th page on Google, with 100 results per page!!), all without finding an answer to my question AS TO WHY IT IS IMPOSSIBLE TO PROGRAMMATICALLY ADD A BUTTON TO A DYNAMICALLY CREATED PAGE. Or, to be more precise, why it is impossible to have an onClick sub respond to that button’s Click event. My main page has only one line:
7
10982
by: C.Joseph Drayton | last post by:
I have a problem that I am hoping someone can help me with. First let me describe the problem. I have an HTML form that in one field has an onBlur call to a JavaScript function. When you exit the field, it calls the JavaScript routine, which in turn calls a PHP script. The PHP script runs returns the value needed. And returns to the JavaScript. The JavaScript function is then supposed to set alerts depending on the values returned from...
16
3498
by: Ian Davies | last post by:
Hello Needing help with a suitable solution. I have extracted records into a table under three columns 'category', 'comment' and share (the category column also holds the index no of the record in a hidden field) I wish the user to be able to edit the data in the table, so I have extracted the records into hiddenfield, textareas, dropdown list and checkbox so that they can make changes. I named these elements as arrays and wish to run an...
2
3574
by: OBAFGKM_RNS | last post by:
Let's say I have a Javascript function that loops over and over. In that function i have it alternating images on a button this way: if(var==0){ var myHTML = "<input type='button' style='background-image: url(grnbutt.jpg);etc. etc.'>"; var outq = document.getElementById("qbutt"); outq.innerHTML = myHTML; } else{
1
2779
by: Arpit Nagar | last post by:
Hi... I am creating a dummy project for collage. Here I had choosen my project as Jewelleryshoping. Now the scenerio is like that thier are jewellry item which I had display in table format with images using form tag for button. Now the case is like I dont want to use any database like sql,serversite,php etc. I just want to use html or javascript or extremely XML. Now I want that When any person select Add to cart to particular...
1
3705
by: Manil | last post by:
I usually have no problem with Firefox, but here is a rare instance of IE displaying a table with image slices correctly and Firefox adding space where I seemingly have none. Is there anything I can do to fix this? Reasons for the problem may be that I have a cell in the table that acts as an expandable cell so that one can adjust the window and it will widen to keep the header at 98% of the window. Also, there is a text box and a menu box...
1
4610
by: javediq143 | last post by:
Hi All, This is my first post in this forum. I'm developing a CMS for my latest website. This CMS is also in PhP & MySQL. I'm done with the ADD section where the Admin can INSERT new records in Database but I'm stuck in the EDIT. I'm getting 2 problems over here. Below is the description: 1)The FIRST page will list all the records from the table which Admin can EDIT with CHECKBOX for each record to select. He can select one or more than one...
5
4464
by: thatcollegeguy | last post by:
Below are my 3php and 2js files. I create a table using ajax/php and then want to change the values in the tables add(+ number for teamid) id's for each specific td in the table. I don't know if I have the entirely wrong approach, but my code is below. Any or all help is appreciated! What currently happens is that the getdivision.php script works perfectly and gives me an entire table of correct data. The problem is that when I click...
0
9571
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9404
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10168
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9838
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8835
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7381
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5279
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
2
3532
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2806
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.