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

Valera Dobroman

Делаю сайты
Ответы пользователя по тегу CSS

  • Как перевести обычную дату в unix timestamp?

    @Valera221
    Делаю сайты
    Вот уникальная функция для конвертирования обычной даты в юникс
    function ToUnix(dateArg = {
	str:false,
	Y:"1970",
	m:"01",
	d:"01",
	h:"01",
	i:"00",
	s:"00"
}){
	Object.entries(dateArg).forEach(([k,v])=>{
		if (Number.isInteger(v) && v < 10) {dateArg[k] = "0"+v}
		if (!Number.isInteger(v) && v.length == 1) {dateArg[k] = "0"+v}
	})
	let dateStr = `${dateArg.Y}-${dateArg.m}-${dateArg.d}T${dateArg.h}:${dateArg.i}:${dateArg.s}`;
	if (dateArg.str) dateStr = dateArg.str;
	return +new Date(dateStr);
}


    Пример использования:
    asaToUnix({Y:1980,m:10,d:01,h:02,i:00,s:08}); //339210008
    asaToUnix({str:"1981-01-02T10:10:05"}); // 347274605
    Ответ написан
    Комментировать
    Комментировать

  • Как расположить текст справа от картинки?

    @Valera221
    Делаю сайты
    Берешь родителя <div class="content"></div> в него заворачиваешь картинку и текст, текст также заворачиваешь в <div class="text"></div>
    И того 

    <div class="content">
<img src="img/protektokrat_home.gif" width="165" height="165">
     <div class="text">
       Starbound --- игра разработанная Chucklefish. Жанр игры песочница, платформер. 
	<br>Имеет 2D пикельную графику. Вышла в 2016 году. 
		<br>Доступна в Steam и стоит 299 рублей. 
		<br>На данный момент последняя версия 1.4.4 Bounty Hunter Update
		<br>
		<br>
		Системные требования: 
		<br>ОС: Windows Vista - 10 
		<br>Оперативная память: 2 ГБ 
		<br>Процессор: Core 2 duo 
		<br>Видеокарта: 256 МБ
		<br>Памяти на жестком диск: 4 ГБ
     </div>
</div>


    Даешь родителю, а то есть классу content - display: flex;
    .content {
    display:flex;
    }
    И также в дальнейшем я советую изучать flex box, это более эластичная структура верстания.
    Также можешь сделать флоатом
    img{float: left;}
    .text{float:left}
    Ответ написан
    Комментировать
    Комментировать

  • Почему header не влазит в браузер?

    @Valera221
    Делаю сайты
    Чтобы хеадер был на весь экран, сделай для элемента width: 100%; Пиксели это статическая единица измерения, а проценты эластическая ( то есть при приближении и отделении экрана np. ctrl + и ctrl - с процентами будет также изменяться.)
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать просмотр фотографий при наведении?

    @Valera221
    Делаю сайты
    Реализуй на js, используй события и евенты

    let div = какой-то элемент
// вот источник https://learn.javascript.ru/mouse-clicks;
div.addEventListener('click',ha_key);

// или навестись мышкой div.addEventListener('mouseover',ha_key);

function ha_key() {
и тут ты работаешь над другим дивом,  создаешь отдельный див
который будет поверх всего, типа за главный и когда ты кликаешь на первый див,
показывается уже слайдер крупным планом, который должен быть заранее приготовлен
со стилем display:none
// вот источник как менять стили элементам https://learn.javascript.ru/styles-and-classes
}
    Ответ написан
    Комментировать
    Комментировать