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
Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Скрытый текст https://ibb.co/YWy3VTd Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?
0 votes2 answers -
Высота таблицы
http://htmlbook.ru/html/table.htmlЧитаю: В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через параметр height, игнорируют. Как тогда задать высоту таблицы?
0 votes8 answers -
Опера 10 и @font-face
Воспользовавшись этим руководством, встроил в страницы шрифт: Конвертировал из ttf с помощью onlinefontconverter.comю В Хроме и Файрфоксе всё хорошо, в ie проверить не могу (я на линуксе), в Опере какая-то странная хрень: когда страница первый раз загружается, шрифты нормально включаются, но при перезагрузке страницы или переходе на другую страницу сайта со шрифтами начинает происходить страшное. Рушится и font-family и font-size, судя по тому, что видно. Посмотреть можно здесь: romaadelante.ru/t/kolca.html Что за пипец такой и как его пофиксить, есть мысли, уважаемые?
0 votes1 answer -
Проблема в браузене Сафари
<!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"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …
0 votes11 answers -
как передать $_POST[] через select
Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…
0 votes9 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
Флеш в теге А
Подскажите как в тег а вставить флешку чтобы при клиге срабатывал переход... я понимаю, что можно в флешку ссылку сделать, но хочется именно тегом... Спасибо!
0 votes9 answers -
Очередной глюк ие6
Добрый день. Столкнулся с интересным, но непонятным глюком в ие6. В статичной верстке, при ресайзе окна пропадает часть блоков http://nird.kotkompot.ru/layout/datafox_layout/ Если страницу обновить - то они появляются. Как я понял, пропадают те блоки, у которых position:relative и не указан overflow:hidden; Но скрывать переполнение я не могу, потому что, например в горизонтальном меню есть выпадающие списки. В чем здесь кроется проблема: в хезлойаут или в пересчете размеров блоков? как можно решить?
0 votes7 answers -
Привязка элемента к окну браузера
Здравствуйте! Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику. Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как). Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как. Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией. Кто сталкивался - помогите плз!
0 votes5 answers -
Почему не работает box-shadow?
В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?
0 votes5 answers -
Проблема в микроразметке
Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.
0 votes2 answers -
отображение слоя с рисунком в нужных пропорциях при измен. разм. окна
На оглавление отводится слой: ширина 100%. В этом слое рисунок. 760*55 Цель: сделать так, чтобы при изменении окна при смене ширины титула: она меняется нормально, изменялась высота в нужной пропорции разрешения рисунка. Одним словом, чтобы он не сплющивался относительно только одной из осей.
0 votes4 answers -
выравнивание по середине по вертикали
забыл как сделать( напомните, плз? http://natatour.ru/test/Untitled-1.html нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает css: @charset "utf-8"; /* CSS Document */ .a { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #009900; font-weight: bold; float: left; position: absolute; left: 8px; } .b { width: 100%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00CC00; font-weight: bold; float: left; vertical-align: middle; } .c { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00FF00; font-weight: bold; float:…
0 votes5 answers -
FF прячет границу
образец проблемы сделан наглядно: http://at.tut.by/nhjugfbd/obrazec.htm
0 votes6 answers -
Проблема в IE 6
Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }
0 votes10 answers -
INPUT type="radio" Нестандартное оформление
Вот такая ситуация, первый раз с ней сталкиваюсь, оформить элементы формы типо текст можно, а вот как быть с радиокнопками и чеками? По заказу я должен сделать радио чтоб внутри при выборе точка была красная, как это сделать подскажите пожалуйста
0 votes4 answers -
scrollbar-base-color
На сайте ничего про это свойство не сказаннно... Знатоки, подскажите плиз, где работает - где нет?
0 votes5 answers -
Не уходит файл через POST запрос
Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.
0 votes13 answers -
Не работает overflow.
Доброго времени суток. Подскажите пожалуйста. Где ошибка? Проблема в том, что у рамки не работает overflow:auto. В чем может быть проблема? Я уже все перепробывал. Если убрать стандартизацию доктайп, то все работает в последней опере и в IE6, а в FF3.6 не хочет. Если ставишь доктайп, то нигде не работает. Заранее благодарен. Вот ссылка на сайт {это пробный}. http://jannella-3000.narod.ru/
0 votes8 answers -
Разрыв между блоками в FF4
Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.
0 votes18 answers -
ячейка в таблице определенного размера
хоться иметь таблицу с ячейками размером 2 на 2 пикселя но никак не получается кажись вина в шрифте (его размере) помогите кто может всем за ранние спосибо
0 votes18 answers -
Экранирование кавычек в sass
Как это сделать? В лесс можно поставить тильду и кавычки .. А тут как быть? Вот так, в sass-е не работает .. Без скобок тоже не будет работать, т.к там есть двоеточие. $tablet-width: (min-width: 750px); .main-header { width: 100px; height: 100px; @media $tablet-width { } }
0 votes2 answers -
нетянущийся фон одной картинкой
Дизайнер прислал макет для сайта, фоном к которому - большое цельное изображение, которое никак не потянешь, не зациклишь. Давно уже не верстал такие макеты. Я знаю два способа: js подставлять картинки под разные разрешения или сделать одну большую картинку, которая бы была заведомо больше люблого используемого сейчас разрешения. Можно их скомпоновать. Но как-то оба кажутся не очень корректными, можно что-нибудь еще придумать?
0 votes11 answers -
Есть ли возможность убрать скролл в IE
Поставил текстарею с такими стилями textarea{ float: right; border: 1px solid #C6C6C6; margin: 15px 15px 5px 0; width: 350px; height: 90px; font-size: 18px;} В опере скрола справа нет, а в IE 8 есть. Подскажите как убрать.
0 votes1 answer -
Помогите с написанием формы
Помогите пожалуйста с написанием форми. Попробую объяснить суть. сайт делится на страницы. напр. АР Крым, Киев, Донецк, Луганск. При нажатии ссылки АР Крым->Сделать заказ, переходим на страницу с формой заказа. С полями: Область Тип заказа Ф.И.О .... Как сделать так, что бы не создавать для каждого региона отдельную форму, а при переходе с других областей автоматически вводило нужную область в строку город (при переходе с Луганской обл. Область: Луганская)?
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-