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
-
Обрезка изображения линиями
Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …
0 votes10 answers -
привязка столбцов
Извените, уже два дня смотрю по форуму как решить данную проблему, но что-то безуспешно. Как привязать все столбики к нижней границе резиновой таблицы. Я где-то встречал данную тему, но немогу её найти. Или какие ещё существуют варианты подобного разбиения сайта? <!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>Без названия 2</title> <style type="text/css"> body{margin: 0;padding: 0;} #TeloKolonka1{ width=199px; height:100%; backgr…
0 votes5 answers -
Сложная таблица!
Уже час сижу и не могу понять, как это сделать. Можно-ли вообще создать такую таблицу, используя один <table>???
0 votes6 answers -
Проблемы с нажатием ссылок в IE
Столкнулся с такой проблемой: Вывожу строки таблицы из базы, каждая строка - это ссылка, она должна выделяться при наведении, при нажатии перекидывать на другую страницу. В опере, мозиле, сафари, все работает, в IE нет. В IE при наведении на строку, она выделяется, при этом внизу в строке состояния показывается правильная ссылка, но если нажать, то ничего не происходит. (другие ссылки на странице работают) Помогите разобраться плиз. ——————————— Код: <?php do {printf(" <a href='price_unit.php?id=%s' class='catalog_table'> <table cellpadding='0px' cellspacing='0px'> <tr> <td class='table_catalog_img'>%s</td> <td class='table…
0 votes4 answers -
Прозрачность Фона Дива
вот ссылка - http://pozition17.narod.ru/stihi.html не могу сделать зеленый фон дива прозрачным т.е. что бы сквозь зеленый фон просвечивал основной фон, не хочется применять изображения. и если кто знает подскажите как правильно прописать закругления углов чтобы они правильно отображались как например в гугл хроме так и в експлорере, насколько я знаю есть два метода один отображается в гугле другой в експлорере, как их совместить или может есть альтернативное решение?
0 votes4 answers -
Мне нужно добавить Язык в мой сайт
привет всем У меня сайт на писан на русском языке меню ну все я бы хотел спросить у знающих людей Как мне можно добавить английский язык что бы можно было переключать Русский и английски.. Если можно и еще добавить языки иностранные любые вот хотя бы примеру как на этом сайте в самом внезу можно переключать с английского на русский
0 votes4 answers -
3 виджета в один ряд
Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…
0 votes3 answers -
Настройка ширины блока div.
Прошу помощи. Есть блок div (красный) у него установлен параметр width: 47% Есть блок div (зеленый) у него задан параметр float: right, параметр width - не задан. При этом, второй блок (зеленый) не хочет принимать ширину на все оставшееся пространство (т.е. оставшиеся 53%). Не могу понять почему. Скриншоты прилагаю. Заранее благодарю за помощь. при увеличении нужного блока параметром width: 50% он уходит вниз. а вообще, хотелось бы, чтобы блок автоматически распостранялся по ширине на оставшееся свободное пространство.
0 votes6 answers -
Вопрос по таблицам. Очень интересный и важный :)
В общем задача состоит в том, чтобы сделать страничку, которая уходит не вниз а вбок. То есть горизонтальное полотно сайта (фиксированная высота и нефиксированная ширина Может быть кто нибудь с этим сталкивался? то есть Нужно сделать так: ____________________________________________________ | текст ... *************************************************** | | текст ... *************************************************** | | текст ... *************************************************** | | текст ... *************************************************** | ____________________________________________________ Может быть кто нибудь знает…
0 votes6 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 -
Оптимальный макет в две колонки и прижатым подвалом
Подскажите пожалуйста самый оптимальный на ваш взгляд макет(фиксированный) в две колонки и прижатым к низу подвалом, который бы был валидным и кроусброузерным. Просто вариантов мало, а какой является лучщим и главное правильным с точки зрения написания кода я понять не могу. Заранее Спасибо
0 votes8 answers -
Перенос доменов.
Доброго вам. Помогите пожалуйста решить задачу. Дано: Нуб админ Хостинг: http://jino.ru/ Хостинг: http://yutex.ru/ Домен: http://kg-am.com/ Задача: перенести домен http://kg-am.com/ с хостинга http://jino.ru/ на http://yutex.ru/ Условия: Домен был по тупости зарегистрирован через хостера (http://jino.ru/) Аккуант на http://jino.ru/ отключат сегодня. Конкретика: Есть такая вот штука на http://jino.ru/ Понятно, что здесь нужно что-то поменять, но я не знаю что? Потому трогать боюсь, как бы чего не поломать. На http://yutex.ru в cPanel есть вот такое. Куда жать тоже не пойму, то ли в паркованные то ли в дополнительные. Ещё в письме от ютекса после регистрации было в…
0 votes5 answers -
Древовидный список
Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…
0 votes1 answer -
Текстовый фон
Как сделать, что бы текст в документе был выделен фоном? http://www.hotel-legal.ru/untitled.html В общем так, как когда мы в Word курсором выделяем и копируем часть текста, нужно что бы так же подсвечивался фон постоянно в html как выделенный.
0 votes19 answers -
Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu
Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.
0 votes7 answers -
Голова, Футер - "прибиты", Контент - все что осталось между
Всем здрасте. Есть такой макет: ссылка. Суть такая: нужно голову и подвал зафексировать в верх/низ, а контент что бы всегда занимал высоту (абстрактно): contentHeight = viewport.height - footer.height - head.height; и что бы он был между головой и подвалом. Все, что мне пришло в голову - это растянуть блок с главным контентом абсолютным позиционированием (top: head.height, bottom: footer.height). Дальше мне нужно, что бы содержимое внутри блока с контентом центрировалось с определенной шириной. для этого ставлю еще один блок внутри, назначаю ему ширину и margin: 0 auto, а также height: 100%. При этом все гуд, но кроме осла версии 7. Че далеть? Может у кого есть идеи как …
0 votes11 answers -
курсор влияет на ширину поля
помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска
0 votes4 answers -
задать высоту инпута
Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?
0 votes11 answers -
flex и firefox
В фаерфоксе возникает проблема с относительными вертикальными отступами у флекс элементов. margin padding Посмотрите оба примера в хроме и в фаерфоксе. В хроме всё отображается так как надо, а в фаерфоксе нет(((. В чём проблема?
0 votes5 answers -
В Mozilla не подключаются стили
Подскажите, в чем может быть баг. В Мазиле не подгружаются стили. Причем бэкграунд для body подгрузился, а все остальное нет. В опере и ie все отлично! 2 года уже верстаю а с таким не сталкивался... Спасибо!
0 votes3 answers -
Ненужное расстояние между <div>
Во всех браузерах кроме ie6 отображается правильно. ie6 же ставит непонятной расстояние между дивами. помогите решить проблему плз.
0 votes3 answers -
Как убрать палец со ссылки?
Хочу чтобы как была стрелка так и оставалась - как это сделать?
0 votes2 answers -
Как сделать область страницы ссылкой?
Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?
0 votes2 answers -
флоаты
Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?
0 votes5 answers -
адаптивная карусель
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель со всплывающей блоком при ховере
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-