webForumDet fria alternativet

Vet att detta går att göra (CSS)

HTML & CSS

4 svar · 282 visningar · startad av Jaar

Medlem sedan juli 2001434 inlägg
Frågan#1

Jag vet att man kan spec i CSS olika layouter för om dokumentet skrivs ut eller inte...

Jag gör lita rapporter och på skärmen vill jag att en bild ska ligga med, men när man tar print ska bilden ej finnas med längre. Jag är nästan säker på att jag sett detta någonstans, men jag kommer inte ihåg vart.

------------------
Alt-F4 for help
------------------

Medlem sedan nov. 200013 890 inlägg
#2

Testa detta:

@media print {
	.NoPrint{visibility:hidden;}
}

------------------
/Tor
www.tor.nu

Medlem sedan juli 2001434 inlägg
#3

Det fungerade utmärks, nästan

Bilden jag visar är ung 100 pixlar hög, när jag väljer visible "hidden" så blir det ett 100 px tomt fält, går inte det att fixa på något sätt?

------------------
Alt-F4 for help
------------------

Medlem sedan nov. 200013 890 inlägg
#4

Testa detta:

<img src="din_bild.gif" class="bild">

...och detta i CSS:en

@media print
.bild{
height:0px
}

Du kan kanske testa att lägga bilden in ett layer och ändra storleken på detta genom att ha olika höjdvärden på @media print och @media screen. :i

------------------
/Tor
www.tor.nu

Medlem sedan juli 2001434 inlägg
#5

Tusen tack, det funka utmärkt med att sätta heighten...

Tummen upp

------------------
Alt-F4 for help
------------------

254 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)