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
-
Фиксирование блока ( position: fixed или иное)
Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …
0 votes3 answers -
Целесообразность использования новых тегов.
Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?
0 votes5 answers -
Позиционирование текста
Добрый день на сайте http://lotos-seeds.com.ua/product-category/catalog/semena/morkov/добавил текст, пытаюсь его разместить внизу под товарами - не получается. Пытался через позиционирование - текст опускается, но как сделать так чтобы блок по высоте расширился при перемещении текста вниз. В противном случае текст налазит на товар! Спасибо. ссылка
0 votes9 answers -
Как закольцевать музыку в embed?
Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.
0 votes1 answer -
Div в div'e
Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…
0 votes4 answers -
Валидация JavaScript в FireFox
Валидатор в FireFox ругается на JavaScript. Пробовал несколько вариантов, но проблема не решается. <script type="text/javascript"> <!--//<![CDATA[ код скрипта //]]>--> </script> и <script type="text/javascript">/*<![CDATA[*/ код скрипта /*]]>*/ </script> На сколько можно верить валидатору "огненной лисы"?
0 votes6 answers -
Горизонтальное выравнивание div`ов относительно друг друга
Верстаю вид материалов, сначала все шло гладко, но после добавления БГ под постер все пересра*ось Нужно, что бы стояло ровно, прошу помощи... Краткая новость <div class="news-block"> <div class="title_bg"><div class="news_title">[full-link]{title}[/full-link]</div> [not-group=5] <div class="edit_icon"> [edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit] </div> [/not-group] </div> <div class="news_bg"> [xfgiven_poster]<div class="poster_bg"><div class="poster"><img width="210px" src="[xfvalue_poster]" /></…
0 votes1 answer -
Почему маркеры не убираются?)
html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}
0 votes3 answers -
Не стандартная верстка
Хотелось бы узнать ваши идеи верстки вот такого дизайна.В моей верстке пожалуйста не обращайте внимания на стили внутри html тегов, это сейчас не важно. При таком варианте, у меня проблема в том, что при разрешении по высоте более 1080px темные треугольники (padding картинки) внизу (будут обрезаны, так как фиксированная высота и overwlow у wrappera). Не нужен код, а просто - Ваш метод и основная идея или решение моей проблемы? Спасибо.
0 votes4 answers -
подскажите как заставить блоки располагаться в одну строку
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…
0 votes1 answer -
Горизонтального меню на списке
Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…
0 votes6 answers -
Фильтр по товарам: как такой свертстать
Здравствуйте! Нужно сверстать фильтр по параметрам. Этот возможно сверстать в виде <select> ? Как стилизовать эти checkbox?
0 votes15 answers -
Про заголовки (h*)
Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.
0 votes14 answers -
Как выровнить название на кнопке по левому краю
Нужно чтобы надпись "ОЧЕНЬ ДЛИННЫЙ ТЕКСТ" выравнивался на кнопке по левому краю
0 votes1 answer -
помогите разобраться
Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…
0 votes7 answers -
Вывод в браузере HTML кода
Всем привет. В браузере нада вывести html код. Допустим есть следующий код: <title>Пример!!!</title> Заменяю "<" на "_<_" ">" на "_>_" * "_" - это пробел. Получаю: _<_title_>_Пример!!!_<_/title_>_ получается код обростает пробелами. Если спец символы сливаются с текстом то браузер их не воспринимает. Можно сделать так: "<" заменить на "<!—-><<!—->" ">" заменить на "<!—->><!—->" но получается слишком громостко. Есть ли другие варианты?
0 votes1 answer -
HTML/CSS глазами Чайника. Блочная верстка.
В общем ничего не понимаю Хочу разобраться с каркасом блочного сайта. 1. !<DOCTYPE> Какой указать. А именно интересует вопрос, почему у меня Mozilla не отображает страницу блочную по средствам стилей. Самое интересное, что при указывании <DOCTYPE> IE + Opera аналогично просто отображает текст. В общем мои изыскания: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <meta name="description" content="Здесь должно быть описания, и явно динамическое, т.е. разное для разных страниц" /> <meta name="keywords" content=" Тоже самое что и Description, почти - клю…
0 votes5 answers -
Помогите разобратся. Шаблон на <DIV> + CSS
Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …
0 votes8 answers -
Прокрутка
Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?
0 votes5 answers -
Вставка произвольного текста в textarea (при нажатии кнопки)
Привет. Есть textarea, описываемая следующим кодом: <textarea name="file_des" cols="116" rows="10"></textarea> Каким образом можно сделать так, чтобы при нажатии определенной кнопки, в данной textarea появлялся текст? По сути, нужен функционал веб-редактора текста с bb-кодами, но: 1. Мне нужна автоматическая вставка html-тегов, а не bb-кодов 2. Функционал готовых систем избыточен, мне нужно буквально несколько кнопок: для вставка переноса строки и форматирования стиля текста. Хотя пробовал подключить CKEditor: загрузил файлы, назначил полю класс ckeditor, но ничего не заработало. Куда копать?
0 votes1 answer -
https
помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…
0 votes6 answers -
При position: absolute перестает работать margin: auto.
https://jsfiddle.net/wm5uk9w6/ При position: absolute перестает работать margin: auto. Почему?
0 votes5 answers -
Нужна помощь с чекбоксами
столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки…
0 votes3 answers -
Не работает суб меню
Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/
0 votes5 answers -
Помогите добавить воздуха в меню
Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td&…
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-