Report
-
Similar Content
-
By Jericho
Начал учить HTML для себя. Проблема в том, что сделал заголовок и таблицу, но, нужно чтобы текст был внизу таблицы. Сделал для этого подвал, но что-то не работает, все равно текст выше таблицы.
—————--
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="utf-8">
<TITLE>Главная страница</TITLE>
</HEAD>
<BODY>
<header>
<H1> <center>Текст Заголовка ...</center> </H1>
</header>
<center>
<table border="100">
<tr>
<th>№</th>
<th>Текст</th>
<th>Текст</th>
<th>Текст</th>
<th>Время</th>
<th>Текст</th>
</tr>
<tr>
<tr>
<td>1.</td>
<td>Текст</td><td>Текст</td><td>ОКР</td><td>17.20.34 - 18.07.2020</td><td> </td>
<tr>
<td>2.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>3.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>4.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>5.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>6.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
<tr>
<td>7.</td>
<td> </td><td> </td><td> </td><td> </td><td> </td>
</tr>
</center>
</BODY>
<footer>
Тексdт
</footer>
</HTML>
-
By РоманФ
Возникли сложности с созданием нестандартной формы в конструкторе сайтов, может кто-то сталкивался с такими проблемами?
Как решать такие проблемы в конструкторах по типу Lp Motor и Tilda(есть блок html есть куда вставить css, ну и соответственно есть возможность вставлять скрипты js), что использовать и как отправлять формы на почту в такой ситуации?
-
By toplife
Интернет-маркетинговое агентство Top-Life. Мы ищем в команду Junior Web разработчика.
Что мы ожидаем от кандидата:
Навыки HTML5, CSS3, JavaScript; Знания PHP5-7‚ MySQL‚ jQuery, ajax; Опыт в верстке; Наличие опыта разработки и знание различных CMS (1С Битрикс, UMI, ModX, WordPress и другие) будет плюсом; Опыт работы и наличие портфолио приветствуется; Умение и желание работать в команде; Аккуратность (осмысленность) в работе.
Задачи, которые вам предстоит решать:
Современная адаптивная кроссбраузерная верстка (HTML5+CSS3); Применение готовой верстки к CMS (1С-Битрикс, Wordpress);
Условия:
Оформление по ТК РФ Заработная плата: от 20 000 до 40 000 руб; График работы: 5/2 с 10.00–19.00, обед с 14.00–15.00; На территории работодателя; Молодой‚ профессиональный коллектив; Корпоративные мероприятия; Чай, кофе и печеньки с нас; Мы даем возможность не просто работать‚ а создавать и развиваться. Для связи:
Антон
тел: 8(981)897-42-46
mail: a.majstrenko@top-life.su
hh: https://spb.hh.ru/vacancy/30397980
-
By marriavass
Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает.
<main>
/*много других тегов*/
<section class="modal-map">
/*форма*/
<div> <iframe src="https://www.google.com></iframe> </div>
</section>
</main>
<footer>
</footer>
-
By Olesiy
Здравствуйте дорогие форумчане! Сделала всплывающую форму обратной связи на своем сайте, все работает,нормально, вот только после отправки письма форма не закрывается, нужно нажимать на крестик для закрытия. Как сделать так , что бы после успешной отправки форма сама закрывалась.Если кому не трудно подскажите ПОЖАЛУЙСТА. P.S в js не буб бум.
Вот форма:
<div class="popup"> <div class="popup-dialog"> <div class="popup-content"> <button class="popup-close"> ×</button> <form class="top" action="smart.php" method="POST"> <h4>Submit your application</h4> <label for="name"> Your name<input type="text" name="name" value="" placeholder="name"></label> <label for="emeil"> Your e-meil<input type="text" name="e-meil" value="" placeholder="emeil" required></label> <label for="phone">Your Phone<input type="text" name="phone" id="phone" value="" placeholder="phone"></label> <textarea name="comment" id="comment-field" rows="4">comment</textarea> <button class="button-block button-btn" type="submit"> to order</button> </form> </div> </div> </div>
Вот скрипт отправки:
$('form').submit(function(event) { event.preventDefault(); var th = $(this); $.ajax({ type: "POST", url: "smart.php", data:$(this).serialize() }).done(function() { $(this).find("input").val(""); alert("Спасибо за заявку!"); $("form").trigger("reset"); }); return false; }); И на всякий случай скрипт всплытия окна
$(document).ready(function() { $('.popup-btn').on('click', function (event) { $('.popup').fadeIn();// к тому что нужно показать, fadeIn с анимацией }); $('.popup-close').on('click', function (event) { event.preventDefault(); $('.popup').fadeOut(); }); })
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-