Search code examples
htmlhyperlinkhref

Creating multiple links inside a href

This is the a litle piece from a menu:

<li><a href="onelink.html">Some Text </a>

Now I want that after SOME TEXT to be 1 2 3 and when I click 1 2 3 to link me to another link, it has to be inside the >Some Text </a>.

Some ideas?

Solution

  • I'm not sure if that's what you are searching for:

        <ul id="mega-menu-1" class="mega-menu">
        <li><a href="test.html">Products</a>
            <ul>
                <li><a href="#">Vehicles</a>
                    <ul>
                        <li><a id="in_a_row" href="#">Coupe
                            <div class="cars">
                                <a class="car" href="#">1</a>
                                <a class="car" href="#">2</a>
                                <a class="car" href="#">3</a>
                            </div>
                        </a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

    For styling of the elements you can use this CSS code:

        .cars,
    .car,
    #in_a_row
    {
        display: inline !important;
    }

    Use !important to overwrite styles which have been defined by the plugins CSS file.

    Here you can grab the source code. Just replace the index.html of the plugin with that code.