Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Проблема. помогите пожалуйста . у меня footer почему то рассыпался.

Проблема. помогите пожалуйста . у меня footer почему то рассыпался. Форма отправки расползлась кто куда.
<!-- верстаем раздел О Студии-->
<div class="clearfix">
<div class="container">
<div class="page__row"></div>
<div class="page__cell">
<section class="section__clearfix">
<h2 class="headline">О Студии </h2>
<p class="text">Добро пожаловать на сайт Ателье-студии "Натальи Малышевой" – мастерской, где каждый может заказать
себе ту вещь, которая полностью удовлетворит его вкусовые предпочтения в одежде. На наш взгляд нет
той одежды, которую невозможно было бы создать, есть та одежда, создание которой просто требует больше времени,
а приятные цены делают наши услуги доступными для любого клиента. </p>
</div>
</div>
</section>
</div>
<div class="container">
<section class="section"><!--тег -section задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок. Допускается вкладывать один тег <section> внутрь другого.-->
<h2 class="headline">Основные направления услуг </h2>
<ul class="text">
<li>Пошив женской, мужской и детской одежды;</li>
<li>Карнавальных костюмов;</li>
<li>Аксессуаров (клатчи, сумочки, ремешки и т.д);</li>
<li>Предметов интерьера (покрывала, подушки, шторы и др.);</li>
<li>Реставрация вещей из ("бабушкиного сундука");</li>
<li>Вязание свитеров, джемперов, шарфов, шапок и многих других изделий из пряжи.</li>
</ul>
</div>
</section>

<div class="container">
<div class="page__row">
<div class="clearfix">
<section class="section__client">
<div class="col-sm-12">
<h2 class="headline">Информация для клиентов</h2>
<h3 class="headline">Прайс - лист на услуги ателье-студии</h3>
</div>

<div class="col-sm-6">
<ul class="text__client">
<li>Пальто - от 4000 рублей;</li>
<li>Пиджак - от 3200 рублей;</li>
<li>Куртки - от 3000 рублей;</li>
<li>Жилеты - от 1300 рублей;</li>
<li>Брюки - от 1000 рублей;</li>
<li>Шорты - от 800 рублей;</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="text__client">
<li>Комбинезоны и полукомбинезоны - от 2100 рублей;</li>
<li>Юбки - от 1100 рублей;</li>
<li>Платья и сарофаны - от 1800 рублей;</li>
<li>Блузки - от 1400 рублей;</li>
<li>Свадебные платья - от 10000 рублей;</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Низ сайта-->

<footer class="footer"> <!--clearfix-это способ для элемента автоматически очистить дочерние элементы, так что вам не нужно добавлять дополнительную разметку-->
<div class="clearfix">
<div class="container">

<div class="row"> </div>
<div class="col-sm-12">
<h2 class="footer__contact">Контакты</h2>

<div class="col-sm-8">

<div class="footer__address"><strong>Адрес:</strong> &nbsp; Калининград, ул.Тихорецкая, д.20, Кв.225</div>
<div class="footer__phone-number"><strong>Телефон: &nbsp; </strong> +7(911)496-92-20</div>
<div class="footer__email-address"><strong>Email: &nbsp;</strong> </div>

<div class="map">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit </p>
</div>
</div>
<div class="col-sm-4">
<form class="contact-form">
<div class="contact-form-head">
<h4 class="logo__h4"><strong> Оставить заявку</strong></h4>
<p>Отправте нам сообщение по этой
форме<br> и мы обязательно вам ответим!</p>
</div>
</div>

<span>Ваше сообщение:</span>
<p class="msg">
<textarea name="msg" placeholder="Текст сообщение..." ></textarea><!--Тег <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста.Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля. -->
</p>

<label> <!-- Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст. -->
<span>Ваше имя:</span>
<input type="text" name="Имя" placeholder="Ваше имя..." required><!-- Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент <input> не требуется помещать внутрь контейнера <form>, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать <form> обязательно. -->

</label>
<label>
<span>Ваш телефон:</span>
<input type="text" name="Телефон" placeholder="Ваш телефон..." required>
</label>
<label>
<span>Ваше Email:</span>
<input type="text" name="Email" placeholder="Ваше Email...">

</label>
<div class="text-center">
<button class="button button-small btn-primary btn-lg">Отправить</button><!-- Тег <button> создает на веб-странице кнопки -->
</div>

</div>
</div>
</div>
</form>

</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

</body>
Ответ:
Если бы ты использовал нормальный редактор кода, то такой проблемы у тебя бы просто не возникло. Но поскольку ты пишешь код в блокноте, то ты перепутал местами закрывающие теги

</div>
</section>

Попробуй расставить их по местам (у тебя 3 ошибки в верстке, которую ты выложил). Установи себе какую-нибудь ide, лучше всего ij idea ultimate edition.
Вопрос: Помогите пожалуйста ! Если можете !

Всем доброго времени суток,помогите или подскажите советом,я начинающий пользователь у меня есть свой сайт с кинофильмами онлайн на базе DLE 10.3
при добавлении любой информации,фильмов или просто пустую статью,у меня добавляется автоматически ее копия ,тоесть добавляешь одну новость появляются 2 одинаковые,если удаляешь одну из этих новостей удаляются обе ! В Чем проблема помогите пожалуйста !
за ранее спасибо что откликнулись !
Ответ:
Ошибка в зарпосе, который обращается к базе для получения данных для отображения.
Вопрос: Внезапная проблема с выпадающим меню в ИЕ

Добрый день всем!

Подскажите, плиз, в чем проблема.

На сайте есть выпадающее меню, сделанное при помощи pureCSSmenu. Оно корректно работает во всех браузерах в составе имеющегося сайта. Потребовалось сделать отдельную страницу с тем же меню. Была использована та же css и тот же html - работает везде, кроме ИЕ. Все проверено, голова сломана, а воз и ныне там. "Ниччего не понимаю!" (с)

Для примера меню выделено в отдельную страницу - проблема та же, работает везде, кроме ИЕ.



Помогите, пожалуйста.

Спасибо
Ответ: Изопропил,

десятый ие. говорят, что в 11-ом работает. но я не понимаю почему в 10-ом в штатном дизайне пашет, а выдернутое отдельное - нет.
Вопрос: Съезжает footer и поля для отзывов в Wordpress (Woocommerce)

Здравствуйте, такие вопросы:
1) Поставил тему virtue для Woocommerce, есть проблема,при малом кол-ве информации footer съезжает
как прижать footer?такое не наблюдается на странице с товарами или со слайдером, на пустых и где мало текста он почему-то съезжает.
2) В отзывах Woocommerce такая проблема, съезжают поля влево, скрин прилагаю так же

как исправить эти проблемы подскажите пожалуйста?
Ответ:
ну твоя проблема решаеться очень быстро, скачай себе UMI-CMS
Вопрос: Какой нужен скрипт, чтобы переключение серии работало? Помогите пожалуйста!

Вот результат, html и css осталось только написать js.



<!DOCTYPE html>
<html>
<head>
	<title>Player</title>
	<meta charset="UTF-8">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>

<!--noindex-->

<div class="ftr" id="ftr"><div class="ignore-select"><script type="text/javascript">
uvk.init();
uvk.show(1,[
['http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/936.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1102.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1458.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1607.html',
'http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/32.html',
'http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/104.html',
'https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/681.html',
'https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/707.html']
]);
</script><div id="uber-vk-write" align="center">	 	    <ul id="uber-vk-season"><li id="seasons"><span onclick="uvk.season('0', this)" class="active">1 Сезон</span></li></ul>	 	    <div id="uber-vk-player"><iframe src="http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html" width="680" height="300" border="0" frameborder="0" scrolling="no" allowfullscreen=""></iframe></div>	 	    <ul id="uber-vk-serial"><li id="season-0" style=""><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html', this);" class="active">Серия 1</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/936.html', this);">Серия 2</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1102.html', this);">Серия 3</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1458.html', this);">Серия 4</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1607.html', this);">Серия 5</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/32.html', this);">Серия 6</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/104.html', this);">Серия 7</span><span onclick="uvk.player('https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/681.html', this);">Серия 8</span><span onclick="uvk.player('https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/707.html', this);">Серия 9</span></li></ul>	 	    <a href="javascript://" class="prev" onclick="uvk.move(1);"></a>	        <a href="javascript://" class="next" onclick="uvk.move(0);"></a>	        <a href="javascript://" class="prev1" onclick="uvk.movie(1);" style="display:block"></a>	        <a href="javascript://" class="next1" onclick="uvk.movie(0);" style="display:block"></a>	        </div></div></div>
<!--/noindex-->

</body>
</html>


Код:
.ftr {
	background:#000;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
	margin-bottom:10px;
	width:690px
}

.ftr>iframe,.ftr>object{
	margin: 5px;
}

#ftr {
    background-image:url(../img/224.gif);
    background-position:312px 162px;
    background-repeat:no-repeat
}

#uber-vk-write {
	margin:5px;
	width:680px;
	font-size:12px
}

#uber-vk-write .active {
	background: #4DAF7C;
	color: #fff;
}

#uber-vk-player {
	background:#000;
	margin:0 auto;
	width:100%;
	height:300px;
	clear:both
}

#uber-vk-season,#uber-vk-serial {
	width:640px;
	min-height:40px;
	list-style:none
}

#uber-vk-season li,#uber-vk-serial li{
	text-align:left
}

#uber-vk-season li span,#uber-vk-serial li span{
	display:inline-block;
	text-align:center;
	width:65px;
	line-height:22px;
	margin:4px 2px;
	color:#262626;
	border:1px solid #d9d9d9;
	background:#fff;
	cursor:pointer
}

#uber-vk-season li span:hover,#uber-vk-serial li span:hover{
	background:#ffbc14
}
Когда я нажимаю на следующую серию, то ничего не происходит, надо чтобы менялась серия. Что нужно прописать помогите пожалуйста!
Ответ: В работу
Вопрос: Не получается разместить блоки с помощью float. Помогите пожалуйста

Не получается разместить блоки с помощью float. Помогите пожалуйста.
нужно , чтобы серые блоки шли слева направо. Если я ставлю и float:left, то у меня пропадает белый задний фон.


<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="white-shape">
<!-- MENU -->
<div class="wraper">
<div><a href="#" class="act_menu">main</a></div>
<div><a href="#">about us</a></div>
<div><a href="#">services</a></div>
<div><a href="#">products</a></div>
<div><a href="#">partners</a></div>
<div><a href="#">contacts</a></div>
</div>
<div class="clear"></div>
<!-- LOGOTYPE -->
<div class="logo">
<p><a href="/"><img src="img/logo.png" alt="logo"></a></p>
<p>THE BEST QUALITY PRODUCTS</p>
</div>
<p class="central_img"><img src="img/central.jpg" alt="central image"></p>
<!-- CONTENT (3 blocks) -->
<div class="content">
<div>
<p><img src="img/page1_img_01.png" alt=""></p>
<p><h4><span>PROGRESSIVE</span> METHODS</h4></p>
<p class="text1">
<a href="#">Koleacene anritma haseseralety.</a> Cumaser kertyaseocis ntoquas caaslecenas stricies phaledatyfena nec sit amm easerment. Utdolor dapegementum velursus ifend elineanctor wisiet urliquam. Berat vpaiast rtyase fertasbe.
</p>
<p class="button1"><a href="#"></a></p>
</div>
<div>
<p><img src="img/page1_img_01.png" alt=""></p>
<p><h4><span>PROGRESSIVE</span> METHODS</h4></p>
<p class="text1">
<a href="#">Koleacene anritma haseseralety.</a> Cumaser kertyaseocis ntoquas caaslecenas stricies phaledatyfena nec sit amm easerment. Utdolor dapegementum velursus ifend elineanctor wisiet urliquam. Berat vpaiast rtyase fertasbe.
</p>
<p class="button1"><a href="#"></a></p>
</div>
</div>



</div>


</body>
</html>


@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background:url(img/bg-body.jpg);
padding-top:60px;
}
#white-shape{
background:#FFF;
width:1100px;
margin:0px auto;
}
.wraper{
margin:0px auto;
width:570px;
}
.wraper div{
float:left;
width:95px;
font-size:18px;
font-family: 'Comic Sans MS', cursive;
}
.wraper a{
padding-top:64px;
height:37px;
width:95px;
text-align:center;
margin:0px auto;
text-decoration:none;
color:#7d594d;
display:block;
}
.wraper div:hover{
background:#FDD330;
}
.wraper a:hover{
color:#FFF;
}
.act_menu{
background: #FDD330;
color:#FFF !important;
}
.clear{
clear:both;
}
.logo p{
text-align:center;
color: #c2ac83;
text-transform:uppercase;
font-size:14px;
font-family: 'Comic Sans MS', cursive;
}
.central_img{
text-align:center;
margin:25px auto 0px;

}
.content{
width:955px;
margin:20px auto;
border:1px solid #000;
}
.content div{
padding:20px 0px 20px 0px;
background:url(img/block-1_shape.jpg);
width:300px;
text-align:center;
margin-left:7px;
float:left;
}
.content div h4{
color: #754f44;
}
.content div h4 span{
color: #fdd330;
}
.text1{
color: #9a9785;
text-align:left;
font-size: 15px;
margin-left:50px;
margin-right:33px;
margin-bottom:40px;
}
.text1 a{
color:#6d6a57;
text-decoration:none;
}
.text1 a:hover{
text-decoration:underline;
}
.button1 a{
display:block;
width:100px;
height:33px;
background:url(img/button1.jpg) no-repeat;
margin:0px auto;
}
.button1 a:hover{
background:url(img/button2.jpg);
}

Ответ:
Пропишите для контейнера где находиться белый фон:
overflow: hidden;
Вопрос: Помогите пожалуйста!

- Вот сайт
Эту приколюху я от нечего делать создал для колледжа, но не успел я начать заливать фотки, как столкнлся с небольшим багом
Суть такова, что выбрав одну из фотографий запускается алгоритм (нажатая - победитель[+1 к победам; + к общему рейтингу и т.д.] симметрично и для второй не нажатая[+1 к поражениям; - к рейтингу])
Проблема в том, что можно кликнуть на фотографию, например, 10 раз и все 10 баллов зачисляются к победам победителя, и все 10 к поражениям проигравшего. Тоже самое будет, если нажать и 100 раз.
Помогите, пожалуйста решить данную проблему. Буду благодарен любым ответам. Если понадобятся исходники, то можно скачать на облаке -
Ответ: PriceBody
нужно запоминать хоть какую то идентификацию того, кто проголосовал.

либо куки или что то еще в браузере - легко обходится, либо IP в базе на сервере, либо ввести регистрацию.
Вопрос: Помогите, пожалуйста, со скриптом для баннера

Помогите, пожалуйста, со скриптом у меня есть баннер в gif и счетчик обратного отсчета в javascript, мне необходимо сделать баннер со счетчиком обратного отсчета выстроенных в ряд типа как здесь: только наоборот
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://e-timer.ru/js/etimer.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery(".eTimer").eTimer({
			etType: 0, etDate: "05.08.2016.0.0", etTitleText: "До окончания акции осталось:", etTitleSize: 16, etShowSign: 1, etSep: ":", etFontFamily: "Trebuchet MS", etTextColor: "#a3a3a3", etPaddingTB: 9, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 0px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 24, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#11abb0", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5)"
		});
	});
</script>
<div class="eTimer"></div>
gif - >
Заранее благодарю
Ответ: Ты серьезно веришь что цифры там меняются потому что скрипт считает оставшееся время? Я тебя умоляю. Нарисуй гифку с шевелящимися циферками буквально секунд на 30 и не будешь знать горя всю жизнь.

Это самое интересное, что промоутеры от сохи сами верят в свое НЛП как должны верить их глупые клиенты. )))

ЗЫ Помести свой таймер поверх гифки абсолютным позиционированием.
Вопрос: Помогите пожалуйста!!!

Приветствую уважаемые мастера. Помогите пожалуйста с решением. В js вообще полный 0.
Суть проблемы такова: стал вопрос сделать запоминание вводимых пользователем данных, и их выводе при следующем входе пользователя на определенную страницу.
Порядок такой:
должно быть 2 окошка в первое человек к примеру вводи 10 а во второе 35 и эти данные должны запомниться до следующего входа пользователя.

P/S также требуется что бы была кнопочка очистить. То есть чтобы человек мог очистить предыдущие значения и ввести новые. Помогите пожалуйста. Заранее большое спасибо.
Ответ: Спасибо большое!
Вопрос: getJSON Помогите, пожалуйста

Я начинающий веб-программист, мне мой технический директор даёт задачи для сайта и я их делаю. Наткнулся на проблему, гуглил часов 5, ответа не нашёл. Помогите, пожалуйста
Есть код:
function onAjaxSuccess(data)
{
	$.getJSON('/functions.php', { get_param: 'value' }, function(data) {
    	$.each(data, function(index, element) {
	        $('body').append($('<div>', {
 	       	    text: element.name
    	    }));
	    });
});
}

Технический администратор пишет, что в строке с $.each дичь написана. Что вообще должно быть введено в ней?
Нужно сделать прогрузку картинки в пустом поле на сайте с сервера.
Надеюсь ясно написал)
Ответ:

each - выполняет функцию для отдельного элемента,

.each(callback(index, domElement))