Ответы пользователя по тегу HTML
  • Как убрать артефакты с текстом при открытии выпадающего меню?

    На блок #full-width повесь z-index: 2;

    Типа того .sp-page-builder .page-content #full-width {z-index: 2;}
    Ответ написан
    Комментировать
  • Есть ли смысл использовать Google AMP для интернет-магазина?

    На счет страниц товаров - спорный вопрос. Но точно стоит для страниц Новостей, Статей и т.п. Немного информации здесь: https://www.brekot.ru/blog/amp-bitrix-pagespeed-in...
    Ответ написан
    Комментировать
  • Как скрывать div в Bootstrap 3 с помощью tab'ов?

    Вот так вставляй:

    <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">Объект Учёта</h3>
                            </div>
                            <div class="panel-body">
                                <ul class="list-group" id="myTabs">
                                    <a href="#" class="list-group-item">Создание</a>
                                    <ul>
                                        <li><a data-toggle="tab" href="#KK1">КК</a></li>
                                        <li><a data-toggle="tab" href="#gugf1">ГУ/ГФ</a></li>
                                    </ul>  
                                </ul>
                            </div>
                        </div>
                    </div>
    				<div class="col-md-9">
    					<div class="tab-content">
                            <div id="KK1" class="panel panel-default tab-pane fade in active">
                                <div class="panel-heading">Статьи по теме</div>
                                <div class="panel-body">
                                    <table class="table table-condensed table table-hover">
                                        <col width="30%"><col width="70%">
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #1 Статья #1</a></td>
                                            <td>Краткое описание статьи #1</td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #1 Статья #2</a></td>
                                            <td>Краткое описание статьи #2</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #1 Статья #3</a></td>
                                            <td>Краткое описание статьи #3</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #1 Статья #4</a></td>
                                            <td>Краткое описание статьи #4</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #1 Статья #5</a></td>
                                            <td>Краткое описание статьи #5</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div id="gugf1" class="panel panel-default tab-pane fade">
                                <div class="panel-heading">Статьи по теме</div>
                                <div class="panel-body">
                                    <table class="table table-condensed table table-hover">
                                        <col width="30%"><col width="70%">
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #2 Статья #1</a></td>
                                            <td>Краткое описание статьи #1</td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #2 Статья #2</a></td>
                                            <td>Краткое описание статьи #2</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #2 Статья #3</a></td>
                                            <td>Краткое описание статьи #3</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #2 Статья #4</a></td>
                                            <td>Краткое описание статьи #4</td>
                                        </tr>                        
                                        <tr>
                                            <td><a href="#">Пункт #1 Категория #2 Статья #5</a></td>
                                            <td>Краткое описание статьи #5</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
    					</div>
                    </div>
                </div>
            </div>
    Ответ написан