Autor | Zpráva | ||
---|---|---|---|
peekaa Profil |
#1 · Zasláno: 12. 12. 2012, 07:41:46
Dá se nějak nastavit při tisku nějaký úplně jiný, nový obrázek (logo určené pro tisk v černobílé barvě a trochu roztažené), jiný než je normálně na screenu? Skrýt to logo, které je na screenu pro tisk umím, ale neumím v css zobrazit jiné. Díky moc.
|
||
Plaváček Profil |
#2 · Zasláno: 12. 12. 2012, 08:42:27
peekaa:
Jukni třeba na můj web http://www.plavacek.net/ |
||
peekaa Profil |
#3 · Zasláno: 12. 12. 2012, 09:32:53
ale ty u tisku nemáš úplně jiný obrázek než na screenu.... "jen" máš některé obrázky schované, ale ne nové, nebo nevidím.
|
||
preca1 Profil |
#4 · Zasláno: 12. 12. 2012, 09:56:58
peekaa:
Nechce se mi to zkoušet, ale nestačí prostě jen změnit background, popř. background-image pro ten prvek, který obsahuje logo? normal.css: .logo { background-image: url("barevne-logo.gif") } .logo { background-image: url("cernobile-logo.gif") } |
||
Plaváček Profil |
preca1:
Obrázky na pozadí se ve výchozím nastavení prohlížeče netisknou. peekaa: Mám jiný obrázek - na screenu je bílý, v HTML kódu modrý - a ten se použije pro tisk. |
||
peekaa Profil |
#6 · Zasláno: 12. 12. 2012, 12:28:31
Plaváček: bohužel ten fígl nevidím. Na screenu máte
<div id="back"> <!-- header --> <div id="header"> <p><img src="img/plavacek_logo.gif" width="220" height="48" alt="Plaváček webdesign - logo"></p> </div> Ale v http://www.plavacek.net/style/print.css nikde nevidím jednak skrytí "header", "back" a jednak vložení toho nového loga. Díky za další nakopnutí. |
||
preca1 Profil |
#7 · Zasláno: 12. 12. 2012, 12:48:23
V default.css je
#header p { background: url("../img/plavacek_logo.png") no-repeat scroll 0 0 transparent; ... } #header p img { display: none; } #header p img , tedy plavacek_logo.gif. A to z toho důvodu, že
Plaváček: „Obrázky na pozadí se ve výchozím nastavení prohlížeče netisknou.“ |
||
Plaváček Profil |
peekaa:
No, to souhlasí. Bílé logo je umístěno na pozadí #header p ve stylopisu default.css pro monitor (je bílé). Modré logo je vloženo jako obrázek do HTML a pomocí stylu ve stylopisu default.css skryto - viz kód: #header p img { display: none; } Protože při tisku se standardně obrázky na pozadí bloků netisknou, není nutné v souboru print.css nic definovat (kromě požadovaného umístění nebo velikosti). Jo, preca1 byl rychlejší :) |
||
peekaa Profil |
#9 · Zasláno: 12. 12. 2012, 14:25:08
Aha, rozumím. Takže když mám obrázek na displeji stylem img /ne background/ tak to asi nejde, takže budu muset změnit zobrazení obrázku, aby bylo jako background.
|
||
Časová prodleva: 11 let
|
0