HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблема с line-height
Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…
0 votes2 answers -
Pop-up окошки
Всем привет! В общем при написании сайта возникла проблем с выскакивающими окнами. Весь интернет пролазил, но понятной инструкции для не знающих продвинутых языков нет. Пожалуйста. можете доходчиво мне объяснить что и как на пальцах. Окна должны перемещаться и изменять размер. Зарание спасибо!
0 votes9 answers -
что за бордер? или не бордер
Всем привет, ток начал bootstrap использовать, делаю всплывающую форму, туплю паходу но не пойму откуда бордер когда нажимаешь на кнопку, остается синий бордер? как его убрать? http://jsfiddle.net/4gm0rb0j/13/
0 votes5 answers -
Отправка сообщений с сайта
Здравствуйте! Научите, пожалуйста, отправлять сообщения с сайта! Облазила весь инет, но безрезультатно: нигде не пишут подробно об этом. Отсюда https://github.com/PHPMailer/PHPMailer скачала код для отправки сообщений, но там ТАК запутано! Столько файлов, не могу разобраться... Вот, к примеру, есть форма <form method="post"> <p> <label for="addr">eMail:</label> <input type="text" name="addr" id="addr" size="30" /> </p> <p> <label for="theme">Тема письма:</label> <input type="text" name="theme" id="theme" size="30" /> </p> <p> <label for="text">Текст письма:</label> <textarea …
0 votes5 answers -
Вставить узор png в DIV
Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD
0 votes3 answers -
gmail блокирует Html письмо
Добрый вечер, сверстал вот такое письмо https://jsfiddle.net/hum6d2b7/1/ , но gmail не видит вообще ссылки на img и сами Img не отображаются в письме, рассылку просто блокирует. Кто сталкивался с подобным и в чем трабл?
0 votes0 answers -
Как сделать эффект предзагрузки ?
Добрый день. В интернете не нашел ответа. Есть небольшое промо видео на 4 секунды, формат неважен сделаю любой, как его можно использовать в качестве эффекта для предзагрузки сайта ? Нужно, чтобы при открытия сайта на весь экран шло видео а как закончится открылся бы сайт. Подскажите пожалуйста
0 votes1 answer -
Как здесь правильно задать позиционирование?
Как здесь (https://skr.sh/sEfRBjoTUH1) правильно задать позиционирование? <ul class="list bottom-header-container-list"> <li class="bottom-header-container-list-item"> <div> <img src="./images/mail-svg.svg" alt="иконка эл.почты" width="28" height="22"> </div> <p>Mail Us</p> <a href="mailto:Info@bluecollar.com">Info@bluecollar.com</a> </li> <li class="bottom-header-container-list-item"> <div> <img src="./images/phone-svg.svg" alt="иконка телефона" width="26" he…
0 votes0 answers -
Проблемы с отображением в IE6.
Всем привет! При изменении размеров окна браузера куда-то исчезает большинство div'ов, вместо них отображается фон. После нажатия F5 вид, как правило, восстанавливается. Скриптов в коде нет (пока). Это касается только IE6. Кто-нибудь сталкивался с такой проблемой? Верстка исключительно блочная, 100% валидная (Ctrl+Alt+V в Opera). Заранее спасибо за помощь.
0 votes2 answers -
Два вопроса.
Добрый вечер. У меня два вопроса: 1) у меня есть див, в котором надо элементы расположить по горизонтали. вот код <div> <a href=''>1</a> <a href=''>2</a> <a href=''>3</a> <form action='1' method='post'> <input type='submit value='1'> </form> </div> У меня элементы располагаются так: 1 2 3 субмит, а мне надо 1 2 3 субмит. Как сделать? 2) мне надо переименовать файл по запросу, приведите рабочий пример функции которая переименовывает файлы. Заранее спасибо.
0 votes4 answers -
Как работает narod.ru
Доброго дня формучане, тут у меня возникла проблема с выкладкой сайта на народе.ру, плиз расскажите как это делается, тоесть смотрите у меня есть 4-страницы HTML в папке css файл all.css и папка image в которой файлы с картинками, может это конечно и тупо, но всё расскажите плиззз... буду премного благодарен...
0 votes2 answers -
не центрируеться center блок
Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"
0 votes5 answers -
помогите разобраться с input
Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?
0 votes8 answers -
Манипуляции с ненумерованным списком
Здравствуйте. Как вы думаете возможно ли такое организовать с помощью трехуровневого ненумерованного списка средствами CSS? Контейнер имеет определенную высоту, перенос в новый столбец происходит автоматически. спасибо
0 votes8 answers -
Как сделать div с одной стороны...
Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?
0 votes5 answers -
Панорама в шапке сайта
Здравствуйте уважаемыйе форумчане!На фотошопе создал панораму из 3х картинок,теперь поставил задачу применить ее в шапку сайта:разрезал на 3 части и позаменял ссылки стандартных картинок шаблона на мои рисунки.В итоге возникла проблема центральный рисунок не вклеивается в панораму,его обрезает.Пытался менять размеры,но сбиваются рамки рисунка.Прошу у вас помощи! вот панорама которую нужно вставить: а вот что у меня выходит: (там еще дополнительный вопрос:как убрать отступ указанный на картинке?) вот код шапки(сайт находится на бесплатном хостинге ucoz.ru) : ссылки такого плана "background:url('http://elenevp.at.ua/1.jpg')" переделывал в "<img src="http://elenevp.at.…
0 votes2 answers -
Разрешение экрана для макета
Здравствуйте. Интересует под какое разрешение экрана сегодня принято ориентироваться при создании фиксированного макета?
0 votes5 answers -
CSS
Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо
0 votes4 answers -
Кто нибудь может мне помочь
хочу сделать сайт, вот "макет" : не знаю с чего начать...
0 votes5 answers -
Текст выходи за пределы блока
Помогите решить проблему, текст ссылки выходит за пределы блока, а нужно чтобы он переходил на новую строку вот такой код <div class="sidebar" id="sideLeft"> <div class="blk"> <div class="zagolovok"><h3>Навигация</h3></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">КатегорияКатегорияКатегориярияКатегория&…
0 votes4 answers -
При нажатии элементы должны "улететь" вверх
Здравствуйте! Есть проблема, с решением которой запутался. Нужно сделать так, что при нажатии на ссылку, она улетала вверх (скажем на 300px) и вместе с ней еще один элемент (к примеру DIV). При этом все остальные элементы должны остаться на месте. Я так понимаю чистым CSS3 здесь не обойтись? Подскажите самый правильный путь... Я слышал, что такое можно делать с jQuerry, стоит ли копаться в нем?
0 votes5 answers -
Вопрос новичка
Всем пользователям добрый день! Подскажите пожалуйста не опытному пользователю. Почему нельзя менять выделенный фрагмент CSS? и если можно, то как? http://itmages.ru/image/view/778247/8b486445 Заранее спасибо
0 votes4 answers -
Вопрос по цветовым функциям Sass
Добрый вечер! Начал разбирать Sass, и возник такой вопрос по цветовым функциям: правильно ли я понимаю, что можно задать один цвет одной переменной, а все остальные цвета на странице, которую я верстаю, можно получить с помощью цветовых функций Sass?
0 votes8 answers -
Важно
Нужна помощь - есть картинка ссылка, для того чтобы вызвать стандартный windows-кий калькулятор, прописываю к нему путь но он не срабатывает. Что делать? Использую стандартный переход href и путь калькулятору. Может нужен другой тег?
0 votes5 answers -
верстака резинового блока css
Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-