---

Dette handler om CSS og media="print"

Hej jeg prøvede engang og ville lave min hjemmeside speciel når
den blev skrevet ud men jeg fik det aldrig til at lykkes.

Jeg læste et sted om at man kunne forbedre sit print ved at
skrive noget i stil med

@media print{
#logo{
content:url(logo_stor.jpg);
}
}

også har man en html fil med <img id="logo" src="logo.jpg">

Meningen er så at når man ser hjemmesiden viser den et logo på
f.eks 400x100 pixels men når man printer ja så printer den et
logo på f.eks 4000x1000 pixels.

Jeg fik det til at virke en smule i opera men ikke 100% og i ie
blev css'en bare ignoreret.

Så jeg vil hører om i har erfaring med dette css media print
noget for det har ikke virket hos mig.

Er det bare fordi browserne ikke understøtter det ?

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

---

"David Nielsen" <fedblindkat@yahoo.dk> skrev i en meddelelse
news:48015387$0$90276$14726298@news.sunsite.dk...
> Dette handler om CSS og media="print"
>
> Hej jeg prøvede engang og ville lave min hjemmeside speciel når
> den blev skrevet ud men jeg fik det aldrig til at lykkes.
>
> Jeg læste et sted om at man kunne forbedre sit print ved at
> skrive noget i stil med
>
> @media print{
> #logo{
> content:url(logo_stor.jpg);
> }
> }
>
> også har man en html fil med <img id="logo" src="logo.jpg">
>
> Meningen er så at når man ser hjemmesiden viser den et logo på
> f.eks 400x100 pixels men når man printer ja så printer den et
> logo på f.eks 4000x1000 pixels.
>
> Jeg fik det til at virke en smule i opera men ikke 100% og i ie
> blev css'en bare ignoreret.
>
> Så jeg vil hører om i har erfaring med dette css media print
> noget for det har ikke virket hos mig.
>
> Er det bare fordi browserne ikke understøtter det ?

Hejsa,

Kunne du ikke lige give et link til det, du har forsøgt. Så er det nemmere
at forholde sig til.
Ellers har jeg lavet noget-a-la-det-du-søger på:
http://www.laerkebo.net/index.shtml
Prøv at bruge Vis udskrift, så vil du se, at billedet på udskriften er et
helt andet, samt at menuen og andre bestemte ting er blevet skjult.

Louise

---

> Kunne du ikke lige give et link til det, du har forsøgt. Så er det nemmere
> at forholde sig til.

Jo selvfølgelig. Min hjemmeside : http://mentos.homepage.dk

css filen : http://mentos.homepage.dk/scooterhjemmeside/css/stylesheet.css

og i din fil kan du søge efter "@media print"

Der ville jeg gerne kunne erstatte mit logo fra hjemmesiden med et logo i
meget højere opløsning sådan at når man printer hjemmesiden så bliver logoet
skrevet ud i en meget bedre kvalitet.

Jeg ville gerne gøre sådan her

#hovedlogo img{
content:url(../billeder/4takt50ccmscooterestor.png);
}

i html filen står der

<div id="hovedlogo"><img src="billeder/4takt50ccmscootere.png"></div>

og det er så meningen at content:url skal udskifte billedet med et andre
billed i større opløsning...

Det virker ikke helt som jeg kunne tænke mig.

I opera så er det som om det er en grænse for hvor stort billedet må være hvis
det er stort så bliver det slet ikke vist på udskriften.

i ie skriver den bare det samme billed ud som der er på hjemmesiden.

i safari skriver den det rigtige billed ud men det ikke i den ønskede kvalitet
selvom jeg vælger den bedste udskrift kvalitet.

Når jeg vil gemme et billed i mit billed progam så kan jeg både vælge pixels
højde og bredde og opløsning som standard er 72pixels per tomme.
Hvis nu jeg ville have god kvalitet på printet så skulle jeg vel ændre det til
300 ik også gøre billedet 4 gange større i højde og bredde...

Jeg kan ikke få det til at virke håber i kan hjælpe mig.

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

---

David Nielsen <fedblindkat@yahoo.dk> skrev :

> #hovedlogo img{
> content:url(../billeder/4takt50ccmscooterestor.png);
> }


Det er content, der generelt ikke er understøttet i nogle
browsere.

Placer billedet du vil ha' printet normalt på siden, men med
display: none i den del, hvor det ikke skal vises.

http://home13.inet.tele.dk/smedpark/mediaprint/
--
Kerim

---

> Det er content, der generelt ikke er understøttet i nogle
> browsere.
>
> Placer billedet du vil ha' printet normalt på siden, men med
> display: none i den del, hvor det ikke skal vises.
>
> http://home13.inet.tele.dk/smedpark/mediaprint/

Jo men bliver billedet ikke hentet så selvom det ikke bliver vist
?

Jeg tror du har ret i at content ikke er understøttet som det er
tænkt.

Jeg kunne jo godt have et 4000x500pixels logo på hjemmesiden som
blev vist som et 1000x125pixels på skærmen men det ville tage
ekstra tid og loade hjemmesiden.

Men tror du at hvis man bruger visibility:hidden på et billed
bliver billedet så ikke hentet før man bruger visibility:visible
?

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

---

David Nielsen <fedblindkat@yahoo.dk> skrev :

>Jo men bliver billedet ikke hentet så selvom det ikke bliver vist
>?

Jo.

>Men tror du at hvis man bruger visibility:hidden på et billed
>bliver billedet så ikke hentet før man bruger visibility:visible
>?

Hvis du bruger dette, så bliver der gjort plads til billedet på
siden, selvom det ikke bliver vist.

Så det vil medføre et stort tomt felt, det undgår man med
display: none.

Spørgsmålet er om det ikke vil være bedre med et printlink til en
anden side, hvor der er det logo, som du gerne vil ha' bliver
udprintet.
--
Kerim

---

> Spørgsmålet er om det ikke vil være bedre med et printlink til en
> anden side, hvor der er det logo, som du gerne vil ha' bliver
> udprintet.

Jo men det bare ik smart.

Det heller ikke vigtigt men det var en stor forskel da jeg prøvede og
printe min side ud normalt også med et logo i høj opløsning så det da
noget jeg gerne vil have i fremtiden.

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