Skjul billede i printversion med css

http://html.dk/artikler/00009/

Blot lav to link til css stylesheets fx.
<link rel="css" href="" media="screen"/>
<link rel="css" href="" media="print"/>
og så lav en:
img {display:hidden;}
i print

>>zkn
-- du har tydeligvis ikke klikket på linket -- eller også er det netop det du har gjort !-)

Jeg kiggede ikke i linket nej. Men metoden er vel stadig brugbar.

Det er præcis hvad der står i linket ...

Har ikke kigget i linket før nu men det er ikke precist det samme, men jo det er begge baseret på media attributtet og forskellig visibilitet, da dette er den simpleste måde at gøre det på.

-> schaefner:
Det er præcist der jeg læste det - havde bare glemt at det var på html.dk. Thanx!

Jeg har ikke helt fanget hvorfor man skal lave 2 stylesheets når man kan klare det hele i en?

Ved at lave
<link rel="css" href="" />

og tilføje

@media print {

inde i dette stylesheet opnår man det samme uden at skulle vedligeholde 2 stylesheet. I tilfældet hvor man vil skjule noget kan man omdefinere stylen igen i @media print f.eks.

#menu {
    position:relative;
    float: left;
    left: 0px;
    width: 150px;
    }

@media print {
#menu    {
        visibility: hidden;
        position:absolute;
        top: 0px;
        left: 0px;
        }
:o)