CSS: @page { margin: 3cm; }

Macpoika · Viesti Kirjoittaja **Macpoika** » 1.4.2009 klo 21.45

Miten saan Safarissa toimimaan tulostusta varten marginaalit?
Eli jokaiselle sivulle marginaalit ja erikseen oikealle ja vasemmalle.

Koodi: Valitse kaikki

@page :right {
    margin-left: 6cm;
}
@page :left {
    margin-right: 6cm;
}
@page {
    margin: 3cm;
}

Mikä mättää? Safari näyttää tulostuksen esikatselussa marginaaliset marginaalit. Ehkä noin sentin levyiset...

tjm · Viesti Kirjoittaja **tjm** » 1.4.2009 klo 22.58

Safarista sen enempää tiedä, mutta entäs jos määrittäisi bodylle ne marginaalit (ja vaikka jonain muina yksikköinä kuin cm).. ja printtiä varten siis ladataan erikseen oma stylesheet.

Juhani L · Viesti Kirjoittaja **Juhani L** » 2.4.2009 klo 9.27

Mitä tahdot? Nettisivun, joka on skaalautumaton ja joka tulostuu aina ja kaikilla tulostimilla samoilla marginaaleilla? Vai jotain muuta?

Macpoika · Viesti Kirjoittaja **Macpoika** » 2.4.2009 klo 15.00

Haluan, että kun nettisivu tulostetaan, jokaisella arkilla on itsemäärittelemäni marginaalit.
Haluan, että kun nettisivu tulostetaan, vasemman sivun oikea marginaali on 6cm ja vasen 3cm.
Haluan, että kun nettisivu tulsotetaan, oikean sivun vasen marginaali on 6cm ja vasen 3cm.

Tällä hetkellä Safari ei välitä CSS-määrittelyistä, vaan asettaa jokaiselle sivulle noin 7mm marginaalin.
Jos määrittelee marginaalin body-elementille, margin-top löytyy vain ensimmäisen arkin yläreunasta. Haluan määritellä ylämarginaalin jokaiselle sivulle.

Macpoika · Viesti Kirjoittaja **Macpoika** » 2.4.2009 klo 18.53

Wikipedian mukaan WebKit ei tue @page :a. Pitääkö tämä paikkaansa?
Eli onko siis niin, etten pysty rakentamaan kunnon layoutia XHTML:ää ja CSS:ää käyttäen? Se on nimittäin miestäni helpompaa kuin käyttää Pagesia tai jotain muuta tekstinkäsittely-/taittosoftaa...

Juhani L · Viesti Kirjoittaja **Juhani L** » 2.4.2009 klo 18.59

Macpoika kirjoitti:Haluan, että kun nettisivu tulostetaan, jokaisella arkilla on itsemäärittelemäni marginaalit.
Haluan, että kun nettisivu tulostetaan, vasemman sivun oikea marginaali on 6cm ja vasen 3cm.
Haluan, että kun nettisivu tulsotetaan, oikean sivun vasen marginaali on 6cm ja vasen 3cm.

Mahdotonta ja sotii html:n relatiivisuutta vastaan. Kyse ei taida olla Safarin ilkeydestä vaan siitä, että tulostimien ajurit ja sivujen CSS-asetukset ovat ihan eri asioita.

Macpoika · Viesti Kirjoittaja **Macpoika** » 2.4.2009 klo 19.13

Juhani L kirjoitti:
Macpoika kirjoitti:Haluan, että kun nettisivu tulostetaan, jokaisella arkilla on itsemäärittelemäni marginaalit.
Haluan, että kun nettisivu tulostetaan, vasemman sivun oikea marginaali on 6cm ja vasen 3cm.
Haluan, että kun nettisivu tulsotetaan, oikean sivun vasen marginaali on 6cm ja vasen 3cm.
Mahdotonta ja sotii html:n relatiivisuutta vastaan. Kyse ei taida olla Safarin ilkeydestä vaan siitä, että tulostimien ajurit ja sivujen CSS-asetukset ovat ihan eri asioita.

Nyt täytyy sanoa, että puppua puhut.

Toimii nimittäin Operalla. Taitaa olla ainoa selain, joka tukee CSS:n @page sääntöä.
Luepa W3C:n dokumenttia aiheesta:
http://www.w3.org/TR/CSS21/page.html#page-box

En haluaisi Operaa käyttää siksi, että siinä on hankalampaa esikatselu (Safarissa tulostuspaneelissa on esikatselu) ja se ei välttämättä ihan kaikkea tue. AKtsotaan. Pakko kai sitä on käyttää... :/

mutofuto · Viesti Kirjoittaja **mutofuto** » 2.4.2009 klo 19.24

niin paljon kuin herjataankin yhden valmistajan standardeja ja pieniä jippoja, virityksiä ja puutteita ja ollaan vihaisia standardin noudattamattajättämisestä, niin tässä ollaan nyt tekemässä samaa hommaa?

Macpoika · Viesti Kirjoittaja **Macpoika** » 2.4.2009 klo 19.35

mutofuto kirjoitti: niin paljon kuin herjataankin yhden valmistajan standardeja ja pieniä jippoja, virityksiä ja puutteita ja ollaan vihaisia standardin noudattamattajättämisestä, niin tässä ollaan nyt tekemässä samaa hommaa?

Tarkoitatko, että minä valitan täällä kun ei IE:ssä mikään toimi, ja kun Safarista puuttuu ominaisuus, niin olen aivan tyytyväinen?
Kyse ei ole siitä. Tottakai minua ärsyttää, että kaikkein eniten tarvitsemani ominaisuus puuttuu. Ajattelin vain jättää mielettömän vuodatuksen pois viestistäni, vaikka melkein aloitinkin vuodattamaan.

Olen etsinyt WebKitin sivuilta feature request -nappia ja sieltä linkattiin Applen sivuille. Applen sivuilla taas tarvitaan ADC-jäsenyys. Olen alle 18, joten se siitä. Olisin kiitollinen, jos menisitte nyt joukolla Applen sivuille valittamaan @page -säännön tukemisen puutteesta.

Ei se tosin minua ehdi auttaa, sillä minun on saatava projektini valmiiksi keskiviikkoon mennessä. Joudun siis käyttämään Operaa, vaikka se onkin kömpelömpää.

Tate · Viesti Kirjoittaja **Tate** » 2.4.2009 klo 20.42

oletko kokeillut käyttää css tiedostossa median attribuuttina "media"?

esim:

Koodi: Valitse kaikki

<LINK rel="stylesheet" type="text/css"  media="screen, print" href="foo.css">

Macpoika · Viesti Kirjoittaja **Macpoika** » 2.4.2009 klo 21.00

Tate kirjoitti:oletko kokeillut käyttää css tiedostossa median attribuuttina "media"?

esim:
Koodi: Valitse kaikki
<LINK rel="stylesheet" type="text/css"  media="screen, print" href="foo.css">

Yep. Mutta Safari ei tue @page -rulea.

Tate · Viesti Kirjoittaja **Tate** » 2.4.2009 klo 21.57

Itse olen käyttänyt tuota media="screen, print" attribuuttia ja esikatselu/sivun tulostus toiminut joka selaimella (myös safari). Tuota @page attribuuttia en ole tosin ikinä käyttänyt.

Yksi keinohan on tietenkin asettaa hötömölösivun bodyyn ns. kontetti div, jolle sitten annat marginia tarpeeksi.

Koodi: Valitse kaikki

<body><div id="content"> codea </div></body>

MiniMe · Viesti Kirjoittaja **MiniMe** » 2.4.2009 klo 23.03

Taitaa olla tuommoisen @page attribuutin tarve loppujen lopuksi aika vähäistä vielä tällä hetkellä, eli se selittänee suurelta osin heikkoa selainten tukea. Suurin osa ihmisistä selaa Internetiä, eikä tulostele jokaista sivua erikseen. Varmaan "tärkeimmät" tulosteet ovat erilaisia kuitteja / laskuja, jotka yleensä ovat vain yhden sivun mittaisia. Yhdenhän sivun saa helposti säädettyä ylläolevien ohjeiden mukaan normaalisti esim. margineilla.

Toisaalta, nyt kun web-pohjaiset sovellukset alkavat yleistymään, niin kyseiselle attribuutille löytyy varmaan paljon käyttöä. Siihen asti kunnes selainten tuki alkaa yleistymään, taitaa ainoa keino olla käyttää sitä Operaa. Mutta hei, eikös monet yrityksetkin ole joutuneet kärsimään siitä, kun joskus intrat suunniteltu jollekin IE6:lle, eikä uutta intraa sitten raaskita alkaa teettämään. Eli Macpojan "sovellus" on aikaansa edellä joten toivottavasti "sovellus" ei vanhene heti käteen...

Yksi vaihtoehto voisi olla myös jonkin koodinpätkän käyttö joka pukkaisi ulos pdf:n, mutta niiden html+css tuet taitavat olla vielä paljo heikompia, kuin selainten.

Jamac · Viesti Kirjoittaja **Jamac** » 4.4.2009 klo 10.06

On hiukan CSS tyylit päässyt ruostumaan kun en ole varmaan vuoteen niitä vääntänyt, mutta ei minulla ole kyllä ollut erityisiä ongelmia Safarin tulostuksen kanssa, kaivoin tuossa yhden pätkän koodia.. Tuo on nyt kappale-elementtiin, mutta vaihtaa p.notification tilalle vaikka html:n tai body:n (kumpi mahtaa olla parempi, en jaksa muistaa/ajatella), niin pitäisi marginaalia tulla ihan ok ja oletetusti.

Koodi: Valitse kaikki

@media print {
    p.notification  {
                    font-size: 1em;
                    font-weight:bold;
                    color: black; text-align: left;
    
                    border-bottom: 1px solid black;
                    border-top: 1px solid black;
    
                    padding: 0.25em 0em 0.25em 0.25em;
                    margin: 0em 0em 2em 0em;
    
                    background-color: white;

                    }
}

Macpoika · Viesti Kirjoittaja **Macpoika** » 4.4.2009 klo 14.41

Jos laitan marginaalia body-elementtiin, siinä käy niinkuin pitääkin, eli se asettaa marginaalin ensimmäisen sivun yläreunaan, viimeisen sivun alareunaan, sekä kaikkien sivujen laitoihin.
Minä en halua, että teksti alkaa 7mm sivun yläreunasta. En myöskään halua alkaa tehdä ylimääräistä säätöä.
Ratkaisuni on siis, että käytän Operaa tähän projektiin. Sillä aikaa olisi hyvä, jos pystyisitte tunkemaan Applen sivuille pyyntöä @page-säännön tuen lisäämistä.

Kiitos.

Sherukka · Viesti Kirjoittaja **Sherukka** » 4.4.2009 klo 14.49

Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?

MiniMe · Viesti Kirjoittaja **MiniMe** » 4.4.2009 klo 16.16

Sherukka kirjoitti:Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?

Kyseisessä tapauksessa HTML-sivua muotoillaan CSS-tyylimuotoilujen avulla. Ongelma on vain se, että kaikki selaimet eivät "vielä" tue uusimpien standardien mukaisia CSS-tyylimääritteitä.

Macpoika · Viesti Kirjoittaja **Macpoika** » 4.4.2009 klo 17.26

Sherukka kirjoitti:Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?

Olet.

Sherukka · Viesti Kirjoittaja **Sherukka** » 4.4.2009 klo 22.09

Macpoika kirjoitti:
Sherukka kirjoitti:Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?
Olet.

Hehe, eipäs siinä kyllä kovin hyvin onnistuttu, paskan saivat kasaan!?

mikastus · Viesti Kirjoittaja **mikastus** » 4.4.2009 klo 22.42

Sherukka kirjoitti:Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?

Olet ehkä väärässä siinä, että siitä ei koskaan ollut tarkoitus tehdä wysiwyg:iä, mutta alunperin siitä ei käsittääkseni ollut tarkoitus tehdä wysiwyg:iä.
http://fi.wikipedia.org/wiki/HTML

HTML:n alkuperäinen tarkoitus oli pikemminkin kuvata WWW-sivun rakennetta kuin sen ulkoasua, mutta sivujen kirjoittajat halusivat ennen pitkää paremmat mahdollisuudet vaikuttaa myös dokumenttiensa ulkoasuun.

En ole nyt juuri tällä hetkellä itse tekemisissä tämän asian kanssa, mutta mielestäni tuo voisi olla hyvä asia, että voidaan määritellä myös tulostettava ulkoasu. Sehän usein poikkeaa huomattavasti katselulaitteen formaatista. Joillakin sivuilla tuo paperitulostuksen optio tarjotaankin erillisenä linkkinä, aka; tulostettava versio.

Amatöörinä pidän nyt kuitenkin turpani kiinni käsilläolevana aiheen yksityiskohdista. Ei riitä kompetenssi.

Macpoika · Viesti Kirjoittaja **Macpoika** » 5.4.2009 klo 0.08

Sherukka kirjoitti:
Macpoika kirjoitti:
Sherukka kirjoitti:Sanoisin tähän ettei HTML:stä koskaan ollut tarkoitus tehdä WYSIWYG:iä vai olenko muka väärässä?
Olet.
Hehe, eipäs siinä kyllä kovin hyvin onnistuttu, kakka saivat kasaan!?

Tämä johtuu siitä, että eri selaimet tukevat eri asioita ja jokaisessa on omat buginsa.
Oletan myös, että kun puhuit HTML:stä, tarkoitit (X)HTML:ää SEKÄ CSS:ää, sillä muuten viestissäsi olisi vielä vähemmän järkeä. Keskustelunhan aihe on CSS:llä tehty taitto. Ja CSS:n idea on juuri olla wysiwyg. Idea on, että kaikissa selaimissa on tuki CSS:lle ja että se kaikissa näkyy samalla tavalla.

Sherukka · Viesti Kirjoittaja **Sherukka** » 5.4.2009 klo 11.54

Macpoika kirjoitti:
Sherukka kirjoitti:
Macpoika kirjoitti:Olet.
Hehe, eipäs siinä kyllä kovin hyvin onnistuttu, kakka saivat kasaan!?
Tämä johtuu siitä, että eri selaimet tukevat eri asioita ja jokaisessa on omat buginsa.
Oletan myös, että kun puhuit HTML:stä, tarkoitit (X)HTML:ää SEKÄ CSS:ää, sillä muuten viestissäsi olisi vielä vähemmän järkeä. Keskustelunhan aihe on CSS:llä tehty taitto. Ja CSS:n idea on juuri olla wysiwyg. Idea on, että kaikissa selaimissa on tuki CSS:lle ja että se kaikissa näkyy samalla tavalla.

Ok, eli päästäisiin pikselitason tarkkuuksiin?

MiniMe · Viesti Kirjoittaja **MiniMe** » 5.4.2009 klo 12.32

Sherukka kirjoitti:Ok, eli päästäisiin pikselitason tarkkuuksiin?

Kyllä. Tässä tapauksessa tavoite oli vain saada aseteltua sisältö paikoilleen tulostusta varten, joten lienee loogisempaa puhua vaikka millimetreistä.

Jamac · Viesti Kirjoittaja **Jamac** » 5.4.2009 klo 16.46

90-luvulle tunnusomainen html-maanalainen paikka on juuri esimerkki siitä kun sisältörakenne ja ulkoasu on samassa tiedostossa jolloin sivu näkyy vain yhdellä sivuntoistokeinolla hyvin. Paras keino on eriyttää sisältörakenne ulkoasusta eri tiedostoihin, jolloin asiakasohjelma lataa tarvitsemansa tyylitiedoston ja pystyy sitten näyttämään sisällön optimaalisesti, olipa kyseessä Nokian puhelimen selain tai Safari tai printteri tai näkövammaisen puhesyntetisaattori. Se on juuri internetin alkuperäinen idean mukaista. Tällöin mennään siis CSS-tyylien kanssa joilla annetaan ulkoasu (X)HTML-dokumenttiin.

CSS: @page { margin: 3cm; }

CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }

Re: CSS: @page { margin: 3cm; }