Advanced Search

Results 1 to 4 of 4

Thread: Text and Image Crawler - multiple lines of text

  1. #1
    Join Date
    Aug 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Text and Image Crawler - multiple lines of text

    1) Script Title:
    Text and Image Crawler

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...wler/index.htm

    3) Describe problem:

    I'm trying to scroll blocks that have multiple lines of text but I have not been able to come up with a solution.

    I want to scroll something like below:



    I've tried tables and div's but they do not work correctly. The closest I came was div's with float attributes but it did not scroll correctly.

    Is there anyway to do this?

    Thanks
    Last edited by jeffshead; 08-17-2011 at 03:53 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,677
    Thanks
    43
    Thanked 3,126 Times in 3,092 Posts
    Blog Entries
    12

    Default

    I think a single table with a single row and as many td's as required would be good. You said tables, more than one table will be a problem.

    But, if you want divs, instead of floating them, try making their display property inline-block, ex:

    Code:
    <div style="display: inline-block;">John Doe<br>Age: 23<br> . . . </div>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    jeffshead (08-17-2011)

  4. #3
    Join Date
    Aug 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    I think a single table... But, if you want divs...
    Unbelievable!

    Thank you so very much for your lightning fast reply.

    Both of your recommendations worked beautifully.

    Much appreciated

    Jeff

  5. #4
    Join Date
    Aug 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    Code:
    <div style="display: inline-block;">John Doe<br>Age: 23<br> . . . </div>
    FYI - That works for IE8+, FF, Opera, Safari and Chrome but it's a jumbled mess for IE7 users. The table method did not work well with IE7 either. Internet Explorer strikes again!


    I added some rather peculiar CSS for IE7 since it does not support 'inline-block':
    Code:
    <div style="display: inline-block; zoom:1; *display: inline; _height: 30px;">John Doe<br>Age: 23<br> . . . </div>
    Apparently, only IE7 recognizes the added CSS and all other browsers ignore it.

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
  •