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
-
Модальное окно
сайт лежит на локальном сервере. на сайте имеется кнопочка, по нажатию на которую выползает модальное окно, содержащее небольшую формочку. но когда я закрываю модальное окно, то URL становится таким: http://localhost/index.html#close, а при обновлении страницы происходит как бы моментальное открытие модального окна и сразу его закрытие. ну, будто он уже открыт был. нужно чтобы не было такого момента, что он после обновления страницы вызывает-закрывает модальное окно... как исправить? CSS: /* Контейнер */.modal {/* Слой перекрытия */position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;/* Трансформации прозрачности при открытии …
0 votes5 answers -
печать HTML
Возможно ли средствами html создать талицу с размерами столбцов напр.(92;35;13;5;15;5;15)мм и высотой строки 7мм, что бы на распечатанном листе они имели заданные размеры
0 votes5 answers -
код сайта для мобилы
Всем привет. Буду признателен за советы и помощь. Нужно сделать мобильную версию сайта. Где бы код посмотреть? Как это всё работает? С чего начать? Говорю сразу: поиск толком не помог. Ко всем с уважением.
0 votes6 answers -
Проблемка с штриховым подчеркиванием ссылок
Нравится мне, когда ссылки штриховые. Хорошо сочетается со строгим дизайном и шрифтом Georgia ... соответственно убираем в описании стиля гиперссылки text-decoration и ставим border-bottom: a:link, a:hover { color : #262626 !important; text-decoration : none !important; /** простое подчеркивание убрать **/ border-bottom: 1px dashed #262626; /** линию штриховую добавить**/ } a:visited { color : #006600 !important; text-decoration : none !important; border-bottom: 1px dashed #006600; } Проблема в том что после такой замены все картинки функционала стали подчеркиваться. Очень не красиво... Не нагуглил как это сделать, мож не такие запросы задавал :-[ С…
0 votes3 answers -
Запутался в таблице помогите
Вот код <html> <body> <div align="left"> <table width="70%" border="5" cellspacing="1" cellpadding="7"> <tr height=16 style='height:12.0pt'> <td height=16 class=xl83 style='height:12.0pt;border-top:none' width="135"><font face="Verdana, Arial, Helvetica, sans-serif">bridge digital</font></td> <td class=xl83 style='border-top:none;border-left:none' width="155"><font face="Verdana, Arial, Helvetica, sans-serif">Charly Morgan Drums 2<span style='mso-spacerun:yes'> </span>disk 1</font></td> <td class=xl83 style='border-top:none;border-left:n…
0 votes9 answers -
чем выравнивать <th>
Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…
0 votes11 answers -
Почему не работает наследственность в css
Привет! Дорогие коллеги, помогите, пожалуйста, новичку Есть код: <html lang="ru"> <head> <meta charset="UTF-8"> <title>Каждому мамонту — по лыжне!</title> <link rel="stylesheet" href="exmp.css"> </head> <body> <h1>Пишется?</h1> <p> <div class="class"> <div class="class2"> <span class="class3"> <s>Надпись!</s> </span> </div> </div> </p> <h2>Как-то так</h2> </body> </html> …
0 votes2 answers -
Странные кнопки на iPad
Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает. Вот пример - http://jsfiddle.net/n89amLps/2/ А вот что получается - на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке
0 votes8 answers -
Непонятный глюк или опять FF против MSIE
Сверстал страницу но вот беда, в MSIE все нормально а вот в FF вся картинка почему-то подскакивает вверх (10рх), но опять-таки не сразу, раз 5 перезагрузил. Закрыл FF. Открыл и подгрузил страницу, все гуд, но пару перезагрузок и дизайн полез вверх приблизительно на 10рх. Где искать проблему и что это вообще за глюк? http://politptaha.ho.com.ua/test/11.gif
0 votes1 answer -
fixpng и background-position
Проблема старая как мир, но для меня так и не решенная. Кто как борется с этой напастью? Очень не хочется двигать блоки, только потому что 6-ка не может выровнить png'шный background по нужному краю.
0 votes2 answers -
Меню в виде вкладок
Хочу создать меню. Ссылки ведут на другие страницы. Выглядеть должно ... ну примерно так, как здесь на форуме где Календарь, Пользователи и т д. Только при клике фон активной вкладки должен меняться. Яваскрипт учу недавно, подскажите принципы, как можно это реализовать.
0 votes6 answers -
разнае свойства элементов списка, помогите!
Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…
0 votes7 answers -
Не отображается елемент в IE7
Всем привет сайт http://нцн-недвижимость.рф В IE7 по какой-то причине не отображается блок под заголовком Новосибирский Центр Недвижимости специальные предложения Причем если изменить масштаб сайта в браузере или напрмер выделить какую нибудь область в центре и подвести указатель к какой-то странной всплывающей синей стрелочке - блок появляется. Подскажите пожалуйста в чем может быть причина?
0 votes1 answer -
Проблема со вставкой своего шрифта в CSS
Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, др…
0 votes3 answers -
Проблема верстки для мобильного браузера.
суть вот в чем. На десктопе во всех браузерах смотрится прекрасно, т.к. и задумано, а вот на мобильном есть проблема: 1. логотип прижимается к левому краю 2. Полоса справа имеет ширину не в % (в момент загрузки кажется что все нормально, но если уменьшить до нужных размеров видна проблема. не подскажете как решить? body{ background: url('../images/bg.png'); margin:0; }header { width:100%; height: 40px; background: #444444; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.6);}.header{ background: url('../images/logo.jpg') no-repeat left; width: 1040px; height: …
0 votes3 answers -
Посоветуйте редактор и FTP-клиент
Посоветуйте редактор и FTP-клиент. В настоящее время использую AkelPad и Total Commander. Сборка, где AkelPad уже есть. Возможностей FTP-клиента у TC недостаточно. Нужна возможность груповой загрузки файлов-страниц на сервер (по нужным папкам). В TC есть загрузка по списку, но я пока не пробовал. Мне кажется это что-то убогое. В наст. время смотрю на CuteFTP (+ AkelPad же). Если порекомендуете и достойную замену AkelPad, не буду возражать. Хотя экспериментировать сильно нет желания. Все должно работать на нетбуке Acer Aspire One D270.
0 votes12 answers -
Два непонятных явления...
Здравствуйте. Столкнулся с двумя проблемами на своих сайтах. Сам решения не нашел, мой знакомый программист - тоже. Надеюсь на этом форуме мне помогут решить эти задачи. 1. Сайт: http://www.soccerland.ru, прописал все в стилях через @font-face в общем все сделал также как на сайте soccerland.ru, на котором все работает, но почему-то на hockeyland.ru они отказываются работать. Проверил права на папку со шрифтами, не знаю в чем еще может быть проблема? Буду очень признателен за решения этих проблем. Может тут все просто?
0 votes8 answers -
Добавление ссылки на canvas
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?
0 votes0 answers -
Выравнивание и overflow
Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?
0 votes3 answers -
Frame и iFrame
Доброе время суток.Господа, в чем принцепиальное отличие сабжа? Заранее спасибо за ответ.
0 votes4 answers -
Чем заменить ссылку
Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …
0 votes18 answers -
max-width для img
Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/
0 votes4 answers -
не могу поставить блоки по середине сайта
на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…
0 votes4 answers -
drupal 7
чтобы освоить достаточно ли книги по 6 версии? слышал что 7 очень прожорлива, это очень критично? P.S. какую-то cms надо изучать более менее
0 votes7 answers -
смещается подвал в ie8
помогите пожалуйста поправить вёрстку в ie8. смещается подвал при большом количестве контента. ссылка
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-