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
-
Два блока, один - резиновый
Вместо тысячи слов... Как? подскажите пожалуйста
0 votes2 answers -
Форма обратной связи
Очень нужна Ваша помощь, подскажите как лучше организовать форму обратной связи, отправка письма на определенный электронный адрес с шаблоном. Для примера: Работ:____Возраст: _____О себе:_____ОтправитьЖелательно чтобы оформление было легко подогнать с помощью CSS
0 votes1 answer -
приоритет классов
Я так понял если к элементу назначить несколько классов, то приоритет будет у того класса, который написан последним? http://jsfiddle.net/wa5Am/ и порядок будет взят из CSS, да? Вот допустим, в HTML вот такой порядок qwer asdf zxcv, а в CSS такой .qwer .asdf .zxcv и браузер будет выбирать последнее не из HTML , а из CSS? я правильно понял? Вот если .zxcv{ color:blue;}поднять наверх, то текст будет красным
0 votes3 answers -
переход от блока к блоку в виде стрелки
http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.
0 votes0 answers -
Вывод миниатюры аватарки
Подскажите как сделать вывод миниатюры аватарки как в профиле, в navbar? vBulletin 3.8.7 Полный размер делается так: Создаем новый модуль :продукт – VBulletin Местоположение выбираем – global_start код модуля require_once(DIR . '/includes/functions_user.php');$avatarurl = fetch_avatar_url($vbulletin->userinfo['userid']);if (empty($avatarurl) || !is_array($avatarurl)){ $avatarurl = array('images/noavatar.gif','width="90" height="90"');}В нужное место шаблона вставляем: <if condition="$bbuserinfo['userid']"><div><a href="$vboptions[bburl]/profile.php?$session[sessionurl]do=editavatar"><span></span><img src="$vboptions[bburl]/$avatarurl[0…
0 votes1 answer -
Два варианта текста
Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?
0 votes5 answers -
Появился непонятный блок
Добрый день. Разрабатывал этот сайт на локальном хостинге, всё без проблем. После того, как залили на хостинг в верху сайта появилась какая то фигня Сам сайт на Wordpress. Пробовал отключить header.php Стили, скрипты работать перестают, но эта фигня всё равно выходит. Поэтому думаю дело не в нем. Подскажите пожалуйста, как можно эту беду побороть?
0 votes1 answer -
Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите
1. как сделать чтобы в футере 3й див не уходил на следующую строку 2. как сделать чтобы в <div class="content"> избыточное содержимое давало скроллбар не у всей страницы а только у этого дива Спасибо! <!doctype html> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>test</title> <style> body { margin: 0; padding: 0; } .content { height: 100%; width: 100%; } .shapka { height: 84px; background: #000000; } .footer { position: absolute; bottom: 0px; height: 40px; width: 100%; background-color: #789CB4; color: white; font-family: sans-serif; font-size:…
0 votes3 answers -
opera tbody bgcolor
Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?
0 votes2 answers -
Подгон высоты нескольких колонок под наибольшую по высоте колонку
Есть задача, подогнать средствами CSS высоту всех колонок к наибольшей высоте какой-либо из этих колонок. Зачем нужно? Требуется обордюрить со всех сторон каждую колонку, из-за различной высоты получаются различные прямоугольные боксы, а хочется привести к общему знаменателю.
0 votes2 answers -
Пересекаемые объекты, дивы
Есть два дива! Первый пересекает область второго! Как сделать, что бы первый див не блокировал содержимое от свойств мыши второго?
0 votes1 answer -
Маленькое окошко
Добрый вечер, можно ли с помощью html создать вот такие страницы, как на сайте Alawar, когда смотрим скриншоты игры, или все таки нужен джава скрипт?
0 votes5 answers -
HTML код
Столкнулся с такой проблемой. Мне нужно оформить страницу так, чтобы по была не ссылка а фото и по нему заходить по уже скрытой ссылке.Хочется сделать все красиво. Проблема в следующем....на одном сайте все отлично а на др. не проходит. Может есть универсальный код? А делаю я примерно так загружаю фото на фастпик и помещаю ссылку в код там где есть и ссылка на саму страницу. Может теги не все верны. Подскажите кто знает какие варианты давно хочу разобраться с этой процедурой раз и навсегда!?
0 votes3 answers -
как обвести текстовое поле синим цветом ?
как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.
0 votes2 answers -
Передача данных
Приветствую. Наверное, не совсем относится к вёрстке, но в других разделах создать тему не дает Необходимо реализовать фичу, которая будет при переносе на страницу заказа товара вносить автоматически название товара в инпут под лейблом "Название товара*". Возможно ли такое реализовать? Если да, то с помощью чего? CMS - FlexoCMS.
0 votes2 answers -
Верстка с центровкой каскада DIV
Здравствуйте! Напрягся над решением одной задачи. Суть в том что нужно выводить каскад блоков но с центровкой, проблема что количество их не статично. То есть есть блок "content" а внутри из БД кидаются блоки "bx" с фиксированной шириной и высотой может быть один а может и 30. Клиент хочет что бы когда блок один он сверху и по центру, ели их три то по центру в ряд с одинаковым расстоянием между собой. <div class="content"> <div class="bx"></div> ... <div class="bx"></div> </div> что бы блоки ложились в ряд нужно указывать flo…
0 votes2 answers -
input. появление фона
помогите пожалуйста победить явление на сайте если первый раз загрузить страничку и заполнить поле input.fld_emai, то дополнительный фон не появляется. но если повторно загрузить страничку, поместить курсор в поле input.fld_emai,то браузер вывалит список с введенными ранее значениями. далее если выбрать введённое ранее значение, то появляется дополнительный фон при этом в моём css-файле прописано: .input:-webkit-autofill{ background: none !important;}
0 votes5 answers -
Проблема с тектом и тэгом <figure>
(начинающий) Такая проблема: есть изображение getelogo.png следом цитата. Текст немного выше и остается куча свободного места, хочу сделать что бы цитаты была ровно по центру относительно картинки (по горизонтали). Подскажите как сделать правильно. https://jsfiddle.net/L9L5avj7/ Вот сейчас так: https://pp.vk.me/c631930/v6319... А мне надо что бы было так:https://pp.vk.me/c631930/v6319... Может есть специальный тег для этого ?
0 votes1 answer -
Гуру флексбоксов, созываю вас!))
Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR
0 votes2 answers -
При открытии страницы через phpdesigner 7 выходит ошибка
При открытии страницы через phpdesigner 7 выходит не удается получить доступ к сайту.
0 votes0 answers -
Вопрос по спискам
Доброго времени суток. помогите решить проблему. Есть список. Он динамический. Нужно сделать так, чтобы по вертикали было к примеру 20 пунктов, а потом список продолжался как бы с нового столбика. Такое возможно, или нужно использовать таблицы?
0 votes2 answers -
Растяжка wrapper
И снова я, снова с растяжкой wrapper`a, на этот раз с другой проблемой, В общем wrapper должен тянуться по длине, все было бы хорошо, но вот wrapper состоит картинкой (прозрачность в местах + закругление углов) впринципе проблемы нет - wrapper тянется, но не так как нужно, ведь там закругленные углы и прозрачность - что не ок. Как выходить из такой ситуации? Смотрим код http://jsfiddle.net/rCRKJ/
0 votes2 answers -
Создание объектов от своего типового (статического объекта) Javascript
Привет всем, можно ли создать на основе статического (типового объекта), например String свой типовой объект, добавив к нему свойства, а потом уже создавать экземпляры этого нового объекта? То есть получается, что экземпляры будут внуками для String. То есть, можно написать: String.prototype.newproperties='X';и потом обращаться к любой строке или объекту типа String: objectstring.newproperties, где objectstring-новый объект типа String. Мне хочется также добавить свойство к своему объекту, но, чтобы он уже имел все свойства и методы String.
0 votes2 answers -
Элемент на весь DIV
Приветствую всех! Есть DIV (main), внутри которого расположен некоторый набор элементов. <div id="main"> <span>Форма чего-нибудь</span><br /> <div>Кнопки, картинки, текст и т.п.</div> </div> Иногда нужно блокировать все элементы и выводить анимацию поверх. Подобное я делал для всего экрана с помощью DIV и CSS. <style> #block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../img/wait.gif"); background-repeat: no-repeat; background-position: center; z-index: 5; } </style> <div id="block"> </div> Но вот как это сделать для DIV? Пробовал растянуть DIV…
0 votes2 answers -
Видео на сайте
Поздравляю всех с Праздниками! Всего вам самого лучшего и радостного! Подскажите пожалуйста: хороший flv плеер для html-страницы, чтобы подгрузка видео происходила когда стоит пауза (как на Ютуб) что влияет на скорость загрузки видео на сайте, видео лежит на хостинге вместе с сайтом, и как можно повысить скорость загрузки, не уменьшая качество видео?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-