/    Sign up×
Community /Pin to ProfileBookmark

Browser or FF Addon to Block Deprecated Tags?

Copy linkTweet thisAlerts:
Nov 06.2007

For my own purposes and for teaching web design, I’m looking for either a browser or a FireFox addon that can render a page without being lenient about deprecated tags. As in, it won’t allow them at all and they won’t work as one might expect. (For example, using a <center> tag will not make anything centered, or <font> will not format the text in any way.) Better yet, something that would render a page as strict as the standards call for, making it obvious just by looking at your page that you’ve done something wrong. I assist in teaching a web design course and I notice a lot of students with wrong code that still works, which is frustrating. I realize we can just run the pages through a validator, but seeing problems firsthand and visually I think would be more effective.
Anyway this isn’t really anything vital that I need, I just think it would be helpful for the class. Any insight is appreciated!

Thanks,
–Steve

to post a comment
Full-stack Developer

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@scragarNov 06.2007 — I don't know about an adon or anything, but you could certainly write a simple piece of greasemonkey to run through the code using something like document.getElementsByTagName("font") to test if any font elements exist, and then do something obscene like hide them, or as I would recomend add a background image that's something like a red X, so that it's obvious where the problem lies.
Copy linkTweet thisAlerts:
@KravvitzNov 06.2007 — Try adding this to your [url=http://www.google.com/search?q=Firefox+user+stylesheet]user stylesheet[/url]:
center {
margin:0;
text-align: inherit;
}
font {
font: inherit;
color: inherit;
}
table[align],
div[align],
p[align] {
margin-left: 0;
margin-right: 0;
float: none;
}
Copy linkTweet thisAlerts:
@Major_PayneNov 07.2007 — Think you need to add [CODE]! important;[/CODE] to those styles for a user CSS in browsers.

Ron
Copy linkTweet thisAlerts:
@KravvitzNov 07.2007 — That's only needed if you want to be sure to override any author stylesheets. The issue here is that the students aren't using the stylesheets enough.
Copy linkTweet thisAlerts:
@Major_PayneNov 07.2007 — Adding the "! important" to the end of the style is vital, because otherwise, the author defined style sheet will take precedence over your user style sheet.

Ron
Copy linkTweet thisAlerts:
@balloonbuffoonauthorNov 07.2007 — Hmm, this seems like a good idea. I'll have to add any more that I can think of. While I think it would be unlikely for the students to be defining styles themselves that would override this user style sheet, I would probably still use "! important" just in case. Thank you kravvitz and major payne for these ideas!

Scragar, thank you for the idea, it would certainly work, but the user style sheet is more of what I had in mind.

Thanks!

--Steve
×

Success!

Help @balloonbuffoon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...