Autor Zpráva
peekaa
Profil
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
peekaa:

Jukni třeba na můj web http://www.plavacek.net/
peekaa
Profil
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
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")
}
print.css
.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
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
V default.css je
#header p {
    background: url("../img/plavacek_logo.png") no-repeat scroll 0 0 transparent;
    ...
}

#header p img {
    display: none;
}
To znamená, že v prohlížeči se použije obrázek, který je definován v CSS (plavacek_logo.png) a při tisku se použije obrázek #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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: