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
-
не корретно работает media:print
не корретно работает media:print...Ну,возможно (или скорее всего) здесь моя вина в незнании особенностей ccs для print. И вот сама проблема: цвета ссылок и цвет блоков не отображается при печати в ИЕ.Что же необходимо сделать? Задача: идентичное изображение как на дисплее. Вот сайт www.gppb.ru/NEW использование visibility:visible не помогло... ну..не ругайтесь особенно что туплю..
0 votes7 answers -
Резиновое меню списком внутри DIV
Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!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>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 2…
0 votes13 answers -
Наследование
Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/
0 votes10 answers -
Единое меню, для офлайн "сайта" т.е. без движка?
Очень-очень нужна помощь. В примере "Фиксированная ширина, навигация слева" (на этом же сайте) Если расположить пункты меню слева в желтом поле, можно ли сделать ссылки так, что б они открывались в правом синем поле, не перегружая левое? Или слева открывался файл menu.html с пунктами меню, а справа содержимое ссылки например str1.html и т.д. Если да, то как? (я подумал о фреймах сразу, но теги body и frame оказались не очень совместимы как -то?! Люди добрые, поможите, чем можете, если можете. Имеется ввиду, без использования какого либо движка вообще, типа Джомла и т.п. И вообще без веб сервера, просто странички на своем компьютере т.е. в офлайне, точнее для C…
0 votes4 answers -
Scroll к форме по клику на кнопку
Привет. Как сделать, чтобы при клике на кнопку Пожаловаться, фокус переходил на форму. Использовать какие то scrollTo или есть что то проще? http://codepen.io/npofopr/pen/mdtae Попробовал вот так http://www.dconnell.co.uk/blog/index.php/2012/03/12/scroll-to-any-element-using-jquery/ http://stackoverflow.com/questions/6677035/jquery-scroll-to-element но не получилось. Или не срабатывает, потому что форма скрыта?
0 votes7 answers -
Подвал налазит на виджеты
Здравствуйте! Заказала у фрилансера адаптивный резиновый шаблон. Сама еще такие вещи писать не умею. Проблема в подвале, который налазит на виджеты и контент. Если на сайте короткая статья и много виджетов в сайдбаре, то виджеты оказываются под футером. Если на сайте мало виджетов и статья короткая, то футер оказывается посредине. Шаблон тестирую тут test.degavo.ru Фрилансер пишет, что нужен скрипт, типа он дорогой, и только он может выровнять подвал. Что это за скрипт? Фрилансер смог написать бесплатный, который не срабатывает. Вот этот: <!-- 3 colums --> <script type="text/javascript"> $(document).ready(function(){var $=jQuery.noConflict();setTimeout(ale…
0 votes8 answers -
Как расположить элементы на странице таким образом?
Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…
0 votes7 answers -
часть страницы из другого файла
Подскажите такой момент. Как в Хтмл страницах сделать, что бы часть ее загружалось из отдельного файла. Я про такое узнал, когда монтировал гостевую, но там у нее свои какие то параметры, там используется такая строка . А возможно, что бы в хтмл так же загружать? а то меню сильно большое и создает путаницу, да и утяжеляет каждую страницу, а то бы прописать ее в отдельном файле, вот хорошо бы было
0 votes3 answers -
Нужна помощь!
Здрасте! Я нович?к в этих делах, и знаю только часть(1/2) языков html и css, больше не чего не изучал пока(плохой доступ к инету). У меня вопрос: можно ли на сайте написанном исключительно на html и css написать регистрацию пользователей и форум на этих же я зыках, или для этого нужны ещ? и скрипты, если нужны то какие! Заранее спасибо!
0 votes13 answers -
Первый серьезный проект, нужен ХЕЛП!
как пристыковать див к низу окна браузера без использования position:absolute; ???
0 votes1 answer -
Непобедимый IE 8
Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код: В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер.…
0 votes7 answers -
криво отображается в ОПЕРЕ
все браузеры сносно показывают страничку. и только ОПЕРА некорректно показывает. все расползается. http://bar-amerika.ru/1/foto.html если кто-то видит ошибку - напишите.
0 votes10 answers -
Значение input.submit пропадает при нажатии
Добрый день. Такое дело: в Опере, ИЕ и Файрфоксе кнопка <input type="submit" value="ok"> обнуляет значение value. (Не отправляя форму, просто нажав на кнопку.) Скриптов или экшенов на кнопку еще нет, только стили навешаны (hover, active). html5, доктайп соответствующий. Использовать button - выход. Но хотелось бы узнать причину поведения input.submit. Кто занет?
0 votes2 answers -
При обновлении страницы съезжает блок меню
Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.
0 votes1 answer -
Как сделать адаптивным такой блок?
Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:
0 votes3 answers -
подавление сообщений
можно ли подавить сообщение "данная форма отправляется и т.д" не прибегая к PHP и PERL?
0 votes8 answers -
Не раскрывается список в IE
http://www.tophouse.ru/products/roof-eleme...lux/complex.php Подскажите, почему не раскрывается второй и третий список в IE, а только 1-й? В FF все 3 успешно раскрываются.
0 votes2 answers -
помогите лузеру
Помогите пожалуйста... Я уже истрепал себе нервы... Мастерил в опере... В ней всё получается... А вот ИЕ трепит нервы... Я конечно понимаю, что я лузер и всё такое. Но очень надо решить проблему... Вот ссылка на сайт http://www.mentalprojecti.tu2.ru <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style type="text/css"> BODY{ margin: 0; padding: 0; } .osnova{ background: #cccccc; /*главный слой самый первый - мама*/ min-…
0 votes6 answers -
Текстовое поле для HTML кода.
Доброго времени суток. Нужно выводить на страницу текст emailа. Поддержка только IE7-8. Cледовательно там может быть html код и textarea не подходит. Пока использую такой код: <style type="text/css"> attachemnttext { overflow:auto; text-align:justify; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ /*white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } </style> <div id="att" runat="server" class="attachemnttext" style="width:728px;" > </div> Он конечно хо…
0 votes8 answers -
Несколько вопросов начинающего
Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…
0 votes7 answers -
Закругление углов картинок в топ 10 (DLE)
Подскажите как сделать закругленные углы у картинок в топ 10 новостей (DLE 9.5) Скрипт модуля <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY rating DESC LIMIT 0,10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category'] = intval( $row['category'] ); if( $config['allow_alt_url'] == "yes") { if( $row['flag'] and $config['seo_type']) { if( $row['category'] and $config['seo_type'] == 2 ) { $full_link = $config['http_home_url'] . get_url( $row['category'] ) . "/" . $row['id'] . "-" . $row['alt_name'] . ".html"; } else{$full_link =…
0 votes4 answers -
Работа с <area>, или "Дурдом для новичка"
Здравствуйте, уважаемые пользователи данного форума! У меня возникли трудности при написании сайта, потому прошу у вас помощи и совета. Собственно, задача передо мной такая: На странице висит квадратное изображение (1000х1000), разбитое через <map> и <area> на 25 областей (тоже квадраты, 196х196). Каждый фрагмент "заякорен", то есть на него ведет ссылка вида www.site.ru/index.html#a20 Нужно сделать так, чтобы после перехода по такой ссылке, нужный фрагмент выделялся (любым образом). Пример - карта луны, разделенная на участки для покупки. Клиенту дается ссылка на его участок, после перехода он на карте видит свой участок подсвеченным. Я начинал с разреки ориги…
0 votes15 answers -
Как всегда проблема с IE
Добрый день. У меня проблема, сверстала сайт на div-ах, в Firefox-у вс? нормально, а IE выдает не совсем , понятное смещение блока "html" вправо. С чем это может быть связано? Если вс? очень банально, сильно не ругайте, лучше скажите, где и что почитать. Спасибо. IE Firefox Код HTML <!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>world of web</title> <link href="world of web.css" rel="stylesheet" type="text/css" /> </head>…
0 votes6 answers -
ie6
Приветствую. Вобщем при адаптации верстки под ie6 столкнулся с неприятным моментом. Который меня просто озадачил. Есть CMS, использующая smarty шаблоны. Есть шаблон. Есть ряд страниц. Верстка на одной летит в тартарары, а на другой почти корректно. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ Здесь недорисовывается левое меню. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ здесь же все хорошо
0 votes5 answers -
Таблица с div'ов
текст не вмещяется в ячейки. Почему и как это исправить? <style type="text/css"> #table_up { width:100%; clear:left; background-color:#efefef; height:45px; outline:medium; line-height:45px; text-align:left; float:left; } #fl_left {float:left;} .wr_Black {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; overflow: visible;} #r1{width:7%; height:45px; float:left;} #r2{width:19%; height:45px; float:left;} #r3{width:10%; height:45px; float:left;} #r4{width:10%; height:45px; float:left;} #r5{width:12%; height:45px; float:left;} #r6{width:10%; height:45px; float:left;} #r7{width:6%; height:45px; float…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-