Results 1 to 6 of 6

Thread: Ajax tabs multi lines distorted appearance.

  1. #1
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Ajax tabs multi lines distorted appearance.

    1) Script Title: Ajax Tabs

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...axtabscontent/
    2b) URL on my site: http://salsalust.com/move.php?id=19

    3) Describe problem:

    Hey,

    I implemented ajaxtabs which works great by the way, so thank you.
    I used the bricks css style. On pages where the tabs use more than one line sometimes the bricks layout is a bit distorted. the first brick of the new line does not appear in the start of the line. (can be seen in the link provided above)

    What can I do to make it appear right from the start of the line?

    thanks,
    Ido

  2. #2
    Join Date
    Aug 2004
    Posts
    9,890
    Thanks
    3
    Thanked 964 Times in 953 Posts
    Blog Entries
    15

    Default

    Try adding a <br> tag after the last LI on the first line, for example:

    Code:
     <div id="video_tabs" class="modernbricksmenu2">
            <ul> 
            <li><a href="http://salsalust.com/parts/video.php?id=19&amp;prod=7" rel="video_container" class="selected"><img src="client_files/Favorite_12.png" class="linked_image">Strictly Salsa</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=5" rel="video_container">Salsa No 1</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=9" rel="video_container">Salsa Lovers</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=29" rel="video_container">Yamambo</a></li><br style="clear:left" /><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=1" rel="video_container">Media Noche</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=21" rel="video_container">Esterllas</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=3" rel="video_container">Latingate</a></li><li><a class="" href="http://salsalust.com/parts/video.php?id=19&amp;prod=4" rel="video_container">Baila Salsa</a></li>        </ul> 
            </div>
    That seems to do the trick for me in FF.
    DD Admin

  3. #3
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yeah that would be nice...
    But I add the tabs dynamically based on database info. The count and length of the bricks change from page to page...

  4. #4
    Join Date
    Aug 2004
    Posts
    9,890
    Thanks
    3
    Thanked 964 Times in 953 Posts
    Blog Entries
    15

    Default

    Hmm what happens if you temporarily disable all other stylesheets other than the one pertaining to the brick menu? This would rule out one of the other styles on your page being the culprit.
    DD Admin

  5. #5
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    sorry for the very late response

    I deleted all styleshits except ajaxtabs and it stays the same unfortunately.
    Any other idea?

  6. #6
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    No idea at all?

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
  •