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
-
По поводу рекламы на сайте
Наверно, я обращаюсь не совсем по адресу, но если кто-нибудь сможет мне помочь, то я буду благодарна. У моей подруги есть посещаемый сайт и она хотела бы размещать на своем сайте рекламные баннеры за деньги. Подскажите, пожалуйста, как в интернете можно найти рекламодателей, чтобы предложить им разместить их рекламу на своем сайте? Может быть, в интернете есть специальный сервис, где можно предложить свой сайт в качестве рекламной площадки для размещения баннеров?
0 votes1 answer -
Проблема при увеличении формата страницы
Добрый день! Помогите, пожалуйста, решить одну проблему - при увеличении формата страницы через Ctrl+scroll блоки начинают наезжать друг на друга, а горизонтальная полоса прокрутки появляется только на 170%. Как можно их зафиксировать? Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .body { text-align: center; margin: 0; background-image: url(grad.png); backgro…
0 votes1 answer -
разбить бэкграунд
привет! есть бэкграунд - приямогульник с закруглёнными краями...весит 3,5 кб! Есть ли смысл разбивать на низ, верх и середину на repeat ставить? спасибо
0 votes11 answers -
Проблема с float'ом
Всем привет. Есть UL лист из элементов(без декоров и лист стайлов). В элементах ссылки. Ссылка имеет меняющийся бэкграунд при наведении. На данный момент элементы расположены вертикально, я хочу сделать горизонтально и использую float:left; И тут возникает проблема: В FireFox вообще перестает читать элементы как ссылки. Бэкгрунд подавно не менятся. В Opera и IE читает ссылку и меняется бэк лишь при наведении на текст ссылки, а не на любую область в элементе. Пробовал display:inline - тоже самое проиходит. При желании вымещу css и html скрипты и сделаю скрины Спасибо за содействие.
0 votes9 answers -
Попиксельная верстка макета из Adobe Illustrator'а
Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.
0 votes6 answers -
Помогите проверить html пожалуйста
Доброго времени суток, Помогите пожалуйста провалидировать код формы! Насолько там все корректно!? Спасибо.
0 votes1 answer -
Скрыть\показать элементы
Добрый вечер. Прошу помочь мне, зеленому новичку, понять... Почему работает вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;"> <title>vicont</title> <style type='text/css'> #i1,#i2,#i3{display:none} </style> <script type='text/javascript'> <!-- function showhideBlocks(val){ if (val == 0){ document.getElementById('i1').style.display='none'; document.getElementById('i2').style.display='none';…
0 votes4 answers -
Валидатор ругается на calc
436.tabs-tariffs > ul li.ui-tabs-active:before, .tabs-tariffs > ul li:hover:before Ошибка значения : width Ошибка разбора - 10px) 439.tabs-tariffs > ul li.ui-tabs-active:before, .tabs-tariffs > ul li:hover:before Ошибка значения : margin-left Ошибка разбора + 5px) Код этих строк ( не знаю почему, но вместо маргилефт минус 50%; - пишется ; в коде на сайте) width: 100%; width: calc(100% - 10px); left: 50%; ; margin-left: calc(-50% + 5px); position: absolute;
0 votes3 answers -
[Помогите] Выпадающий список (js)
http://www.spektr-sb.ru/test-13.html - Наглядный пример, помогите реализовать нормальное отображение в ie. Вот скрин сравнение - Internet Explorer слева, Chrome справа.
0 votes7 answers -
Меню при наведении
Есть вот такое вот меню: картинка меню По нему 2 вопроса: 1) Как сделать так, чтобы при наведении синий фон был выше самого меню? На данный момент получается только так: http://jsfiddle.net/C82vy/ 2) Второй вопрос по градиенту: такой градиент можно сделаь средствами css? Если можно, то как, потому-что непонятно. Знаю только как задать линейный градиент от одного цвета к другому.
0 votes3 answers -
Как добавить элементу свойства фокуса?
Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.
0 votes4 answers -
Связка дыух блоков - div и span псевдоклассом hover
Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?
0 votes8 answers -
Не могу объединить ссылку и <hr>
Есть код: <a href="">ССЫЛКА<hr></a> Надо объединить слово "ССЫЛКА" и тег <hr>, чтобы при наведении/нажатии оба элемента меняли цвет! Не разобрался как тут прикреплять изображение, поэтому вот ↓↓↓ такую штуку хочу сделать! https://yadi.sk/i/_wE4O4gTnfSqD Может есть другой вариант, без использования <hr>?
0 votes6 answers -
Github page
Такой вопрос, есть сайт оформленный через гитхаб хостинг, на этом сайте есть отправка формы через php, но она не работает, в чем может быть причина? и вообще есть ли такой функционал на гитхабе, собственно вот форма отправки <?php header('Content-Type: text/html; charset=utf-8'); /* Задаем переменные */ $name = htmlspecialchars($_POST["f_name"], ENT_COMPAT, 'cp1251'); $email = htmlspecialchars($_POST["f_email"], ENT_COMPAT, 'cp1251'); $tel = htmlspecialchars($_POST["f_tel"], ENT_COMPAT, 'cp1251'); $message = htmlspecialchars($_POST["text_form"], ENT_COMPAT, 'cp1251'); $bezspama = htmlspecialchars($_POST["not_spam"], ENT_COMPAT, 'cp1251'); /* Ваш адрес и тема сооб…
0 votes3 answers -
Набор иконок, иконки для сайта
Всем привет! Подскажите пожалуйста новичку, что за иконки на этом сайте. Пытаюсь скопировать её через исходный код, но выдает вот такой фрагмент кода: .fa-search:before { content: "\f002"; } Скриншот картинки, прикрепил. Буду рад, если Вы мне поможете. Спасибо!
0 votes4 answers -
robots.txt
выложил сайт в нете, нужно ли создавать файл robots.txt никаких ограничение для поисковиков нет.
0 votes2 answers -
валидность
использую для проверки локальных файлов "cse html validator lite" и когда вставляю в страницу какие то спец символы,например знак копирайта(как ©)-пишет что ошибка и ошибка именно что амперсанд использую.Почему так,как это исправить?
0 votes4 answers -
Проблема со вложенными списками
Имеется такой код: <ul class="main"> <li>Item 1</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 2</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 3</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </ul> В CSS прописано следующее: .main ul, #main li { display: inline; margin: 0; padding: 0; } Как сделать так, чтобы элементы спи…
0 votes3 answers -
Баг в ИЕ незнаю как решить
Искал вроде не нашел. Потому что, даже незнаю как это можно назвать =) Как видно из картинки, колечко исчезает где-то, непонятно где в IE. В других браузерах просто сдвигается, как по сути и должно быть. <div class="SPEC_Div_4"> <a href="java script:AddToCart(@productUid@)" class="basketin" title="Купить @productName@"> <img src="images/ring1.png" border="0" class="rring"> </a> </div> .basketin { display:block; width:125px; height:37px; background: url(images/inbasket.gif); } .rring { margin-right:-22px; margin-top:-3px; } Буду благодарен помощи в этой проблеме. Спасибо.
0 votes6 answers -
"alt" у <input type="submit" />
Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?
0 votes2 answers -
Вопросы. Один про шрифт, другой про задний фон
Всех с наступающим 2012:) 1. Если шрифт подключен, то может быть такое, что он не будет отображаться у других пользователей? и как реализовать, например, отображение страницы для одного шрифта, и для другого. например, если шрифт arial, то значения одни, а если, times new roman, то другие значения? ибо если один, то многое слетает + величина разная. иначе говоря, чтобы для одного шрифта было одно оформление, а для другого другое. 2. допустим, есть длинная картинка, длиной 200 пх и по краям закгругления. но есть объект, на котором она должна отображаться длиной 50 пх. как сделать, чтобы сжималась она до таких размеров? можно, конечно, сделать через css3, но получается, что…
0 votes7 answers -
Проблема
Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.
0 votes4 answers -
Пора спать?
http://testcms2.hol.es/2/ Есть блок "Кейсы", внутри него FancyBox, не работает переход стрелками которые крутяться тегами <span>, в коде они присутствуют, но для стилей задан display: none, думаю что не хватает какого то скрипта, но они все подключены, укажите ошибку Гайд http://www.xiper.net/collect/js-plugins/gallery/fancybox.html
0 votes6 answers -
Как лучше сверстать?
Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?
0 votes5 answers -
Картинка через :after на одном уровне со ссылкой
Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-imag…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-