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
-
Два inline div'а, дополнение до ширины ячейки
Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…
0 votes3 answers -
Веб-программисты! Сюда!
Интересно послушать а как вы стали веб-программистом? В каком порядке учили языки, как именно учили каждый из них, какие читали книги (авторы) и как практиковались? Сам я еще нуб, поэтому хочу пойти по следу опытных людей)
0 votes2 answers -
Почему выпадающее "меню" не исчезает?
Навожу курсор на синее поле, всё прекрасно, как и должно быть: элемент span - видимый. Отвожу от него, он исчезает. А почему, когда я отвожу курсор от синего поля к зелёному, то оно никуда не девается?
0 votes1 answer -
0 votes3 answers
-
Проблемы с заливкой фоном
Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…
0 votes2 answers -
Разное отображение СSS в браузерах
Доброго времени всем! Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты: и Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>? Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кн…
0 votes4 answers -
Помогите настроить выпадающее меню
Помогите настроить выпадающее меню Дизайн для Друпала, тема Willibald. Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА. Устанавливал в #main-menu li.level-2 display: list-item; но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите. Вот код стиля /** * @file * Menu styling */ /******************************************************************************* * Mobile first ******************************************************************************/ #main-menu { background-color: #ddd; line-height: 1; width: 100%; padding: .2em; /* * Level 1 <u…
0 votes1 answer -
Растянуть блок aside по высоте при отсутствии текста в нем
Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.
0 votes3 answers -
Подскажите,как выровнять...
Всем привет,я в этом совсем новичек,мне необходимо собрать страницу с видео в HTML,у меня первое видео стоит правильно,а второе мне надо,чтобы оно находилось правее,чем первое,а оно почему то оказывается правее,но внизу. Картинку прикрепить не смог,поэтому выкладываю ссылку на скрины: Скрин1 Это код,который прописан: Скрин2 Подскажите,как мне правильно все прописать,чтобы все было ровно?
0 votes5 answers -
Как правильно применить стиль к li class X ul class Y?
Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…
0 votes3 answers -
Абсолютно позиционированный объект выходит за пределы
Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/
0 votes5 answers -
Почему box-shadow не затеняет картинки?
подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.
0 votes0 answers -
пустые поля до краёв окна
подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины JSFIDDLE
0 votes2 answers -
Помогите разобраться с версткой
<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…
0 votes0 answers -
Помогите исправить скрипт
Всем доброго времени суток. Есть небльшая проблема. Есть некий скрипт, который реализует тестирование. Вопрсы выбираются случайным образом из q2 и им соответствуют ответы a2. Затем функция askMe выбирает случайным образом число из диапазона 0 ... q.lenght-1 и задаёт соответствующий вопрос, а потом сравнивает ответ на этот вопрос с введённым значением. Проблема заключается в том что функция в ходе одного теста может задать один и тот же вопрос несколько раз, так как рандом. Нужно сделать так чтобы все вопросы выходили только по одному разу. По идее наверное надо сделать некоторый массив или список, в который нужно будет добавлять уже выпавшие номера вопросов и потом в моме…
0 votes3 answers -
плавающее выпадающее меню
помогите пожалуйста разобраться, нужно чтобы выпадающее меню отображалось коректно, если кнопка, по нажатию на которой оно "выпадает", находится внизу экрана (оно выходит за рамки экрана и пользователю приходиться делать скролл страницы вверх чтобы его полностью увидеть). подробнее смотрите на рисунке - слева то что есть, справа то что должно быть. в общем то я думаю не так сложно, не знаю просто (опыт не позволяет) как выражение на css записать, чтобы от границ экрана отталкиваться.
0 votes2 answers -
joomla 2.5.4
всем доброе время суток! У меня проблема с стилем CSS, а проблема в том что как известно что у Joomla главнее моих стилей. вопрос есть какая не будь команда для, чтоб мои стили были главнее джумлы?
0 votes7 answers -
Верстка CSS меню
Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!
0 votes3 answers -
javascript .replace
Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает
0 votes4 answers -
Помогите разобраться с background url
Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые
0 votes2 answers -
Условный комментарий в ячейке таблицы?
Народ помогите нашел такой код [b]<!--td width="250"><img src="dataimg/logo.gif" width="250" height="116"></td-->[/b] в макете старого сайта, не понимаю что это? Прогнал через IE тестер начиная от 5 до 10 версии ничего не происходит. Туплю. Робею может он как ружьё на стене выстрелит в самый непонятный момент. Смущает что нет условий [if условие]и [endif]. Помогите может кто сталкивался с такой фигней?
0 votes1 answer -
Проблема с Формой Поиска
Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…
0 votes3 answers -
Функционал сайта
Здравствуйте) Очень интересует один вопрос, ответ на который не могу найти в гугле, хоть и почерпнул много инфы пока искал ответ. Я новичок в этом большом деле, знаю(html и css), сверстал свой первый шаблон который очень даже похож на первую страничку такого себе сайта))))) Собственно вопрос состоит в том, что я столкнулся с Статикой и Динамикой сайтов, как я понял сейчас преобладает динамика сайтов в том плане что после завершения мастером всех технических задач, сайт отдается в руки клиенту который хочет управлять этим сайтом сам (загружать фотки, обновлять контент и так далее). Здесь я понял что есть CMS движки (управления контентом)! Как я понял есть уже шаблон на нег…
0 votes4 answers -
Активный пункт
Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…
0 votes4 answers -
Открытие страницы со смещенным скроллом
необходимо чтобы при открытии страницы, шапка была проскролена. Знаю что такое возможно с помощью якорей, но не возможно ли это сделать без использования меток в ссылке?
0 votes1 answer