The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Organic Tabs: not display a row for each link or text?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #30535


    The first congratulate you on your great work, Tabs Organic is great.

    But there is a problem when displaying the contents,
    and still remain within the tags “<li>” and “</li>”,
    when in two “<a>” or “<p> creates two rows automatically.

    How can you fix it?


    nobody knows anything about it?



    Hello again.

    Yes, look, I added a screen at the following url for you to see how it displays the Organic Tabs. When the contents of a row has two texts in each text link, create two rows for each text. And when the content has two texts, one of which has a link but not the other, creates a single row but with two lines.

    Your text to link…

    In the picture I have, the results should look like this:
    catego (RSS)

    Hardware (RSS)

    otra categoría (RSS)


    This is with the following code in the sidebar:

    And in the bottom tab should appear as follows:

    vdsvd: tretr

    vdsvd: hvvh5

    vdsvd: wqddwqdw prueba captcha

    The CSS I use is the same one used by default Organic Tabs:

    #page-wrap { width: 250px; margin: 20px auto; }

    /* Generic Utility */
    .hide { position: absolute; top: -9999px; left: -9999px; }

    /* Specific to example one */

    #example-one { background: #eee; padding: 10px 0 10px 10px; margin: 0 0 15px 0; }

    #example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
    #example-one .nav li { width: 110px; float: left; margin: 0 10px 0 0; }
    #example-one .nav li.last { margin-right: 0; }
    #example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
    #example-one .nav li a:hover { background-color: #111; }

    #example-one ul { list-style: none; }
    #example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
    #example-one ul li a:hover { background: #fe4902; color: white; }
    #example-one ul li:last-child a { border: none; }

    #example-one ul li.nav-one a.current, #example-one ul.categorias li a:hover { background-color: #0575f4; color: white; }
    #example-one ul li.nav-two a.current, #example-one ul.articulos li a:hover { background-color: #d30000; color: white; }

    I hope you can help me, thank you very much.


    please, help me, thanx

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.