/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Print med css
Fra : Mads Møller


Dato : 30-05-04 20:32

Hej

Jeg har udarbejdet en hjemmesiden, som både skal kunne være
skærmvenlig, samtidig med at den skal have et godt print layout.
Jeg har dog nogle problemer med at menuknapperne (som er lavet
med rollover image), kommer med ud på printet.
Jeg har defineret et css til print og en til screen. Hvordan
ignorer man de billeder, der sidder på siden, når man printer?

på forhånd tak

Mads

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Anders Thorsen Holm (30-05-2004)
Kommentar
Fra : Anders Thorsen Holm


Dato : 30-05-04 20:38

Mads Møller <mads.m@stofanet.dk> wrote:

> Jeg har defineret et css til print og en til screen. Hvordan
> ignorer man de billeder, der sidder på siden, når man printer?

Sæt 'display: none' i dit print sheet på alle de elementer, der ikke
skal udskrives.

F.eks.

[HTML]
<div id="menu">
<ul>
<li>punkt 1</li>
....
</ul>
</div>
<div id="indhold">
<p>Her er selve indholdet</p>
</div>

[print.css]
#menu {
   display: none;
}

--
Anders Thorsen Holm | http://www.thorsenholm.dk

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.thorsenholm.dk/fona/

Erik Ginnerskov (30-05-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-05-04 20:43

Mads Møller wrote:
> Hej
>
> Jeg har udarbejdet en hjemmesiden, som både skal kunne være
> skærmvenlig, samtidig med at den skal have et godt print layout.
> Jeg har dog nogle problemer med at menuknapperne (som er lavet
> med rollover image), kommer med ud på printet.
> Jeg har defineret et css til print og en til screen. Hvordan
> ignorer man de billeder, der sidder på siden, når man printer?

Her kan du se, hvordan man med css kan undgå, at menuen kommer med på
udprint:

http://www.hjemmesideskolen.dk/html/css2.asp#prt

Er der i det normale sideflow enkelte elementer, der heller ikke skal med på
papir, kan du tildele dem en klasse, eks.:

<div class="scronly"><a href...... /* et link til toppen af siden */

og derefter i dit printer-css lave dette:

..scronly{
display:none;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste