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
29,542 questions in this forum
-
Расширить границу картинки
Здравствуйте Сейчас ситуация такая: Нужно: Мне просто нужно увеличить расстояние между картинкой и рамкой на n пикселей. Как это осуществить? Пробовал одеть img в div. Стиль div-а: border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px; Но в этом случае части рамки остаются на своих местах.
0 votes1 answer -
Скрыть слой для печати
В общем - идея такая - выводится HTML документ в отдельном окне и по нажатию в документе на кнопку "Распечатать" печатаем окно, скрывая саму кнопку. Через css media print - в ie7 не будет работать (спасибо Владу за книгу) Пробовал скриптами: <script type="text/javascript"> function print_me() { btns_div=document.getElementById("btns"); btns_div.style.visibility = "hidden"; window.print(); btns_div.style.visibility = "visible"; } </script> Визуально - скрывается перед печатью, но на печать выводится. Как еще можно? Да, я понимаю, что есть стандартные способы напечатать, нажав кнопку с принтером в браузере. Но не у всех она есть на панели (…
0 votes4 answers -
Вопрос по резиновой верстке
Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…
0 votes6 answers -
Пример с этого сайта разваливается
Делаю сайт, макет сверстан по типу примера с вашего сайта http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki Добавляю в блок content новые блоки через float:left, что-бы создать новую строку с блоками соответственно <div style="clear:both"></div>, но остальные блоки выравниваются по высоте левой и правой колнки макета. Как можно решить данную проблему? Вот полный код: <!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; charset=utf-8"> <title>Трехколоночный макет</title> <style type="text/css…
0 votes4 answers -
Кросброузерное отображение управляющих символов
В создаваемом тексте присутствуют символы, которые отображаются только в Akelpad при создании кода или в готовом варианте - в браузере "Opera v11.50". Пример (символы с 1-го по 32-й): Коды символов Вопрос: Как добавить возможность отображения данных символов в других браузерах?
0 votes6 answers -
С помощью какой проги или сервиса можно быстро сделать каркас HTML+CSS?
С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.
0 votes4 answers -
font face в хроме
Здравствуйте! В сайте нада использовать нестандартный шрифт... Все как обычно через белку шрифтелку, но в хроме появляется верхний отступ который неубирается ничем для примера: Сhrome: IE 9, Opera, FF: Кто знает как убрать етот отступ или привести все к одному виду?
0 votes5 answers -
Не совпадают границы блоков
Здравствуйте. Ситуация заключается в следующем есть на странице четыре центрированных блока, одинаковой ширины. Всем им заданы бордюры слева и справа, у первых трёх блоков бордюры совпадают, а нижний блок ужодит на пиксель в сторону, из-за чего возникает такой глюк? Как его можно исправить? (браузер Mozilla Firfox).
0 votes3 answers -
Дотянуть div до футера
Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.
0 votes0 answers -
Плагин не работает
Насколько я понимаю, плпгин это готовый к использованию продукт требующий несложной адаптации к конкретной веб странице. Перерыл поиск "How to install jQuery plugin", "как установить jQuery плагин" пытаясь установить слайд шоу http://jquery.malsup.com/cycle/ 1) Собственно плагин и библиотеку подключил. 2) Разметку и соотв id контейнеру прописал. А плагин не работает ни с какой попытки! Похоже ошибка моя и такая проблема у меня только. Может я упускаю принципиальные моменты , подскажите плз что нужно пересмотреть? http://pomidor.com.ua/seemax/ImageneerF/HTML/ImageneerF.html
0 votes6 answers -
Расположение крестика
Добрый день Рисую галерею <ul> <li><p><img></p><li> <li><p><img></p><li> <li><p><img></p><li> </ul> к li применяю max-width, max-heigth. нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете
0 votes2 answers -
Слепые зоны у кнопок
Я кодер, а не верстальщик, но по воле судьбы приходится верстать. Вот возникла проблема у нас на сайтах (http://stranadobra.ru http://bysmile.by - впринципе, они одинаковы, разве что для разных стран). Браузер Chrome. На картинке показаны некоторые из зон (уверен, что их больше даже на этой кнопке), нажимая на которые никаких действий не происходит. Разве что утапливание кнопки срабатывает (active), hover срабатывает, но ставка не делается. Тоже самое наблюдается на многих других кнопках на сайте. За основу взят bootstrap + навешивал свои стили. Увидеть на практике, в принципе, можно лего: незалогиненным (чтобы не поставилась ставка) попробуйте отыскать эти зоны. <bu…
0 votes6 answers -
Проблема из за Fixed
Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз на верхнем меню там где поиск поставлено position:fixed; и при уменьшении размера браузера сайт косится т.е посик вниз иуходит и пункты меню. Пробовал ставить к #h min-width:100% и min-width:1400px, к body пробовал то же самое ставить, но все равно из за fixed при уменьшении окна браузера меню и поиск непрокручивается по горизонтале. ЧТО ДЕЛАТЬ ПОМОГИТЕ ПЛЗ, Я уже незнаю даже Если есть вопросы skype: vova-iiaknstaneu http://mir-animasiya.ru/index/0-3
0 votes3 answers -
конфликт jquery
Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', fi…
0 votes2 answers -
Верстка под планшеты и смартфоны
Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.
0 votes1 answer -
Для знатоков HTML
Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).
0 votes9 answers -
Почему браузер пропускает правило css ?
Страница http://shopst.ru/catalog/otoplenie-i-vodosnabzhenie/kotly-otopleniya/protherm/gazovyy-kotel-protherm-23-mtv-gepard/?dev=1&clear_cache=Y Файл стилей http://shopst.ru/bitrix/templates/capitalim2/template_styles.css?1403593016155960 Правило не срабатывает .item_info.card2 { background-color:#cccccc; } Вроде все корректно в css, netbeans не ругается ни на что. Почему-то фаерфокс и хром игнорируют это правило. Впервые с таким столкнулся и даже интересно в чем может быть причина?
0 votes4 answers -
Использование псевдоклассов и псевдоэлементов
И снова, здравствуйте. Есть текст, разделенный на правую и левую часть (section id - соответственно), далее секции разделены на абзацы. Задача: в левой секции в первом абзаце первая строка должна быть напечатана большими буквами. Присвоить id абзацу я могу, <p id="firstparagraph"> The Bike the Mountains Tour rises from the town of Littleton, Colorado and explores the Colorado Front Range. Our tour crosses the Continental Divide twice, giving you the opportunity to bike the highest paved roads in the United States. This tour is a classic showcase of Colorado's Rocky Mountain scenery. …
0 votes3 answers -
Элементы форм на чистом СSS
Всем привет. Такой вопрос. Кроссбраузерно(идеально) можно реализовать кастомизацию элементов форм на чистом CSS? (чекбоксы, радибаттоны, селекты) ?
0 votes1 answer -
3 блока не помещаются на странице
Добрый день! Столкнулся со следующей проблемой: есть страница: http://progress.com.ua/our-team - все блоки прекрасно размещены. А ее украинская версия - http://progress.com.ua/ua/our-team ( где стоят все те же стили), почему-то отображает эти блоки не коректно. Крутил padding и margin - все без толку. Подскажите, пожалуйста, в чем причина. И как устранить данную проблему.
0 votes1 answer -
Popup после отправки ajax
Привет, есть форма в модальном окне, не могу сделать так, чтобы при ее сабмите она закрывалась и появлялось окно благодарности (popup_thanks) https://jsfiddle.net/37em6xa4/ вот скрипт и код форм
0 votes0 answers -
Добавление блока и перестановка последующих
Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.
0 votes1 answer -
Проблема с CSS
Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional
0 votes2 answers -
Проблемы с footer'ом
Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?
0 votes0 answers -
Табличные ячейки с бордерами
Привет. Имеется таблица, один столбец которой имеет левый и правый бордеры. При движении указателя мыши по таблице строка под курсором выделяется путем установки ее ячейкам верхнего и нижнего бордера. Вот как это в идеале выглядит: Это имеющаяся верстка данной таблицы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> td { border-top:1px solid transparent; /* prevent table twitch …
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-