HTML & CSSur HTML, XHTML & CSS
7 svar · 536 visningar · startad av stompes
Finns det någon möjlighet att lägga till en fotter (i form av en bild) i varje sida när man skriver ut html.
Jag kommer inte att veta hur lång sidan blir. Dvs ibland kan det bli 1 sida ibland 3 osv.. Men jag vill att alla ska ha samma fotter-bild
Skulle bli grymt tacksam om någon visste svaret på detta :)
En variant kan vara att definera en footer under print-media, då kommer den enbart synas vid en utskrift.
Lek lite med följande:
[red]img#print-footer {display:none}
@media print {
body {padding-bottom:4em}
img#print-footer {display:block;position:absolute;bottom:0}
}
...
<img src="/din-footer-bild.png" alt="Print footer" id="print-footer" />[/red]
tack för tipset!
Jag har testat detta men jag får inte
{display:block;position:absolute;bottom:0}
att fungera, den fastnar inte på varje sida
Ah, nä det är klart.. får skylla på att det är för tidigt på morgonen. ;)
Anledningen är att om en webbsida sträcker sig över två pappersark kommer footern bara synas på den sista av dessa två - sant. Sorry. :bire
En lösning, som tyvärr bara kommer fungera i nyare webbläsare, är att använda position:fixed; istället för position:absolute;.
Jag tror tyvärr inte du kommer kunna lösa detta till 100% för de vanligaste webbläsarna. :(
Ska testa det. Jag kommer nämligen att använda resultatet för att generera pdf med pdf995 så fungerar det bara med ie7 så fungerar det
Har gjort ett test nu.
Det visade sig att bilden hamnade snyggt längst ner på sidan men den klippte all text som ligger ovanför. Jag skulle vilja att den hamnade som footer på alla sidor, dvs att den dubbleras till alla sidor.
Är detta möjligt eller har jag stött på något som är omöjligt??
Det här med utskriftsegenskaper är ett jävla meck alltså. Det går aldrig få till som man vill tycker jag. :l
Det är väl förmodligen alla webbläsarsnickare helt har bortprioriterat eller bara skitit i.
Instämmer helt!