Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: how insert PDF w/o scroll bars

  1. #1
    Join Date
    Aug 2011
    Location
    Philadelphia, PA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default how insert PDF w/o scroll bars

    How do you insert a PDF into an xhtml file without the scroll bars?

    And is the object tag better than the embed tag? Is the embed tag becoming deprecated?

    thanks!

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    embed a pdf document
    Code:
    <object data="data/test.pdf" type="application/pdf" width="300" height="200">
      alt : <a href="data/test.pdf">test.pdf</a>
    </object>
    Do did want something like that?

  3. #3
    Join Date
    Aug 2011
    Location
    Philadelphia, PA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I did try
    Code:
    <object data="FallSuccessDRflyer.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%"></object>
    and I still got the scrollbars. I can't seem to get rid of them.

    Question about:
    Code:
    <object data="data/test.pdf" type="application/pdf" width="300" height="200">
      alt : <a href="data/test.pdf">test.pdf</a>
    </object>
    I thought where it starts alt: <a href="data/test.pdf">test.pdf</a></object>
    was an alternative to the first line of code. Am I wrong?

  4. #4
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    Wait did that work for you?
    Go here http://joliclic.free.fr/html/object-tag/en/

  5. #5
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    also you can add:
    Code:
    style="overflow-x: hidden; overflow-y: hidden;"

  6. #6
    Join Date
    Aug 2011
    Location
    Philadelphia, PA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for trying but no, it didn't work. I still have the scroll bar.

    This is what I coded:
    Code:
    <object data="FallSuccessDRflyer.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%" style="overflow-x: hidden; overflow-y: hidden;"></object>
    here is link to my web page:
    http://www.speak4success.com/programs2.html

    (The page link you sent me "joliclic.free.fr/html/object-tag/en/" is where I got my original coding. I didn't see anything there that helped for deleting a scroll bar.)

  7. #7
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    Umm first have you tried to change the width and high so it actually fits?

  8. #8
    Join Date
    Aug 2011
    Location
    Philadelphia, PA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I'll try changing the size. Thought 100% was okay.

  9. #9
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    try this:
    Code:
    <iframe src="FallSuccessDRflyer.pdf" width="600" height="800" style="border: 0;" scrolling="no"></iframe>

  10. #10
    Join Date
    Aug 2011
    Location
    Philadelphia, PA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Changing the width and height didn't make a difference. No matter how small I made the image specifications the size of the PDF window was always the same. The scrollbars were always there too.

    oh well.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •