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
-
Как убрать зазор между блоками в ИЕ6
В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html
0 votes7 answers -
Ширина в теге <col>
Делаю таблицу с применением тегов col, специально для интернет эксплорера, так как он с этими тегами лучше и быстрее таблицу отображает. Подскажите, пожалуйста, а как установить для тега col значение ширины "auto", ну, например типа так: <col width="auto">, но, это не работает, это можно только через стили, то есть, дать класс тегу и через класс уже задавать, будет так: <col class="aaa"> .aaa{width:auto;} Это понятно, но, мне так не надо, мне надо именно в самом теге это задать без стилей!
0 votes18 answers -
Всплывающие картинки
<html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head&…
0 votes7 answers -
Резиновые шрифты , реализация без js
Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт
0 votes1 answer -
Подключения шрифта
Привет всем! У меня наметилась такая проблема: делаю шаблон на html5, но не могу подключить шрифт. Вроде бы все делаю правильно, прописываю нужный код в css-файле, но все-равно ничего не выходит. Может, кто-нибудь скажет — почему так?
0 votes8 answers -
LESS import и браузеры
Проблема в следующем. Есть папка с такой структурой: +css +bootstrap +img design.less markup.less style.less +images +js index.htmlв index.html мы подключаем style.less <link rel="stylesheet/less" href="css/style.less">style.less служит контейнером, в него нужно импортить все остальные стили @import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.
0 votes19 answers -
Резиновая шапка сайта
Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …
0 votes7 answers -
Почему же не работает class?
Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....
0 votes4 answers -
Проверка На Кроссбраузерность
Просто любопытно послушать мнение форумчан, по некоторым вопросам. Мне кажется самая подходящая ветка форума для такого обсуждения, если ошибаюсь то перенесите куда следует. 1.Как проверяете верстку на кроссбраузерность? Я проверяю в IETester(6,7,8) и в последних версиях фф, сафари, хром и опера пользователи последних я думаю регулярно обновляют браузеры до последних версий(нет ведь таких кто по каким либо причинам вынужден пользоваться 2-ым фаерфоксом или 9 оперой, как в случае с ИЕ). Существуют ли проверенные аналоги ИЕТестера для других браузеров? Делитесь ссылками. 2.Кроссбраузерная это и кроссплатформенная тоже? Если сайт правильно отображается во всех выше перечисл…
0 votes6 answers -
Кроссбраузерная строка поиска на html+css
Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …
0 votes2 answers -
transition для меню
Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?
0 votes11 answers -
Частный случай вертикального выравнивания.
Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…
0 votes8 answers -
как добавить функцию JS (onclick) при XSL трансформации?
В html-файл Я с помощью javaScript ( obj.innerHTML=XML.transformNode(XSL); ) вставляю (сгенирированный XSL трансформацией на основе данных из XML) следующий код html: фрагмент ... <img border="0" src="images/link_03.jpg" width="240" height="182" />... . Вс? работает. НО ЕСЛИ ДОБАВИТЬ к тегу 'img' функцию onclick= SomeFunction('new.xml') получиться ... <img border="0" src="images/link_03.jpg" [b]onclick= SomeFunction('new.xml') [/b] width="240" height="182" />... . То работать не будет. IE, при открытии непосредственно этого XSL-файла, пишет "Требуется строковый литерал, но не найдена открывающая кавычка". Почему? И как добиться желаемого результата? Спасибо…
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=windows-1251" /> <title>Это напечатано шрифтом Courier</title> </head> <body> <p style="font-family:serif;">Это напечатано шрифтом Courier</p> </body> </html> и в Мозиле и ИЕ показывает мне непонятние значки если я меняю кодировку на UTF-8 то тогда виден текст на русском. Почему так и где моя ошибка.
0 votes7 answers -
Скачит в EI6
Как исправить баг в эксплорере 6 ? Скачит центральный блок по экрану ! #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; }
0 votes2 answers -
pop-under
Как реализовать всплывающее окно у себя на сайте? По технологии: _popunder.ru _popads.ru
0 votes1 answer -
С чего начинать борьбу со спамом на форуме?
Всем привет!! Подскажыте пожалуста как мне блокировать спам на форуме! С чего мне начать, што мне нужно будет и вообще как ето мает выгледет потомушто я незнаю в кокую сторону двигатся! Мне дали такую тему на дипломную)) Заранё благодарен)))
0 votes7 answers -
Объясните что за различия в отображении рамок (IE, FF, Opera 9)
Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …
0 votes4 answers -
Как сделать ссылку по картинкой?
В ячейке таблицы есть изображение + гиперсылка <table width="100%" border="0"> <tr> <td> <a href="http://123.ru" target="_blank"><img src="http://123.ru/123.gif" style="width: 90px; height: 70px;" align="left" border="0"></a> <a href="http://123.ru" target="_blank">Ссылка</a> </td> </tr> </table> Как сделать с помощью CSS чтобы гиперссылка была не справа от картинки, а под ней? Делал вот так: a {text-decoration: none; margin-top: 20px } Но не во всех браузерах корректно работает...
0 votes8 answers -
Что такое "дизайн сайта"?
Здравствуйте. У меня, наверное, глупый вопрос, но если я его не задам, то откуда же мне узнать на него ответ? ) Вопрос по дизайну сайтов. Вернее, о том, - что под этим подразумевается? Это только отрисованный макет, порезанный на кусочки и упакованный в файл (в psd или в html) или уже написанный для всех этих элементов код? То есть рисунок вместе с кодом страницы? Дело в том, что html я знаю, и немного css, но со многими тонкостями, конечно же не знакома. Вот собственно и встал вопрос: если от меня требуется разработать дизайн сайта, то вёрстку (написание кода в html и css) делать уже не нужно, этим займутся другие? Спасибо заранее, буду очень признательна за ответы p…
0 votes7 answers -
Печать html страниц
При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?
0 votes2 answers -
Горизонтальное меню из картинок
Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …
0 votes13 answers -
CSS Выбрать элементы следующие за текущим
Как выбрать выбрать сестринские элементы следующие за текущим, до такого же элемента но без класса т.е. вот кликая на первый tr,чтобы на tr c классом преминилось,а уже на последний нет. <tr> <tr class="lvl-2"> <tr class="lvl-2"><tr>
0 votes2 answers -
Годиться ли такая форма?
Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110
0 votes13 answers -
Проблема в расстоянии между ячейками в таблице
Собственно хочется что бы рисунки которые вставлены в ячейки таблицы, составляли один рисунок при просмотре. Сейчас же между границами ячеек существует расстояние в 1px. Как сделать так что бы не было пустого расстояния? Такой баг только в IE 6.0, в Opera и FF норма... Пустое расстояние после: <tr ><div style="border:none; margin:0px;"><img src="images/img_01.gif" /></div></tr> Весь код страницы.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <titl…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-