(OT) CSS Codes

domjoel has asked for the wisdom of the Perl Monks concerning the following question:

Replies are listed 'Best First'.
Installing Google Analytics tracking code by Your Mother (Archbishop) on Jun 07, 2009 at 17:07 UTC
Google Analytics requires you to put JavaScript, not CSS, in your pages. Here's the how-to/help page: Installing the tracking code.	[reply]
Re: (OT) CSS Codes by JavaFan (Canon) on Jun 07, 2009 at 12:06 UTC
You mention HTML and CSS, but this site is about Perl. Beside the fact that HTML markup ought to be used for semantics¹, and CSS for presentation (and hence, there's generally² no translation from one to the other), what kind of answer do you expect here? Ought to. Nowadays, HTML documents are just collections of `DIV` and `SPAN` elements, completely unreadable without the stylesheet. A sad regression of the state of a dozen years ago. Generally I said. Don't bother mentioning the counter examples. I know about them, otherwise, I would have omit the word "generally".	[reply]
Re^2: (OT) CSS Codes by Cody Pendant (Prior) on Jun 07, 2009 at 23:31 UTC
HTML markup ought to be used for semantics1, and CSS for presentation (and hence, there's generally2 no translation from one to the other) Something of a strange thing to say, and only makes sense if you ignore the entire history of HTML. HTML has a `<font>` element. For many years, in HTML 1, 2 and 3 it was used to set fonts. Now it's deprecated in HTML 4, but it still works and you can translate between the font tag and a CSS font declaration perfectly well. Nobody says perl looks like line-noise any more kids today don't know what line-noise IS ...	[reply] [d/l]
A reply falls below the community's threshold of quality. You may see it by logging in.
Re: (OT) CSS Codes by Anneq (Vicar) on Jun 07, 2009 at 12:52 UTC
Google for "CSS tutorial", "HTML tutorial", "CSS Reference", and "HTML Reference". Also you might consider buying "CSS The Missing Manual". Hope that helps, Anne	[reply]
Re: (OT) CSS Codes by Bloodnok (Vicar) on Jun 07, 2009 at 12:24 UTC
Do you really mean convert CSS to HTML, or maybe you mean embed CSS markup within HTML ? Whilst both are meta-languages, as JavaFan has previously pointed out, they aren't directly compatible (and thus open to translation) in the general case... A user level that continues to overstate my experience :-))	[reply]
Re: (OT) CSS Codes by cjcollier (Novice) on Jun 07, 2009 at 19:18 UTC
sure. put your css codes in a <style> element in the <html>...<head> section, for instance: `<html> <head> <style> span { color: black; } </style> <title>My title</title> </head> <body> <span>this should be black or something</span> </body> </html>` [download]	[reply] [d/l]
Re^2: (OT) CSS Codes by ww (Archbishop) on Jun 08, 2009 at 01:13 UTC
Redefining `span` this way makes about as much sense as redefining (just to get a little perl into this) `print` to mean `foreach`. <span> has a legitimate use -- to make a part of a markup element different from the rest. For example: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/ +/www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> span { color: red; } blockquote{ margin-left: 6em; margin-right: 8em; font-style: italic } .red { color: red; background-color:transparent; } .b { font-weight: bold; color: green; background-color:#dddddd; } .black { color: black; background-color: #aaaaff; width: 8em; max-width:8em; text-align:center; } foobar { color: blue; background-color: transparent; font-size: 1.8em; font-style: italic; } .foobar { color: blue; background-color: red; font-size: 1.8em; font-style: italic; } </style> <title>My title</title> </head> <body> <p><span>this should be red... and it is, because browsers will genera +lly allow this abuse.</span> But a decent validator (CSS specific or +html/css) will tell you something like this:</p> <blockquote>The "span" tag has no attributes. Attributes are + normally used with the "span" element to provide functiona +lity.</blockquote> <p>Normal text. <span>red text</span> and back to normal.</p> <p><span class="b">And this bold, green and with a grey background.</s +pan></p> <p class="black">Black</p> <p class="span">Red? Not today! <foobar> ...because span is NOT a clas +s.</foobar> However, turning again to our validator:</p> <blockquote>The "foobar" is not a recognized element in this + selector. Is it misspelled?</blockquote> <p>Well, no, but while it works, there's no guarantee that it will tom +orrow ... or even today, in some browsers.</p> <p>dot_foobar (or even id foobar) would be a valid selector... used li +ke this: <span class="foobar">text rendered as spec'ed by dot_foobar< +/span></p> </body> </html> [download] So if you're going to give advice on css, please do so with good advice; that is, with a decent respect for standards.	[reply] [d/l] [select]


Perl: the Markov chain saw
	PerlMonks