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
-
Почему не работает border-radius?
Не работает http://jsfiddle.net/3eWdd/
0 votes3 answers -
Помогите с HTML
Здравствуйте! Прошу знающие люди пожалуйста помогите мне с HTML кодом кнопки "добавить в корзину". Нужно сделать так что бы кнопка по нажатию просто добавляла товар в корзину и меняла свой текст на "ДОБАВЛЕНО", но НЕ переходила по ссылке и не открывала окна. За ранее огромное спасибо! <form action="http://ecommtools.com/cgi-bin/cart.cgi" name="ecommtools_item_m0073" id="ecommtools_item_m0073" method="post" target="_blank " style="padding:1;margin:1"> <input type="hidden" name="uid" value="chasyok" /> <input type="hidden" name="action" value="add" /> <input type="hidden" name="item" value="m0073" /> <input type="submit" value="В КО…
0 votes1 answer -
Визуальные закладки Firefox
В визуальных закладках Firefox и других браузерах присутствует изображение. На некоторых закладках там просто прорисовывается favicon сайта, но есть и такие, где совершенно иная иллюстрация на всю закладку! Откуда браузер берёт это изображение?
0 votes1 answer -
строка ПОИСК
Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …
0 votes4 answers -
проблема с background-size в Firefox
Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…
0 votes4 answers -
Не работает свойство rotate?
Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…
0 votes6 answers -
Много кто спрашивал про нестандартное обтекание текста
http://frontender.info/css-shapes/
0 votes3 answers -
Растянуть блок aside по высоте при отсутствии текста в нем
Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.
0 votes3 answers -
Плагин для скролла страницы по горизонтали постранично
Подскажите, может кто сталкивался? Нужен плагин, который будет листать сайт постранично по горизонтали. По вертикали у меня есть, но вот по горизонтали не могу найти. Какое-то старье попадается, которое left пытается анимировать, когда все нормальные плагины уже перешли на анимацию transform.
0 votes1 answer -
Центрирование span по вертикали поверх картинки
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>…
0 votes1 answer -
Влияние тегов figure и figcaption
Как влияют теги figure и figcaption на SEO?
0 votes1 answer -
Верстка на иврите
Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)
0 votes4 answers -
Вопрос про background-image
Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".
0 votes8 answers -
HTMK & CSS
Доброго времени суток! у меня проблема с отступами и масштабированием. на десктопе - всё супер, отлично. но стоит зайти через телефон, планшет, весь контент ползёт влево, то что свойством width: 100% - не понятно почему сжимается в 2 раза.. кто сможет помочь? думаю самое рациональное - обменяться скайпами, для более подробного описания и обмена файлами. заранее спасибо, кто отзовётся
0 votes2 answers -
вопрос по фреймам
Добрый день. У меня вот такая структура страницы: Можно ли применяя фреймы, при нажатии на ссылку в меню, менять контент вверху и справа(то, что отмечено серым фоном и надписью content), как один документ?
0 votes6 answers -
шрифты в мобильных браузерах
Добрый день! У меня такая проблема - я подключаю дополнительные шрифты, расположенные на локальном сервере: @font-face { font-family: 'BrandonGrotesqueBlack'; src: url('/fonts/brandon_grotesque_black.ttf') format('truetype'); src: url('/fonts/brandon_grotesque_black.svg') format('svg'); }потом:#left_num .num { font-family: 'BrandonGrotesqueBlack'; font-weight: bold;}Так вот, проблема в том что в браузерах на компе шрифты отображаются правильно, проблем никаких, а вот в мобильных браузерах нет, ни в эмуляторе опера мобайл, ни в опере мобайл и в хроме на андроид планшете шрифт не отображается - показывает тот что по умолчанию. Пробовал размещать CS…
0 votes1 answer -
Непослушные блоки. =)
Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc
0 votes4 answers -
Как сделать так, чтобы div ровно обтекал свое содержимое.
Есть контейнер (.menu)(может там div и не нужен, а то я на них уже зациклен, заказчик хочет чтобы все, все, все было резиновым). Если, содержание данного контейнера - блоки с фиксированной шириной, а у самого контейнера стоит display: inline-block, то все нормально. Но, как только содержимому контейнера я даю в свойствах: float или display. Правая сторона отстреливает к границе окна браузера. А требуют, чтобы отступы от содержимого были одинаковыми со всех сторон. (Первоначально я сделал через justify, но это решение не приняли. Сетка из элементов .post меняться не должна (в плане расстояния между элементами).) Как можно сделать так, чтобы при динамическом содержимом, к…
0 votes13 answers -
Таблица html
Помогите , пожалуйста, разделить ячейки в таблице попалам: <td><a class="show_photo" href="/userfiles/image/4erteji_byt/byt_4x2_3.jpg"><img width="300" height="149" src="/userfiles/image/4erteji_byt/byt_4x2_3.jpg" alt="схема строительной бытовки" /></a></td> <th valign="middle" align="center" style="vertical-align: middle;"><span style="font-size: 14px; font-family: Verdana;"><strike>31 610 руб.</strike></span><br /> <span style="font-size: 14px; font-family: Verdana;">29 000 руб.</span></th> <th valign="middle" align="center" style="vertical-align: midd…
0 votes5 answers -
Выравнивание li в колонку и переход к следующей, если все элементы не уместились в первой.
Друзья, добрый вечер! Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать? float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.
0 votes2 answers -
Как лучше сверстать?
Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?
0 votes5 answers -
Проблемы с текстом и полями или как я убил 3 часа впустую
Всем привет , как вы догадались я рукожопый новичек. Обычно я всегда сначала убьую пару часов на решение проблемы своими силами, чаще всего мне этого времени хватает и у меня все получается, но в этот раз вышло совсем не так. В общем решил я склепать что то типа макета отправленного сообщения, чисто div с названиями , сначала я столкнулся с тем что при изменении масштаба моя верстка разваливается как карточный домик, перепробовав тыщу способов я избавился от border и оставил все сзаливкой что бы понимать где что как. Далее когда я уже все вместе более ли менее собрал решил я проверить как будет выглядеть текст, вставил где что надо и бац, у меня из за текста покосился …
0 votes2 answers -
Распирание страницы
Есть такой вот сайт. http://resp.4-4-2.com/fussball/HomePage.aspx Задача адаптировать под мобильное устройство. Все на div, должно было быть просто. Но, почему то и не понятно откуда, некий или некие элементы сохраняют свою ширину после применения фиксированной ширины в . И на мобильном устройстве остается горизонтальный скрол. И весь контент тянется на всю ширину как бы в css ничего не писалось. Впервые с таким сталкиваюсь. временно поставили для html { overflow-x:hidden; } - проблема всеравно остается. Даже после применения фиксированной ширины врапера, скрол остается. Подскажите, что почитать, и где проверить или еще чтото.
0 votes1 answer -
как задать ширину пункта третьей вложенности в меню ?
я не разбираюсь в сложных селекторах (( Нужно задать большую ширину пунктам, простое прописывание width ничего не дало. но если чтото меняешь ширину пунктов второго уровня, вот здесь #topmenu li li a, #topmenu li.active li a{ width: 162px; ......} то меняется и третий, а как прописать для третьего отдельно? вот такой код меню третьего уровня, если верить комментарию... /** Level third and above **/ #topmenu li li li:first-child { margin-top: 0px; } #topmenu li ul ul { margin: -40px 0 0 200px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul { left: -999em; } #topmenu li:hover ul, #to…
0 votes10 answers -
Две всплывающих формы на странице
Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-