Финский флаг в HTML

Поэтому, если я нигде не просчитался, получается так:
html, body < height: 100%; margin: 0; >html < background: linear-gradient(135deg, antiquewhite, silver); padding: 1em 32%; box-sizing: border-box; >div:before < content: ""; display: block; padding-top: 61.111%; >div
Отслеживать
ответ дан 3 сен 2018 в 17:53
122k 24 24 золотых знака 124 124 серебряных знака 299 299 бронзовых знаков
мне нужно было именно таблицами )) пока чтот не понимаю, текст ваш вставляяу в редактор и не получается
3 сен 2018 в 18:04
@alex, про таблицы в вопросе не сказано. Переделай селектор с div’а на какой-нибудь класс (и не забудь его на div поставить). Не может не получаться, потому что тут всё работает — сам же видишь в сниппете. И обрати внимание, что перед white нет запятой.
3 сен 2018 в 18:05
ладно парни не запаривайтесь я просто туплю ))) начинающий, про таблицы забыл сказать извените (( ещё раз большое вам спасибо
Флаги стран и как поставить на сайт uCoz

1) Первое что делаем, это как говорил закидываем на свой сайт.
2) Потом нужно зайти в Панель Управления » Пользователи » Настройка модуля и ставим флажок в поле «страна»
3) Остается только вид материалов форума, чтоб установить код.
Просто у вас будет папка, правее жмем и узнаем ссылку на ее, что и нужно в скрипт поставить.
Теперь у кого стоит IP
Просто вид материала находим этот кусок кода, и вам его нужно убрать и поставить свой.
Просто если установить новый, они будут конфликтовать и нужно оставить один.
На этом вся установка закончена, не забываем все сохранить. И при установке любого скрипта или замены, лучше зайти Резервное копирование (backup) и сделать сохранение.
PS — кто не хочет закачивать а просто вывести флаг, вы можете уже воспользоваться ссылкой, где все они залиты.
Выбор флага страны по коду.

window.onload = function () var links = _( ‘a.word’ );
for ( var i = 0; i < links.length; i++) links[i].onclick = clickOnWord;
>
_( ‘#get’ ).onclick = function () if (_( ‘#word_1’ ).value.length > 0) var pos_1 = word_array.indexOf(_( ‘#word_1’ ).value) * 15;
pos_1 = pos_1 * 1.0645;
> else var pos_1 = 0;
>
if (_( ‘#word_2’ ).value.length > 0) var pos_2 = word_array.indexOf(_( ‘#word_2’ ).value) * 15;
> else var pos_2 = 0;
>
_( ‘#flag’ ).style.backgroundPosition = ‘-‘ + (pos_1) + ‘px ‘ + ‘-‘
+ (pos_2) + ‘px’ ;
>
_( ‘#reset’ ).onclick = function () _( ‘#word_1’ ).value = » ;
_( ‘#word_2’ ).value = » ;
_( ‘#flag’ ).style.backgroundPosition = ‘0px 0px’ ;
>
>
function clickOnWord() var word_1 = _( ‘#word_1’ );
var word_2 = _( ‘#word_2’ );
if (word_1.value.length > 0 && word_2.value.length > 0) word_1.value = » ;
word_2.value = » ;
>
if (word_1.value.length > 0) word_2.value = this .innerHTML;
> else word_1.value = this .innerHTML;
>
return false ;
>
* This source code was highlighted with Source Code Highlighter .
var word_array = new Array(26);
word_array[0] = ‘_’ ;
word_array[1] = ‘a’ ;
word_array[2] = ‘b’ ;
word_array[3] = ‘c’ ;
word_array[4] = ‘d’ ;
word_array[5] = ‘e’ ;
word_array[6] = ‘f’ ;
word_array[7] = ‘g’ ;
word_array[8] = ‘h’ ;
word_array[9] = ‘i’ ;
word_array[10] = ‘j’ ;
word_array[11] = ‘k’ ;
word_array[12] = ‘l’ ;
word_array[13] = ‘m’ ;
word_array[14] = ‘n’ ;
word_array[15] = ‘o’ ;
word_array[16] = ‘p’ ;
word_array[17] = ‘q’ ;
word_array[18] = ‘r’ ;
word_array[19] = ‘s’ ;
word_array[20] = ‘t’ ;
word_array[21] = ‘u’ ;
word_array[22] = ‘v’ ;
word_array[23] = ‘w’ ;
word_array[24] = ‘x’ ;
word_array[25] = ‘y’ ;
word_array[26] = ‘z’ ;
* This source code was highlighted with Source Code Highlighter .
PS те кто обратил внимание на код, так же должны обратить внимание, что это не рабочий код, данный метод не имеет смысла использовать на сайтах.
Код писался в живую, не оптимизирован и вообще дурацкий.
Но каждый считает своим долгом, показать в комментариях как он крут в js.
Как установить флаг страны в select?
Нужно установить флаг в select при выборе страны!
Кто с таким сталкивался?
- Вопрос задан более трёх лет назад
- 4903 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 2

Ответ написан более трёх лет назад
Нравится 2 1 комментарий

Отличный компонент. Рекомендую к использованию!

Ищу работу. Контакты в профиле.
Ответ написан более трёх лет назад
Нравится 1 7 комментариев
Extra0 @Extra0 Автор вопроса
я так понимаю только с gif работает data-image ? с png нет?

@Extra0 эм. залейте пример, где у вас не пашет png.
Extra0 @Extra0 Автор вопроса

@Extra0 и вы действительно считаете, что по скриншоту кода я должен что-то понять?

@Extra0 Если будет всего 2 страны то накидал еще вот такой пример jsfiddle.net/QW01_01/6th3xare/2

@Extra0 даже так jsfiddle.net/QW01_01/6th3xare/3 пожалуй.
Extra0 @Extra0 Автор вопроса
@Taraflex извиняюсь за вырваные из контекста ссылки!! — Вот select c2n.me/iX5HQI и слева от страны (в селекте нужно сделать флаги)
Ваш ответ на вопрос
Войдите, чтобы написать ответ

- JavaScript
- +1 ещё
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 2 часа назад
- 21 просмотр

- JavaScript
- +1 ещё
Почему не выполняется функция в React.js из библиотеки WebTorrent?
- 1 подписчик
- 5 часов назад
- 43 просмотра

- JavaScript
Параметры функцийв JS?
- 1 подписчик
- 9 часов назад
- 70 просмотров

- HTML
- +1 ещё
Как пофиксти проблему с амперсантом?
- 1 подписчик
- 10 часов назад
- 54 просмотра

- HTML
- +2 ещё
Подобное поведение норма?
- 1 подписчик
- 13 часов назад
- 105 просмотров

- HTML
- +3 ещё
Почему не работает переход на страницу?
- 1 подписчик
- 13 часов назад
- 107 просмотров

- JavaScript
- +1 ещё
Как корректно передать eventPropGetter?
- 1 подписчик
- 13 часов назад
- 62 просмотра

- JavaScript
Как отследить запросы?
- 3 подписчика
- 14 часов назад
- 579 просмотров

- JavaScript
- +1 ещё
Почему не происходит Navigate?
- 1 подписчик
- 14 часов назад
- 34 просмотра

- JavaScript
Почему в рекурсия не возвращает увеличенный счётчик?
- 1 подписчик
- 21 час назад
- 68 просмотров
от 200 000 до 600 000 ₽
от 180 000 ₽
Zaymigo • Нижний Новгород
20 нояб. 2023, в 09:22
50000 руб./за проект
20 нояб. 2023, в 07:54
13000 руб./за проект
20 нояб. 2023, в 07:06
20000 руб./за проект
Минуточку внимания
Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями
- Как перенести описание вниз?
- 2 подписчика
- 0 ответов
- 2 подписчика
- 0 ответов
- 3 подписчика
- 2 ответа
- 2 подписчика
- 1 ответ
- 2 подписчика
- 2 ответа
- 2 подписчика
- 2 ответа
- 2 подписчика
- 4 ответа
- 2 подписчика
- 1 ответ
- 2 подписчика
- 2 ответа
- 2 подписчика
- 1 ответ