inline style with @media=print

[geotso]

Hi

I'm trying to hide from printing a specific element of a page but I don't
know how (and if) I could. Here is an example of what I'm trying to do:

[The text here must be visible in print mode]
<h1>Hidden in print mode</h1>
<p>Also hidden in print mode</p>
[Following text visible too]

Is there a way to hide these two paragraphs with an inline style?
(I don't know if "inline" is the correct word, so what I'm trying to say is
something like: <h1 style="@media=print(display:none)">)

Thanks

____________________
Merlin dying, to the Lady of the Lake:
"we lived our lives with passion and devotion"

-=- geotso -=-
(remove the TRAP to contact me)

[Peter Foti]

"geotso" <ge********@hotmail.com> wrote in message
news:bs**********@usenet.otenet.gr...

Hi

I'm trying to hide from printing a specific element of a page but I don't
know how (and if) I could. Here is an example of what I'm trying to do:

[The text here must be visible in print mode]
<h1>Hidden in print mode</h1>
<p>Also hidden in print mode</p>
[Following text visible too]

Is there a way to hide these two paragraphs with an inline style?
(I don't know if "inline" is the correct word, so what I'm trying to say is something like: <h1 style="@media=print(display:none)">)

Why would you want to use inline styles? They're evil. :) Seriously,
though, it defeats the purpose of seperating presentation from content. You
can do it if you don't use inline styles, but I don't know how you'd do it
with inline styles.

Regards,
Peter Foti

[Neal]

"geotso" <ge********@hotmail.com> wrote in message
news:bs**********@usenet.otenet.gr...

Is there a way to hide these two paragraphs with an inline style?

In the latest XHTML definition (1.1? off the top of my head) the style
attribute is deprecated in all tags. So it's not a bad idea to stop using
any inline styles. Add a class and define it either in the external CSS or
between the <style> tags in your header.

[Spartanicus]

Neal wrote:

In the latest XHTML definition (1.1? off the top of my head) the style
attribute is deprecated in all tags.

Not in 1.1 it isn't.

--
Spartanicus

[Neal]

"Spartanicus" <[e-mail]> wrote in message
news:8c********************************@news.spart anicus.utvinternet.ie...

Neal wrote:

In the latest XHTML definition (1.1? off the top of my head) the style
attribute is deprecated in all tags.

Not in 1.1 it isn't.

--
Spartanicus

http://www.w3.org/TR/xhtml11/doctype.html

Unless I'm screwed up... which IS possible...

[Spartanicus]

Neal wrote:

>In the latest XHTML definition (1.1? off the top of my head) the style
>attribute is deprecated in all tags.

Not in 1.1 it isn't.

http://www.w3.org/TR/xhtml11/doctype.html

Unless I'm screwed up... which IS possible...

I'm not sure what that refers to, usage of the style attribute is valid
in xhtml 1.1, given that there is no transitional doctype with 1.1,
afaik that implies that it isn't deprecated

--
Spartanicus

[Anne van Kesteren]

Spartanicus wrote:

Neal wrote:

In the latest XHTML definition (1.1? off the top of my head) the style
attribute is deprecated in all tags.

Not in 1.1 it isn't.

http://www.w3.org/TR/xhtml11/doctype.html

Unless I'm screwed up... which IS possible...

I'm not sure what that refers to, usage of the style attribute is valid
in xhtml 1.1, given that there is no transitional doctype with 1.1,
afaik that implies that it isn't deprecated

Indeed, it isn't even deprecated in XHTML2.0 (whenever that comes out),
though the fact that it is still valid, doesn't mean you should use it.

--
Anne van Kesteren
<http://www.annevankesteren.nl/>

[news individual]

"geotso" <ge********@hotmail.com> wrote in message
news:bs**********@usenet.otenet.gr...

Hi

I'm trying to hide from printing a specific element of a page but I don't
know how (and if) I could. Here is an example of what I'm trying to do:

[The text here must be visible in print mode]
<h1>Hidden in print mode</h1>
<p>Also hidden in print mode</p>
[Following text visible too]

@media print{
{
h1:display:none;
}
{p:display:none;
}
}

This will hide every h1 and p element from printing. If you need to only
hide one specific h1 element and one specific p element, then you will have
to give them a class (to differentiate them from other h1 and p tags on the
page) and then adjust the css in your @media:print rule accordingly.

Have a look at www.webmasterworld.com/forum83 where this had been discussed
in the last month or so.
Jools

[Lauri Raittila]

In article news individual wrote:

"geotso" <ge********@hotmail.com> wrote in message
news:bs**********@usenet.otenet.gr...

Hi

I'm trying to hide from printing a specific element of a page but I don't
know how (and if) I could. Here is an example of what I'm trying to do:

[The text here must be visible in print mode]
<h1>Hidden in print mode</h1>
<p>Also hidden in print mode</p>
[Following text visible too]
@media print{
{
h1:display:none;
}
{p:display:none;
}
}

This will hide every h1 and p element from printing.

Well, if it does, that means that you have incorrectly working browser.

Correct syntax:

@media print {
h1,p {display:none;}
}
If you need to only
hide one specific h1 element and one specific p element, then you will have
to give them a class (to differentiate them from other h1 and p tags on the
page) and then adjust the css in your @media:print rule accordingly.

This is correct.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.