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
-
Забыл какое Css свойство отвечает за это...
какое Css свойство отвечает за вид ссылки когда пользователь находится на донной странице помню hover когда наведена визитед когда посетил актив во время щелчка а это ни как вспомнить не могу, подскажите
0 votes3 answers -
помогите новичку
Всем привет! Недавно начал изучать CSS, возникли такие вопросы: 1)чем отличаются Классовые селекторы от ID селекторов? В справочнике прочёл, что CLASS - атрибут элемента в HTML, определяющий его класс, а ID - индивидуально именованный стиль. Но ведь разместить слой можно как через class так и через ID? В чём разница, покажите, пожалуйста, на примере. 2) как сделать рамку страницы с тенью? Проанализировав сайты, выяснил, что дизайнеры создают фон с рамкой 300x300 px, но как они размещают его. Получаются что растягиют? Как это реализовать? 3) И напоследок. Некоторые сайты всю графику помещают в один .gif файл. Слышал, что это делается для экономии времени загрузки, потому …
0 votes4 answers -
Непонятки с кодировкой
В head прописано <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />, а отображается в utf-8 в чем проблема?
0 votes2 answers -
градиент тегом
Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?
0 votes1 answer -
Прошу помощи с формой отправки
Коллеги, помогите, плиз, решить задачу с формой. Имею: <select name="pay_mode"> <option value="21">Банковский платёж</option> <option value="3">Почтовый перевод</option> <option value="4">WMR</option> <option value="2">RBK Money</option> </select></td></tr><tr><td height="20" colspan="2"> </td></tr> </table> <input type="hidden" name="count" value="1"><input name="tovar_id" value="2"> и так далее... КАК сделать так, чтобы при выборе, например "Почтовый перевод", информация отправлялась не с <input name="tovar_id" value="2">, а с <input name="tovar_id"…
0 votes7 answers -
порядок загрузки страницы
очень интересен порядок загрузки страницы. опишу как я его понимаю, если не правильно, то поправьте пожалуйста. js-код по возможности помещают ближе к концу html-кода чтобы сначала на экран выводилась основная информация, которая в тегах, а потом уже js-плюшки. то есть браузер получает с сервера код полностью. затем на основе каких то правил(у каждого браузера они свои) строит некоторую модель(в первую очередь обрабатывается неяваскрипт). потом происходит вывод информации. потом обрабатываются скрипты и снова результат выводится на экран. так ли это? вообще спрашиваю потому, что интересно если встраивать в html-код скрипты тэгом <script>, то будет ли это равносильн…
0 votes1 answer -
Неправильные размеры <div> в chrome
В FF и IE нормально отображает Спасибо помогло
0 votes1 answer -
Выбранный пункт меню
В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
0 votes6 answers -
Спрайты
спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!
0 votes5 answers -
Отдельный блок для баннера!
Здравствуйте! Создал сайт который целиком находится в блоке wrapper и теперь хочу создать специальное место под баннер, например такой блок можно встретить во мноджество шаблонов. Бок находится как бы отсраненно от сайта. Пробовал и так и эдак, например если блоку banner задать float:right и скажем некий margin-right или padding-right, то наш блок будет выглядить по разному в зависимости разрешения экрана пользователей. Сам же wrapper всегда по середине, вне зависимости разрешения экрана. Тут нужно как бы разместить блок для баннера с права и задать ему отступление не от окна браузера, а от самого wrapper-а Народ посоветуйте пожалуйста какой-нибудь код, так как сама логи…
0 votes4 answers -
как сделать резиновую кнопку валидную под ие7
Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…
0 votes2 answers -
Необычная верстка
Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа …
0 votes5 answers -
выравнивание текстов
научите пожалуйста точно выравнивать по вертикали текст без использования абсолютного позиционирования здесь у .header h1 выравнивание text-align: center. задача в том чтобы правые стороны .header h1 и .header strong упирались в одну вертикаль сейчас выровнено неплохо, но не точно так ка параметры шрифтов зависят от браузера, ОС и т.д. кроме того данные могут быть динамическими
0 votes2 answers -
JS - маячёк
Есть страничка HTML к этой страничке подключаем JS. Все типовое, никаких наворотов. Теперь вопрос - как в JS вшить "маячек"? Основное - что мне нужно от этого маячка - получить информацию, на каком сайте (url страницы) был вызван это JS. Сам маячек - (код) по возможности должен быть не большой, не броский в глаза. php и прочее - есть, доступно на своем (контролируемом мной) сервере. Основная задача - получить инфу - куда утянули JS, где используют. Интересует - подсказка - куда копать, как загуглить этот вопрос правильно.
0 votes4 answers -
Реализация подобного макета
DELET интересует как сделать подобные блоки(что с права)
0 votes4 answers -
Что делать дальше?
Здравствуйте) У меня великая проблема. Я не знаю, что мне делать. Куда идти, куда бежать, если html с css я изучила, хоть и совсем не совершенно, но продолжаю развиваться? Что именно нужно делать после того, когда я точно буду уверена, что код мой чистый и правильный, когда буду на среднем уровне? Заранее спасибо за полезные советы)
0 votes4 answers -
Слайдер фотографий
Доброго времени суток! Ув. опытные форумчане, надеюсь на вашу помощь. Мне нужно, чтоб, когда нажимаешь на фотографию, там были кнопки "листать фотографии вперед / назад" Как на скриншоте: http://joxi.ru/DrlElVJTQwMzmP
0 votes5 answers -
два всплывающих окна
помогите пожалуйста советом на страничке я использовал jquery-плагин fancybox2 для создания всплывающих окон. проблема в том, что не получается создать всплывающее окно поверх другого всплывающего окна например на указанной страничке можно: кликнуть по ссылке "список прикреплённых"(откроется всплывающее окно №1)и затем на "добавить"(откроется всплывающее окно №2)затем нажать крестик в верхнем правом углу окна №2. в результате закроются оба окна, а мне нужно чтобы закрылось только окно №2 если такое поведение окон невозможно реализовать при помощи этого плагина, то подскажите пожалуйста какой другой использовать
0 votes3 answers -
Хештег в адресе страницы
Здравствуйте уважаемые участники форума! Есть скрипт, который по нажатию на ссылку делает действие и дописывает хештег в адрес той странице где этот скрипт был запущен. Собственно вопрос: если человек попал на одну из таких страниц и вызвал этот скрипт а потом уже ссылку на эту страницу опубликовал где-либо с этим самым хештегом то для поисковых систем это будет уже новая страница или они не принимает во внимание всё что написано начиная с решётки? Вот такой вот вопрос, возможно глупый, надеюсь что я был понят правильно. Спасибо за внимание!
0 votes2 answers -
Accordion не скрывает текст
Добрый вечер уважаемые форумчане. Подскажите пожалуйста, где проблема? <div class="container"> <div class="row"> <div class="col-md-3"> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse-1" data-toggle="collapse">Открыть</a> </h4> </div> <div id="collapse-1" data-parent="#accordion" class="panel-collapse collapse"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </…
0 votes3 answers -
Фиксация заголовка таблицы - использование flex
Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…
0 votes0 answers -
Не применяется media запрос
Здравствуйте. Подскажите пожалуйста, что с этим media запросом не так? @media (max-width: 991px) #comment-list li { bottom: 55px !important; } На странице, где выводятся комментарии wordpress смещается вверх стиль автора на мобильных устройствах, виновник этого другой медиа запрос, но уже для калькулятора на wooccommerce @media (max-width: 991px) *, ::after, ::before { box-sizing: border-box; } отключить его не могу, потому что уже будут тогда проблемы с калькулятором. Потому решил написать отдельный медиа запрос, но уже для комментариев
0 votes0 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #container { margin: 0px auto; padding: 0px; width: 800px; /* width of the layout -- can be set to any value including percentages */ overflow: hidden; } #header{ padding : 0px; margin: 0px; width: 100%; overflow: hidden; } #navigation { margin: 0px; padding: 0px; w…
0 votes2 answers -
Как отключить щточки перед <li>?
<ul type="none"> Это работает везде, кроме оперы. В опере перед словами появляются точки.
0 votes1 answer -
Изменение стиля объекта с якорем при переходе на него.
Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?
0 votes4 answers