Forum How do I...?

Text along with page numbers - Help

AntoVXR
Hi Guys,

I'm trying to create a PDF with the page numbers bottom right (PHP + CSS), but with a bit of text bottom left, how would I go about doing this, I've tried everything! :(


I have
@bottom-right {
content: "Page " counter(page) " of " counter(pages);
font-size: 10px;
border-top: 1px solid #000000;
}

Which puts the page numbers bottom right, but when I put
@bottom-left {
content: "© Specialist Schools and Academies Trust 2007. Charity no. 296729";
font-size: 10px;
}

the text doesn't seem to be inline with the footer page numbers, it sits just above


Your help would be much appreciated

Thanks
Anto
AntoVXR
I've managed to do this now.

My only problem now is that the 1px line above the footed has quite a large gap, how do you reduce this gap?
mikeday
You can specify "vertical-align: top" to align the text at the top of the footer, then add a little padding-top to provide some separation.
AntoVXR
Thanks!

Worked perfectly