Как в input передать значение data-*?

Виталий: все, что в каталоге - это 1 форма

Как в input передать значение data-*?

Виталий: форма отправляется только 1 раз, потом перезагружать страницу нужно

Как в input передать значение data-*?

Суть в том, что мне нужно было каталог на 5 товаров сделать без CMS, вот этот вариант и подошел. Можете посмотреть как оно в работе, на одну форму разные данные в поле отправляется. Красиво и удобно) pstroh440.zzz.com.ua/www/index.php

Как в input передать значение data-*?

У меня первый вариант прекрасно работает, но спасибо, что уделили время.

Как в input передать значение data-*?

Это оно! Спасибо большое!

Как переместить картинку?

Alexandr Lebedev: так как вы верстаете на bootstrap (судя по разметке), идеальный вариант таков:

<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<img src="img/logo.png" alt="logo" class="img-responsive">
		</div>
	</div>
</div>

Оно само все выровняет и подстроит.

Как переместить картинку?

Также можно использовать для этой картинки, если она фоновая background-size: cover

Выпадающее меню как у Рамблера?

Justin Bieber: да там все просто. Объясняю логику.
У вас есть список.

<ul>
...
</ul>

В нем есть элементы списка.

...
<li></li>
<li></li>
<li></li>
...

Помимо того, что в элементе списка есть ссылка, в нем также есть и скрытый блок, который и появляется как выпадающее меню.

...
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
...

Так вот, реализация такова. Для начала скрытому блоку задаем значение none свойства display, а при наведении на его родительский, то есть на lo, задаете ему значение block свойства display.
То есть примерно так:

<ul>
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
<li>
    <a href="#"></a>
    <div class="block"></div>
</li>
<ul>

ul{ваши стили и обязательно position: relative;}
ul li{ваши стили}
ul li a{ваши стили}
ul li a div.block{position: absolute; left: 0; display: none;}
ul li a:hover div.block{display: block;}

Абсолютно позиционирование дочерному блоку относительно списка вы задаете для того, что бы выпадающий блок появлялся в начале списка и ему можна было бы указать ширину в 100% ширины списка. Если свойство position: relative вы укажите не ul a li, то список блок будет выпадать не в начале списка, а под непосредственно пунктом меню. Вот и все.

Почему едет сетка bootstrap?

Анатолий Филиппов: я бы так не рисковал :D А на самом деле, это надо тестить, иначе как знать, как оно себя поведет? Вообще, я думаю парни из Bootstrap знали, что делают, и сетка их должна работать без изменений. Мое мнение, конечно же.

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Андрей: а вот это решение и работает, и выглядит приятнее. Да и как работает - в зависимости от размеров окна, даже обновлять не надо. Искренне благодарю, ночь мучений не прошла зря, спасибо!

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Андрей: но, кстати, только что скинул архив на телефон, рапаковал, и полет нормальный, скрипт отключен, поэтому, думаю, вопрос решен, большое спасибо. Все было элементарно с:

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Я не верю сам, но оно заработало -_-
Вот только работает оно не до конца. Если на примерах -то для началла я ввел ширину 1400px (у меня - 1366):

<script>
if (screen.width>1400){
  document.write("<script src='js/jquery.fullPage.js'></scr"+"ipt>");
}
</script>

И скрипт не работал, что логично. Потом я ввел 768px:

<script>
if (screen.width>768){
  document.write("<script src='js/jquery.fullPage.js'></scr"+"ipt>");
}
</script>

Скрипт заработал, что тоже логично. Вот только когда я изменил ширину окна до значения меньше 768px, даже обновив страницу, серипт работать не перестал. То есть он включается как бы на 1 раз, и даже работает, но не работает после изменения размеров окна.

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Андрей: и да, попробывал вывести просто alert(); между <script> и </scr"+"ipt> - и о чудо, оно вывело. Впихнул код вызова функции - эффекта ноль.

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Андрей: да, моя ошибка, оно не работало, я и не проверял исходный код страницы. Сейчас посмотрел - оно вывело строчку подключения нужного срипта, путь правильный, и вроде бы все хорошо, вот только оно не работает. То есть я даже конструкцию if убрал, просто вывел document.write();, и в коде страницы все правильно написалось, но - не рабоатет.
Перелистал уже с десяток зарубежных форумов - ничего.

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Андрей: Как бы я этого не желал, оно все равно не работает -_-

<script>
if (screen.width>768){
  document.write("<script src='js/jquery.fullPage.js'></scr"+"ipt>");
}
</script>

Как отключить определенный JS-файл в зависимости от разрешения экрана?

Написал таким образом:

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