40 users online (0 members and 40 guests)  


  Results 1 to 6 of 6

Related

  1. to or not to specify font sizes    Forum: HTML Forum
    Replies: 1
  2. Font Size/Font Face    Forum: CSS Forum
    Replies: 4
  3. Font Size/Font Face    Forum: HTML Forum
    Replies: 2
  4. Font sizes in CSS    Forum: CSS Forum
    Replies: 4
  5. Replies: 2
  1. #1
    winz's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    3

    Printing pages with different font-sizes

    Hi,

    I am trying to make a page that would generate certificate of attendance from list of users. So naturally it uses different font settings as an effect. It works well when the page is of one-page lentgh. problem arise when the certificate would span to more than one page. I first thought it is caused by misplaced tags or some css tags i'm using. However, I've created a simple html file that would expand for more than one pages. When I'm not setting fon't size, it works just fine. But when I change a few of them to bigger fon't sizes and PRINT it, the first line (the text itself)of the next page is cut horizontally.
    (see my attached testing code)
    Is their a way to tell the printer not to cut the text off?

    thanks in advance
    Attached Files Attached Files

  2. #2
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    Not sure if it's anything to do with it, but you've got tables inside of paragraph tags. Try removing the <P> and </P> tags and see what happens.
    EDIT:

    Did some looking around. What you need is to set up a style sheet for print media.
    Code:
    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
    You could use this to point to a CSS defining the page for the browser's "Print Preview" and printing purposes. I'm not sure how (yet) to set up page breaks, but I seem to remember something that let you define where the screen page is able to break between printed pages (in your case, between TDs). It's part of the CSS2 Specification, so it's hit or miss for browser/OS compatability. I've never had to set it up, so it might take some experimenting. Let us know how you get along...
    Last edited by Android; 10-15-2003 at 03:31 AM.

  3. #3
    winz's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    3
    i have removed all occurence of <p> tag. it didn't help.

  4. #4
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    I didn't think it would make any difference (you never know, though). Just that they are there doing nothing except invalidating the code (I think).
    http://webdesign.about.com/cs/css/a/aa042103a.htm a good read on using print media.

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    One pitfall to watch when using print-specific styles - make sure you set your 'normal' stylesheet to
    Code:
    media="screen"
    otherwise, media="all" is implied and both sheets get applied to the print.

    check out my css tutorials http://css.somepeople.net for some references on controlling prints with css, specifically http://css.somepeople.net/css2ref/Output/prop_page.html
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  6. #6
    winz's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    3
    Thanks. I believe I've found the culprit. It is really the page-break option. I appreciate the help.



Tags for this Thread