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
-
Почему в форме не работает тень внутрь?
https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?
0 votes14 answers -
Установка LiveReload для ST 3. Ошибка в браузере.
Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…
0 votes14 answers -
Исчезает блок (position: absilute) при скроле.
Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.
0 votes14 answers -
Remove bootstrap XS size
Здравствуйте! Проблема такого рода: Я использую Bootstrap 3 при вёрстке, у меня есть выполненная вёрстка для SM, MD и LG разрешений. Мне необходимо сделать так, чтобы на XS разрешении всё выглядело так же как на SM, тоесть мне нужно чтобы появились горизонтальный и вертикальный скроллы + ничего не коллапсировало. Подскажите пожалуйста как правильно решить мою проблему.
0 votes14 answers -
Не получаются сайты на практике
Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…
0 votes14 answers -
Во второе поле записывается строка без пробелов
Здравствуйте. Задача выглядит так: В первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа. Для решения данной задачи необходимо использовать метод substr/substring. Не понимаю, как реализовать второе поле, в котором пробелы исчезнут с обеих сторон
0 votes14 answers -
Уменьшение изображений для адаптивной верстки
Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?
0 votes14 answers -
overflow-y: visible не работает если overflow-x: hidden
Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент ст…
0 votes14 answers -
IE7 margin-bottom от абзаца добавляется к img { float: left; }
Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…
0 votes14 answers -
что лучше - normalize.css или reset.css ?
что лучше? Или же каждый из них имеет свои + и - ?
0 votes14 answers -
gmail не видит картинки в html письме
Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?
0 votes14 answers -
выравнивание картинок внутри контейнера div
Здраствуйте, что то я бился бился головой об стену, но в упор не вижу какую я ошибку сделал. В общем суть в следующем. Есть макет фотоальбома, выравнивание картинок друг относительно друга сделано по тупому с помощью таблицы. Внутри каждой ячейки таблицы находятся два вложенных друг в друга div'a, в последнем из них находится картинка. В итоге результат такой: http://www.artunion.cellbiol.ru/fotoalbum/...ery/album.shtml Необходимо чтоб рамка второго вложенного дива плотно прилегала к рисунку, а рисунок в свою очередь был бы расположен как див. Вот код shtml: <!--#set var="title" value="Галерея." --> <!--#include virtual="/ssi/header.html" --> <td valign="…
0 votes13 answers -
выравнивание div'а внутри div'а??
Есть код: <div class="contentTbl_contentTd"> ,,, </div> <h2>Membership</h2> <div class="abMembBox"> Test text <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.jpg" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.org/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> </div> Есть CSS к …
0 votes13 answers -
отсутпы - padding margin
Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?
0 votes13 answers -
frD-Смещение фонового изображение в body в FF и Opera
Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).
0 votes13 answers -
не удаляется рамка в ссылке-картинке
Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…
0 votes13 answers -
единицы измерения
Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-
0 votes13 answers -
Центирование слоя
Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?
0 votes13 answers -
frD-Изменение блока меню при наведении на ссылку
Как реализовать на css, такое: есть меню, сверстано таблично, один стобец и строки, нужно что при наведение на ссылку менялся цвет всего блока ячейки или заливался фоном картинки?
0 votes13 answers -
убрать перенос строки в списке.
Как убрать перенос строки в списке для создания горизонтального меню? <ul class="header_top_list"> <li>меню1</li> <li>меню2</li> <li>меню3</li> </ul> Результат: меню1 меню2 меню3 Нужный результат: меню1 меню2 меню3
0 votes13 answers -
Автоматический переход на другую страницу.
Добрый день. Столкнулся с проблемой. Где то читал об этом, но не могу вспомнить где. В общем суть следующая, вместо главной страницы нужно вставить анимацию, гиф, флеш не имеет значения, когда картинка загружается, секунд через двадцать автоматически без каких либо действий пользователя, загружается уже информационая страница. Нашел вот это но тут страница перезагружает себя, а нужно чтоб загружалась другая страница. Подскажите пожалуйста решение. Заранее спасибо!
0 votes13 answers -
Проблема с repeat
Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }
0 votes13 answers -
"железная ширина"
не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?
0 votes13 answers -
тег Label
http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?
0 votes13 answers -
увеличение размера шрифта в браузере
Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?
0 votes13 answers