Ответы пользователя по тегу CSS
  • Почему фото в слайдере уходит вверх и не сжимается?

    .gallery__image {
    height: 100%;
    }
    .gallery__image img {
      max-height: 100%;
    или
      height: 100%;
    }


    Почему оно должно сжиматься? Высота не указана - значит картинка всегда будет стремиться к своим размерам, а не сжиматься. Что бы картинка сжималась нужно указать ей каким образом она должна занимать место в блоке - например быть на 100% от высоты: height: 100%;
    Ответ написан
    Комментировать
  • Как убрать артефакты с текстом при открытии выпадающего меню?

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

    Типа того .sp-page-builder .page-content #full-width {z-index: 2;}
    Ответ написан
    Комментировать
  • Как скрывать 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>
    Ответ написан