View Full Version : Ajax tabs multi lines distorted appearance.

11-24-2010, 07:14 PM
1) Script Title: Ajax Tabs

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

3) Describe problem:


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?


11-25-2010, 06:46 PM
Try adding a <br> tag after the last LI on the first line, for example:

<div id="video_tabs" class="modernbricksmenu2">
<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>

That seems to do the trick for me in FF.

11-25-2010, 07:10 PM
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... :(

11-26-2010, 08:12 AM
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.

12-10-2010, 11:48 AM
sorry for the very late response :)

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

12-17-2010, 05:49 PM
No idea at all?