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
-
Отображение select в хроме в mac os
Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?
0 votes5 answers -
Древовидный список
Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…
0 votes1 answer -
Оформление ol
Как оформляете данный список с учётом атрибутов start, type ?
0 votes12 answers -
Смещение форм и кнопок
Добрый день Подскажите, как сделать что бы на мониторах с разным разрешением, кнопки и формы не смещались, а всегда оставались по центру. Например вот сайт http://testhtml.besaba.com/ Если посмотреть через этот сайт http://ami.responsivedesign.is/ то на ноутбуке формы и кнопки смещаются в левую сторону, можно как нибудь это исправить? Спасибо
0 votes12 answers -
Почему переход в одном случае работает, а в другом - нет?
http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.
0 votes5 answers -
navbar collapse
Подскажите какие стили нужно переопределить чтобы навигационная панель в navbar выезжала слева на право а не сверху вниз как определенно стандартно
0 votes1 answer -
Прижатый футер + еще кое-что
Здравствуйте, не получается реализовать следующее: Нужно на дивах сделать верстку, чтобы получился результат как на рисунке, а footer был прижат к низу страницы Нашел в сети следующий рабочий пример, добавляю к нему внутрь #content #left и #right но из-за свойства float: left весь эффект прижаточти футера пропадает. Как быть? <!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" lang="ru"> <head> <title>Прижимаем футер к низу страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <…
0 votes1 answer -
не клеится табличка
Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>
0 votes8 answers -
Способы сделать резиновую верстку сложных блоков
под сложными блоками понимается, что у блока должно быть закругление углов и допустим внутренний глоу, понятно что нужно использовать 9 ячеек что бы расставить все в нужном порядке, а может есть еще какой способ что бы сделать это. вот моя попытка сделать такой блок <div style="width:100%; position:relative; background:#b5e6f4;"> <div style="background:url(middleleft.gif) repeat-y left;"> <div style="background:url(middleright.gif) repeat-y right;"> <div style="background:url(middletop.gif) repeat-x top;"> <div style="background:url(middlebottom.gif) repeat-x bottom;"> <div style…
0 votes8 answers -
<table> in <div>
всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )
0 votes6 answers -
IE8 неправильно показывает маркеры
Не знаю как с более ранними версиями, но если я хочу, что б текст был больше маркеров <li><a href="#">Уц-уц-уц бэйби</a></li> li {font-size: 0.5em; list-style-type: disc} li a {font-size: 2em} IE отображает всё одинакового размера в бользу текста, т.е. текст большой по ссылкам, а не маленький по маркерам. Что делать?
0 votes7 answers -
Как оформить заголовок
Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&
0 votes3 answers -
Менюшка туда сюда.
Здравствуйте. Помогите мне с версткой сайта... Я пока в этом деле почти 0 но уже кое что получаеться. Сейчас я верстаю сайт И остановился на том что шапка сайта а точнее "Меню" бегает туда сюда на разных страницах. Кто может помочь?
0 votes13 answers -
UTF-8 в css
Как вставить символ ⛳ в css? :after { content: '\e9971'; } не работает...
0 votes6 answers -
Сетка bootstrap4
Добрый вечер! Помогите пожалуйста понять почему при использовании сетки у меня вторая колонка не отображается пока ей не поставишь ширину 100%? Разве она не должна подстраиваться под размер автоматом? вот мой код https://jsfiddle.net/gzf1hkc0/ в нем navbar с двумя колонками. проблема со второй колонкой. пс. в коде уже стоит ширина второй колонки 100%, но как я понимаю самому прописывать ее не надо и раз так может я что то не так сделал? заранее спасибо за то что уделили внимание моему вопросу)
0 votes2 answers -
Шапка
Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...
0 votes1 answer -
валидатор
Здравствуйте . Вставляю этот код: <a href="http://www.brtv.ru/" target="_blank"><img src="http://www.brtv.ru/form/kn/8831.gif" border="0" width="88"height="31" alt=" Вс? ДЛЯ ТВ, 3D Coler клипарты,Редакторы "></a></p> валидатор выдает ошибку Объясните пожалуйста в чем ошибка?! Спасибо.
0 votes4 answers -
opacity
Можно ли применить свойство opacity только к background таблицы, а не ко всему содержимому??? если "да" то как? (наведите пример кода)
0 votes6 answers -
Совместное использование float и z-index.
Всем привет. На странице имеются два блока - main и ontop. В main находится контент страницы, а в ontop будет шапка и главное меню. Я хочу, чтобы ontop находилcя точно над main. Казалось бы, чего проще - сделать z-index блока ontop больше, чем у main. Но... в main есть несколько вложенных блоков с float. И как только появляется ontop, они съезжают вниз по вертикали на высоту ontop. ontop относительно main у меня является вложенным элементом с position:relative. Position:absolute, к сожалению, не подходит, т.к. main выровнен по центру страницы, и при разных разрешениях экрана его положение по оси X разное. Подскажите, что делать?
0 votes6 answers -
как убрать из css всё лишнее?
Верстаю страницу(только учусь), за всё время вёрстки этой страници, удаление/добавление объектов, в css появилось много мусора, который не был удалён. Как выкинуть всё лишнее из css? Какие-нибудь автоматизированные средства есть?
0 votes2 answers -
Динамический просчет ширины таблицы
Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…
0 votes4 answers -
позиционирование картинки от правого края
Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…
0 votes2 answers -
Фиксация высоты ячейки
Подскажите выход - есть таблица из двух столбцов в левом 3 ячейки в правом одна (на весь столбец). В каждой из 3 левых ячеек есть фоновый рисунок, в правой текст. При открытии страницы при разных разрешениях монитора высота таблицы меняется (из-за текста). При этом рисунок который находится в нижней ячейке множится необходимое количество раз. Вопрос - как сделать так, чтоб верхняя и нижняя левые ячейки остовались неизменными, а свой размер меняла центральная.
0 votes6 answers -
Выравнивание подписи по нижнему краю рисунка
Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…
0 votes6 answers -
@font-face
Здравствуйте, никак немогу побороть font-face ,никак не работает.Может ошибка в коде или где то ище,но не нашел.Шрифт Perfo.Ссылка на сайт http://melofon.ms/.
0 votes15 answers