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
-
Вопрос по созданию Html письма
Здравствуйте! Хотел бы узнать, если кто-нибудь сталкивался.. В общем, проблема в следующем: Нужно сверстать письмо таким образом, чтобы блоки с информацией можно было скрыть\открыть по клику на ссылку. Возможно ли это?
0 votes7 answers -
Помогите как сделать
Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg И еще почему то к placeholder не применяются стили. Помогите пожалуйста.
0 votes6 answers -
Глюк Chrome
Верстаю сайт, обнаружил такой глюк выпадает иконка поиска. Происходит это когда добавляю блок с тегом form. <div> <div> <form> </form> </div></div>Проявляется этот глюк только в Chrome, даже в IE всё ок. С чего бы это происходит? З.Ы. Про баги фона в курсе.
0 votes18 answers -
Сетка bootstrap4
Добрый вечер! Помогите пожалуйста понять почему при использовании сетки у меня вторая колонка не отображается пока ей не поставишь ширину 100%? Разве она не должна подстраиваться под размер автоматом? вот мой код https://jsfiddle.net/gzf1hkc0/ в нем navbar с двумя колонками. проблема со второй колонкой. пс. в коде уже стоит ширина второй колонки 100%, но как я понимаю самому прописывать ее не надо и раз так может я что то не так сделал? заранее спасибо за то что уделили внимание моему вопросу)
0 votes2 answers -
Помогите найти шрифт. Очень нужно.
Здравствуйте. Вот обращаюсь к Вам за помощью в поисках необходимого мне шрифта. Сам вот уже вторые сутки не могу найти. Вот его образец. Если кто знает что это за шрифт, то не могли бы вы назвать это имя или дать мне ссылку на его скачку. Заранее большое спасибо.
0 votes1 answer -
печать HTML
Возможно ли средствами html создать талицу с размерами столбцов напр.(92;35;13;5;15;5;15)мм и высотой строки 7мм, что бы на распечатанном листе они имели заданные размеры
0 votes5 answers -
Divы
как сделать так чтоб всё было в %, и никуда не уезжало? мусолю этот код уж не первый день, с дивами не работала раньше а также чтоб в #sitebar и #main вставить фото тож в % и что не как? и может что то нужно добавить? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500…
0 votes1 answer -
Неразбериха в верстке с использованием HTML и СSS
1. После установления доктайпа чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта www.miroslava.nm.ru визуальное отображение меню поменялось. Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. Самой не получается разобраться. Хотелось чтоб менялся цвет кнопок. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.mirosla…
0 votes9 answers -
Резиновая верстка DIV-ами
Здравствуйте, задача чисто теоретическая, просто не дает мне покоя. Существует блок известной ширины и высоты, допустим такой: <div style="height: 500px; width: 200px; background-color: blue; border-right: 3px solid red"></div> справа от него нужно поместить блок который бы занимал все оставшееся пространство справа, изменял ширину при изменении ширины окна, и имел position: relative т.к. в него нужно будет засунуть небольшой блок с position: absolute. Для того чтобы было понятнее, псевдокод может выглядеть так: <div style="height: 500px; width: 200px; float: left; background-color: blue; border-right: 3px solid red"></div> <div style="hei…
0 votes2 answers -
Помогите с border'om
Это часть таблицы, мне нужно сделать двойной бордер, как на картинке. Не могу разобраться. Заднее затемнение задается посредством pngшки на классе .dark Если ставлю border на tr и td они перекрывают друг друга. <table> <tr class="dark"> <td></td> </tr> </table> Как это реализовать так же, как на картинке?
0 votes20 answers -
Фото (слайдер) под размер фона - экрана телевизора.
Есть фото для фона (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg). Есть остальные фото, стандартные, так сказать 10*15, которые перещелкиваются (слайдер). Вот есть необходимость, чтобы фотки были подогнаны под размеры экрана телевизора (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg) с закругленными краями, как сам экран. Подскажите как это можно сделать!
0 votes3 answers -
Подключение скрипта
Ребята выручите, всю голову уже сломал. Скачал с сайта скрипт, подключаю его а он не работает. Если указываю путь на скрипт на сайте с которого скачал то все работает. В чем может быть причина. Пример: так не работает <html lang="ru"> <head> <link rel="shortcut icon" type="images/vnd.microsoft.icon" href="favicon.ico" > <link href="site/css/style.css" rel="stylesheet" media="all"> <script type="text/javascript" charset="utf-8" src="site/js/jquery.js" ></script> </head> <body> <script src="site/js/plugins.js" > </script> …
0 votes2 answers -
Табличная верстка. Как сверстать такое
Верстаю email-письмо. Использую Foundation. Не получается сверстать таблицей такой блок http://skrinshoter.ru/s/170919/5k7rvQdR Как его сверстать табличной версткой? https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000
0 votes7 answers -
Рамка и содержимое таблиц
Добрый день, у меня возникла проблемка...бьюсь уже не один день........в тупике. Есть движок vbulletin Я пишу для него стиль. Хочу вставить рамку поверх форума(сайта) . Есть кусочки рамок. из которых я и составляю в хтмл'e полность рамку фон. Делал все на таблицах.(также используя CSS). Вроде бы получилось. Но при разном разрешении, а также при сворачивании в более мелкое окно рамка съезжает вправо. Кумекал тут, понял что съезжает из за содержимого в таблице. Получается если оно больше чем размер таблицы..то он выставляет сам ширину. вот приблизительный код: <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD align="left"><IMG SRC="im…
0 votes9 answers -
Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?
Приветствую всех! Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту. И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы. Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок. Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке. Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Language" c…
0 votes5 answers -
Можно ли в теге iframe показывать какую либо конкретную область
Добрый день! Вопрос собственно так и звучит, можно ли в теге iframe показывать какую либо конкретную область. Т.е. если это веб-страница, то какую либо ее определенную часть? Большое спасибо!
0 votes4 answers -
dd и background
Использую списки http://htmlbook.ru/html/dd вот такие. Хочу тегу придать background, в Chrome работат, а вот в других браузерах нет. Не пойму почету. dl.obiektu { width:100%; overflow:hidden; margin:0 0 15px 0; } dl.obiektu dt, dl.obiektu dt h4 { font-size:16px; font-weight:bold; display:block; clear:both; line-height:35px!important; } dl.obiektu dt { padding-top:5px; } dl.obiektu dd { width:40%!important; float:left!important; background: url(../images/li.gif) no-repeat left 9px; padding: 0 0 0 25px; margin: 0 0 0 20px; }
0 votes20 answers -
Вопрос по ширине и макету
Нашел хороший сайт с макетами. Там ширина всех макетов 1024px. Читая статьи в сети многие пишут, что ширину макета желательно делать 1000px, так как часть пикселей уходит на всякие браузерные отступы, скроллы и все такое. Соответственно лучше мне изменить ширину макета с 1024px до 1000px?
0 votes10 answers -
метод click не срабатывает в хроме и FF.
Не срабатывает getElementById().click() в хроме и FF. Подскажите, кто сталкивался...
0 votes12 answers -
Помогите правильно выставить позицию в html (joomla)
Уважаемые форумчане. Помогите с проблемкой. Реализовал на сайте с Joomla модуль JUNewsUltra Pro (для вывода блока с случайными статьями). Также на главной странице реализован модуль последние новости. Проблема в том, что не могу правильно подобрать позицию с правильными параметрами для JUNewsUltra Pro. Вот код html шаблона: <?php /** * @package Joomla.Site * @subpackage Templates.beez5 * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ // No direct access. defined('_JEXEC') or die; JHtml::_('behavior.framework', true); // get params $color = $this->para…
0 votes1 answer -
Прыгает текст
Вообще такая проблема. Есть страница http://moslem.ws/1/ при увеличении масштаба страницы (CTRL+прокрутка ролика мыши) текст на 75%, 67% прыгает то вниз то вверх, соответственно отображается на больших экранах криво, как можно исправить это?
0 votes4 answers -
Моя первая верстка
Доброе. Решил я всё таки перестать спрашивать на форумах "Как научиться верстать?" а просто взял и попробовал. Вот что из этого получилось: Макет: Верстка(демо): http://goodproject.tk/verstka/ Код: HTML: http://2paste.in/rfvg CSS: http://2paste.in/pbgc Сразу скажу, что верстку делал далеко не точную, я знаю что она фейспалмовая, ибо большинство элементов не вырезаны (иконки например, из за чего текст и иконки выглядит криво (разная высота)) + верхнее меню состоит из отдельных элементов а не из "ul" и "li" поэтому большинство элементов тут тупо наложены цельным бэкграундом, а не по отдельности, как это правильно, что бы не терять ещё несколько часов на вырезание, …
0 votes7 answers -
Подскажите с формой поиска
Подсобите плизз, нубу Написал простую форму поиска на html css . В поле ввода находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал...
0 votes7 answers -
Слои налазят друг на друга
Кто нибудь знает как можно решить следующую проблему: макет состоит из 3 колонок ( на дивах ) и при сужении окна браузера по горизонтале после появлении полосы прокрутки, слои (колонки) продолжают друг на друга накладываться... Есть ли какое нибудь рациональное решение?
0 votes2 answers -
предверительная загрузка изображений
помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-