F
F
femgerykrm2016-03-17 20:08:05
css
femgerykrm, 2016-03-17 20:08:05

How to implement menu in firefox?

Greetings!
Guys, I ran into the following problem:

<ul class="my-menu">
<div class="btn-group" role="group" aria-label="...">
<li><button type="button" class="btn btn-success menu-button"><a href="/">Главная</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/trotuarna-plitka/">Тротуарная плитка</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/border/">Бордюр</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/shlakoblock/">Шлакоблок</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/cement/">Цемент</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/shifer/">Шифер</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/truba-azbocement/">Труба асбестоцементная</a></button></li>
<li><button type="button" class="btn btn-success menu-button"><a href="/sipuchi-materiali/">Сыпучие материалы</a></button></li>    
</div></ul>

.menu-button{
    background-color: #379037;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 2px;
}

.menu-button:hover{
    background-color: #2d7c2d;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 2px;
}
ul.my-menu,
ul.my-menu li {
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.my-menu li {
 float: left;
}
ul.my-menu li  {
 display: block;
 background: #449d44;
 text-decoration: none;
}

/*добавочный класс для текущего(выбранного) пункта*/
ul.my-menu li .current {
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 1px;
}

The rest of the styles are bootstrap.
In google chrome, this menu works. In firefox, no.
What could be the problem?
Thank you.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
L
L0k1, 2016-03-17
@femgerykrm

the problem is the lack of knowledge
downloaded bootstrap - and you are a programmer!
Why did you put the link in the button, radish?

K
Konstantin Dovnar, 2016-03-17
@SolidlSnake

I think the problem is somewhere in the layout or styles.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question