Помоги сделать выпадающее меню при клике плиииз!

[Reut]

(ссылка с который выпадает меню "каталог"  на него нужно сделать клик,CSS или JS,)

 

Вот мой код меню!

 

 

<table width="100%">

                        <tr>

                            <td>

                                <li class="first"><a href="company" title="Компания">Компания</a></li>

                            </td>

                            <td>

                                <li id="open">

 

                                    <span title="Каталог">Каталог</span>

                                    

                                     <ul id="center">

                                        <li id="ri"><a href="/rings">Кольца</a></li>

                                        <li><a href="/obruchal'nyye">Обручальные кольца</a></li>

                                        <li><a href="/engagement">Помолвочные кольца</a></li>

                                        <li><a href="/kol'tsa">Перстни</a></li>

                                        <li><a href="/ser'gi">Серьги</a></li>

                                        <li><a href="/podveska">Подвески</a></li>

                                        <li><a href="/kresty">Кресты</a></li>

                                        <li><a href="/tsepi">Цепи</a></li>

                                        <li><a href="/braslety">Браслеты мужские</a></li>

                                        <li><a href="/braslety-zhenshchin">Браслеты женские</a></li>

                                        <li><a href="/komplekty">Комплекты</a></li>

                                        <li><a href="/korporativnye">Корпоративные</a></li>

                                        <li><a href="/drugiye">Прочее</a></li>

                                    </ul>

                            

                                 </li>

                            </td>

                            <td>

                                <li><a href="manufacture" title="Изготовление">Изготовление</a></li>

                            </td>

                            <td>

                                <li><a href="remont" title="Ремонт">Ремонт</a></li>

                            </td>

                            <td>

                                <li><a href="training" title="Обучение">Обучение</a></li>

                            </td>

                            <td>

                                <li><a href="yuveliry" title="Ювелирам">Ювелирам</a></li>

                            </td>

                            <td>

                                <li class="last"><a href="contacts" title="Контакты">Контакты</a></li>

                            </td>

                        </tr>

                    </table>

[wwt]

элемент li должен быть в элементе ul или ol а у вас он в td. Это как минимум

[Reut]

элемент li должен быть в элементе ul или ol а у вас он в td. Это как минимум

ну допустим возьму я его в элемент ul,дальше как?

[andrey7287]

http://codepen.io/anon/pen/rxYBNe

[Reut]

http://codepen.io/anon/pen/rxYBNe

спасибо,очень помог!!

[DimmoS]

Уже давно пора слезть с табличной верстки на дивную, и проще и возможностей больше

[andrey7287]

Уже давно пора слезть с табличной верстки на дивную

 

Сейчас уже пора слазить с дивной верстки на флексы.

[wwt]

Сейчас уже пора слазить с дивной верстки на флексы.

а вас не смущает что "флексы" это CSS, а div это HTML?

[abrahadabra]

это не должно смущать, потому что все три варианта — варианты раскладки, разные варианты.

«дивную» вёрстку же можно сделать, не используя ни единого тэга div.

[yardim]

варианты раскладки, разные варианты

Не совсем понял, что значит "варианты раскладки"?

Edited January 22, 2016 by yardim

[kattiperk]

 

Сейчас уже пора слазить с дивной верстки на флексы.

а вас не смущает что "флексы" это CSS, а div это HTML?

 

давно на сайт w3c заходили? там же флексы ввели

[Нарек]

давно на сайт w3c заходили? там же флексы ввели

Тыкните ссылкой. 

[kattiperk]

Нарек, я шутила вроде. Уже не помню, что вчера писала.

[Нарек]

Нарек, я шутила вроде. Уже не помню, что вчера писала.

Столько бухать нехорошо 

[Get to heaven]

Нарек, я шутила вроде. Уже не помню, что вчера писала.

натянуть

[parliament]

Дайте кто-нибудь мастер класс в форум по всплывающему меню двухуровнему желательно(может и трех )Только без фреймворков чтобы, а так чистый СИЭСЭС) Вот бы круто было)