Задать вопрос

Роман Ямчук

Веб-разработчик

31

вклад
13

вопросов
58

ответов
43%

решений

Ответы пользователя по тегу CSS

Плывут стили на iphone 6,7,8,se. Как исправить?
Роман Ямчук @tomgif
Веб-разработчик
{ display: -webkit-flex; display: flex; }

На этих устройствах нет полной поддержки последних CSS 3 фич, таких как флексбоксы, поэтому применяйте префикс -webkit- к соотвествующим стилями

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как растянуть блок на всю высоту страницы?

Роман Ямчук @tomgif
Веб-разработчик

height: 100%

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как делается просмотр видео в модальном окне?

Роман Ямчук @tomgif
Веб-разработчик

Модальные окна - не предусмотрены чистым js, вам необходим любой плагин их реализующий, либо реализовать их самостоятельно, остальное зависит уже от осебенностей библиотеки.

Ответ написан более трёх лет назад

11 комментариев

11 комментариев

Почему меню раскрывается не на всю ширину?

tomgif

Роман Ямчук @tomgif

Веб-разработчик

@media (max-width: 768px) and (min-width: 320px) {
	.main .nav-block .navbar {
	    display: inline-block;
	    /* position: absolute; */
	    /* right: 0; */
	    float: right; }

	.navbar-collapse {
		position: absolute;
		width: 100%;
		left: 0px;
		z-index: 10; }

	.main .nav-block .navbar .navbar-collapse .navbar-nav,
	.navbar {
		position: static; }
}

Ответ написан более трёх лет назад

1 комментарий

1 комментарий

Как грамотно использовать rem в адаптивной вёрстке?
Роман Ямчук @tomgif
Веб-разработчик
*, *:before, *:after { box-sizing: inherit; } html { font-size: 62.5%; /* 10px */ } body { font-size: 200%; /* 20px */ }

Итак, поехали: теперь у нас есть 2 типа относительных единиц REM (10px) и EM (20px). REM - будет фиксирован во всём документе. EM - можно переопределить для конкретного блока. После того как весь макет будет свёрстан при помощи относительных единиц - достаточно просто будет адаптировать его под другие разрешения:

@media all and (min-width: 1200px) { html {font-size: 39.0625%} /* 1200/1920 * 62.5 */ } @media all and (min-width: 1440px) { html {font-size: 46.875%} } @media all and (min-width: 1600px) { html {font-size: 52.0833333333%} } @media all and (min-width: 1920px) { html {font-size: 62.5%} }

Осталось только переопределить нужные блоки макета под разрешение

Ответ написан более трёх лет назад

2 комментария
2 комментария
Как исправить баг с position: fixed в Chrome на Android при скролле?

Роман Ямчук @tomgif
Веб-разработчик

Попробуйте использовать height: 100vh;

Ответ написан более трёх лет назад

Комментировать

Комментировать
Не срабатывает :after при :focus в input?

Роман Ямчук @tomgif
Веб-разработчик

after у input

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Как лучше можно реализовать данный блок?
Роман Ямчук @tomgif
Веб-разработчик
Флексбокс! Стильно, модно, молодежно!
.page-content__head { display: flex; flex-flow: row nowrap; align-items: center; }

Ответ написан более трёх лет назад

3 комментария
3 комментария

Как в php коде вставить html таблицу?

tomgif

Роман Ямчук @tomgif

Веб-разработчик

Не понял что у вас за значения в квадратных скобках. Но решение примерно вот такое

<?
$sql = $db->query("SELECT * FROM `dle_viplats` order by id desc limit 10 ");           
while ($row = $db->get_row($sql)) {
?>
<tr>
   <td><?=$row["news-id"]?></td>
   <td><?=date("d-m-y", $row["tim"])?></td>
   <td><span class="short-title" style="font-size: 13px;"><a href="[xfvalue_ssylka-na-igru]"><?=$row["title"]?></a></span></td>
   <td><b style="color: #4c6f1b;">+[xfvalue_summa]</b></td>
</tr>
<?
}?>

Ответ написан более трёх лет назад

5 комментариев

5 комментариев

Как сделать меню, чтобы при наведении на пункт меню внизу раскрывался div с картинками?

tomgif

Роман Ямчук @tomgif

Веб-разработчик

Осталось только накидать стили

<ul class="menu">
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
</ul>

Ответ написан более трёх лет назад

Комментировать

Комментировать

Как изменить свойство класса CSS через JS?
Роман Ямчук @tomgif
Веб-разработчик
Можно как через click, так и через change
<input type="checkbox" name="menu" id="btn-menu" /> <div> <header>header <nav>box</nav> </header> </div>

$('#btn-menu').change(function() { $('header').toggleClass('header_box'); $('nav').toggleClass('header_nav_box'); })

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как называется такой плагин jQuery?

Роман Ямчук @tomgif
Веб-разработчик

Плагин называется MixItUp

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как правильно задать z-index ячейкам таблицы?

Роман Ямчук @tomgif
Веб-разработчик

Используйте position: absolute на этот блок

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Как сделать галерею с задаваемыми атрибутами?

Роман Ямчук @tomgif
Веб-разработчик

Возьмите slick
Раздел Slider Syncing

Ответ написан более трёх лет назад

Комментировать

Комментировать
Почему некоторые фреймворки (bootstrap, bulma) устанавливают в html font-size, равный 14px?

Роман Ямчук @tomgif
Веб-разработчик

font-size установленный на html является итоговым размером 1rem (root em). В лучших практиках вёрстки адаптивных макетов, Rem используется для указания размеров и шрифтов, font-size установленный на body (Em) используется для адаптивных сеток.

Ответ написан более трёх лет назад

Комментировать

Комментировать

Самые активные сегодня

Григорий Боев
- 5 ответов
- 0 вопросов
Вадим Освальд
- 5 ответов
- 0 вопросов
Петровский
- 4 ответа
- 0 вопросов
Василий
- 3 ответа
- 0 вопросов
Alexey Dmitriev
- 3 ответа
- 0 вопросов
Aragorn
- 3 ответа
- 0 вопросов