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
-
Мониторы и пропорции
Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?
0 votes2 answers -
Горизонтальные полоски в заголовке
Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)
0 votes1 answer -
Древовидные комментарии
Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?
0 votes3 answers -
Как к фону применить градиент
Подскажите пожалуйста, как к фону применить градиент
0 votes1 answer -
оформление select через css
Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...
0 votes6 answers -
Запретить перенос строки CSS?
Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…
0 votes2 answers -
Проблема с overflow: auto;
Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…
0 votes5 answers -
Geolocation API
Привет . Помогите разобратся с кодом. Читал статью http://www.xiper.net/learn/html/up-and-running/you-are-here/complete-example.html http://www.xiper.net/learn/html/up-and-running/you-are-here/geo-to-the-rescue.html Создал пример <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dive Into HTML 5</title> </head> <body> <input type="button" onClick="lookup_location()" value="OPA"> <script src="geo.js"></script> <script src="geo_position_js_simulator.js"></script> <script> function lookup_location() { geo_position_js.getCurrentPosition(show_map, show_map_error); } function sho…
0 votes2 answers -
Прозрачность элемента
Доброго времени суток, господа! стоит такая задача: есть три таблицы, состоящие каждая из одной ячейки и вложены друг в друга. Необходимо сделать вторую таблицу полупрозрачной, а третью, вложенную в нее - непрозрачной. Прочитал теорию про opacity, но что то у меня не получилось: <style> .semi { opacity: 0.5; } .semik { opacity: 1; } </style> <table bgcolor="006FFF" width=50% height=50%><tr><td align="center" > <table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center"> <table bgcolor="green" width=50% height=50% class="semik"><tr><td> Эта таблица должна быть непро…
0 votes3 answers -
Проблема с правым блоком
Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…
0 votes4 answers -
Список во всплывающей подсказке
Это не реальная ситуация, как то случайно на это наткнулся, теперь не могу сообразить почему так происходит и какие есть варианты решения. Допустим есть предложение, в котором к определенному термину я хочу добавить всплывающую подсказку, а в этой самой подсказке нужно отобразить список(ul). Проблема в том что даже если он спрятан (display: none), браузер все равно ставит закрывающий тег </p> и оставшийся текст предложения переносится на новую строку. <p> Процессы в малой группе, отражающих неформальную <span class="tooltipTerm">гештальтпсихологии <ul class="tooltipDescription"> <li>Ассоциация устойчиво</li> <li>Асс…
0 votes12 answers -
не получается поместить кнопку в меню
пытаюсь поместить эту кнопку http://creation.x2x.me/files/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt
0 votes0 answers -
css + гекст
Как сделать наклон по радиусу текста в css вот пример http://test.liwil.net/mebel/ меню (о комнании - услуги - контакты)
0 votes1 answer -
Скобки
Подскажите как убрать подчеркивание у скобок(«). <li> <a style="margin-left:25px;font-size: 18px;" class="bondt" href="/news/yl/">«Yellow Lamp</a>»</li></ul>
0 votes1 answer -
Свойство background-repeat
Добрый день. Подскажите как правильно прописать свойство background-repeat, а то у меня кроме как указанным ниже способом не получается (много дубляжа при этом)? И ещё, подскажите можно ли (и как) использовать не полностью имя селектора id, а только его часть, например вместо tabname_3, просто tabname... и чтоб стиль применялся ко всем селекторам id начинающихся с этого имени? Извините, но не мог найти ответа возможно на не сложную задачу. С уважением Артём. html- ================ <div id="wrap"> <div class="selectTabs"> <ul class="lineTabs"> <li><a id='tabname_6' href="#">SHOPPING GUIDE</a></li> <li><a id='tabname_5' hre…
0 votes6 answers -
Проблема с тегом <option>
Добрый день. Есть такая проблема. Хочу чтобы тег <option>, выводил не "a2",а "a2". Возможно это сделать, если да, то как? За ранее спасибо.
0 votes8 answers -
Помогите с меню
Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…
0 votes6 answers -
проблема с relative в IE8
Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…
0 votes2 answers -
Почему стили CSS не применяются?
Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…
0 votes2 answers -
Не применяются правила CSS!
Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…
0 votes2 answers -
Кнопка для загрузки документа
У меня есть кнопка. Мне надо,чтоб при нажатиии на неё скачивался документ. Как это сделать?Я,так понимаю,это Джава?
0 votes8 answers -
Проблема с таблице
Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)
0 votes9 answers -
Расстояние между <TD>
Не могу добиться расстояния между <td> в таблице. cellspacing не подходит. padding, тоже не подходит, так как идет рамка. Какие варианты еще есть?
0 votes4 answers -
Проблема с выпадением пункта в меню аккардионе
Задача: сверстать многоуровневое меню аккордеон. сделал, вроде все работает нормально, но содержимое одного из пунктов (см. Мы рекомендуем) раскрывается только на половину, а затем резко падает вниз. Так как другие пункты работают нормально, подозреваю что дело в верстке, но не могу понять где. Если стили отключить, то все норм работает, стоит вернуть стили на место, меню опять выпадает. Ссылка: http://gorkistori.ru/menu/
0 votes3 answers -
Прыгающее меню при переходах в IE
Здравствуйте. Дорабатываю вёрстку сайта http://seby.ru/ Код привести не могу, так как не понимаю в каком конкретно участке кода ошибка. Можно посмотреть листинг главной страницы. В IE 8 (и других версий), в windows XP, при переходах между пунктами главного меню, пункты меню деформируются (становятся жирными) на короткое время, а потом становятся нормальными. Этого эффекта в других браузерах нет, только в IE. Как его можно убрать? Я сначала думал, что виновато свойство подписей под картинками bold, но убрав весь жирный текст, эффект всё равно остался.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-