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
-
показать/спрятать элемент не выходит?
Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …
0 votes6 answers -
Видеобэкграунд страницы. Какие технологии использовать?
Здравствуйте друзья. Нужно сделать такой сайт _http://iuqo.com/ Интересует в первую очередь технология, использованная на главной странице — видеобэкграунд. Насколько мне удалось разобраться, это флеш. Есть ли какие-нибудь кроссбраузерные нефлеш-решения подобного эффекта? Если да, то какие?
0 votes3 answers -
Решить проблему растяжения блока
Всем привет, мучаюсь уже битый час не могу решить проблему. В общем есть body, container, block. html, body - понятно container - контейнер, где все основное сайта и т.д. block - некий блок, который по идее должен перекрывать все остальное содержимое cointainer (z-index) установил html, body {min-height:100%} - дабы растягивался больше, чем на длину экрана браузера. установил тоже самое контейнеру - чтобы он собственно и растянулся, получилось, хорошо. block- вот тут проблема этот самый блок должен перекрывать container (это сделал путем z-index), НО он еще и должен растягиваться на длину container (что перекрывать его полностью), т.е. на длину body грубо говоря. Я ему ус…
0 votes3 answers -
какую CSM выбрать для...
решил поэкспереметировать с сайтом на тему бесплатных объявлений, на каком бесплатном движке можно такой сделать?спс)
0 votes2 answers -
Помощь в отсылании переменной
Ребят, имеется вот такой код <select name="material1" tabindex="1" class="material1"> <option value="1">ЭКОНОМ (Россия) Глянец\Мат\Сатин до 1.5м шириной</option> <option value="2">СТАНДАРТ (Бельгия Polyplast) Глянец\Мат\Сатин до 5.5м шириной</option> <option value="3">ЭЛИТ (Германия Pongs) Глянец\Мат\Сатин до 3.5м шириной</option> <option value="4">ЭКСКЛЮЗИВ (Франция Barissol) Глянец\Мат\Сатин до 2.3м шириной</option> <opt…
0 votes3 answers -
Пунктирная линия
Здравствуйте! Подскажите, как провести такую пунктирную линию: от круга до круга. Смотрите картинку: Код: https://jsfiddle.net/sy8jLp9f/ Спасибо.
0 votes4 answers -
Подскажите как сделать
Привет! Есть поле ввода имени: <input class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя". Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.
0 votes2 answers -
Меню за слайдером
Помогите пожалуйста, меню на заднем плане, z-index, уже все перепробовал! Заранее спасибо... Skype: nikita1570900
0 votes1 answer -
Не корректное отображение картинок в IE8
Помогите плз, создал рамку из картинок (10 шт). Для каждой картинки задал точные размеры, правильно расположил. В Опере все отображается корректно, а вот в IE 8 возникают проблемы. СпецИнструмент.ру. Все боксы (шапки боксов) отображаются не правильно.
0 votes1 answer -
Вопрос
Как сделать чтобы при регистрации сначала было окно с правилами и только после того как поставится галочка можна было зарегистрироваться? Очень нужно... заранее благодарен
0 votes1 answer -
текст картинкой
стало интересно как профессионалы относятся к следующему приёму. есть сайт. в шапке цитата размещена не в виде текста, а в виде картинки. с одной стороны это информация не основная и наблюдать её в шапке поисковиками, текстовым браузерам и браузерам с отключенными стилями(если такими вообще кто-нибудь пользуется) незачем. с другой стороны изменить её или заменить становится сложнее. это вполне обычный приём или ламерство?
0 votes1 answer -
Opera 10. Некорректное отображение выпадающего меню
Здравствуйте. Столкнулся с проблемой (багом?). Меню строится на основе вложенных маркированных списков с применением css. При наведении на определенный пункт - он подсвечивается другим фоном. Выпадающее подменю ведет себя приемлемо во всех браузерах. Исключение составляет Opera 10, в которой подсветка выделенного элемента подменю не происходит, в случае нахождения под ним плавающего изображения с параметром <img style="float:left"/>. Прошу подсказать, как можно обойти этот проблему (баг?) средствами css. Ошибка вылезла здесь: http://ib-spb.ru/news PS Просьба не рассматривать это сообщение как рекламу сайта
0 votes1 answer -
Список не дружит с float'ом
Здравствуйте, уважаемые форумчане. Давно занимаюсь версткой, но с таким не сталкивалась, помогите пожалуйста. Есть див с свойством float:left, в котором картинка, и есть список, который должен быть справа от него, а получается вот что, то есть маркеры перекрываются картинкой...что тут можно сделать? Вариант обернуть текст справа тоже в див с "float:left" не подходит, текст должен обтекать картинку. Заранее спасибо.
0 votes5 answers -
Таблицы, браузеры...
Создается таблица, в первой колонке одна ячейка, во второй - 3. <table border="0"> <tbody> <tr> <td style="width: 85%;" rowspan="3"> тут очень много текста</td> <td style="height: 34%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <…
0 votes4 answers -
Не понимаю поведение элементов часть 2
Добрый день, Написал очень простенький код, с которым не должно было возникнуть вопросов, но... в браузере IE верхняя строка таблицы не равна заданным 30px. Высота этих двух строк делит пополам эту таблицу. <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; } table { width: 100%; height: 100%; border: 1px green solid; } #wrap { width: 100%; height: 100%; border: 1px red solid; } #firstRow { height: 30px; border: 1px blue solid; } </style> </head> <body> <div id="wrap"> <table> <tr> <td id="firstRow">top</td> </tr>…
0 votes3 answers -
категории и статьи
Всем привет. Возможно, мой вопрос решается очень просто. Но я не могу сформулировать правильный запрос, чтобы решить свою проблему. А вот и она. Имеется меню, состоящее из категорий (1,2,3,4,5). И имеется некий набор статей, скажем 10, по 2 на каждую категорию. Хочу сделать следующее: на главной странице отображаются все статьи списком. При выборе определенной категории на странице остаются статьи только для этой категории, при этом страница не перезагружается или не уходит на новую. Это возможно при помощи инструментов HTML? Или же это javascript и базы данных? пока так: в меню категории - это ссылки, статьи определены тегом <article> подскажите хотя бы где подгля…
0 votes3 answers -
Блочная ссылка в строчном элементе неупорядоченного списка ?
<style> li {display:inline;} li a{display:block; padding:5px 15px;} </style> <ul> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> </ul> Можно ли так делать?
0 votes2 answers -
помогите выровнять блоки
помогите выровнять блок "карта " класс .kont не могу выровнять по вертикали. http://teslalight.com.ua/kontakti/.html Прошу помощь - запутался ))) +45 за бортом.. Спасибо.
0 votes2 answers -
Обтекание блоков
Добрый день! Натолкните, пожалуйста на мысль, как организовать такой макет. Условия такие: 1. Количество и высота зеленых блоков не определены 2. Положение и размеры оранжевого блока зафиксированы
0 votes2 answers -
Админка и css reset
Ребята у меня на проекте возникла проблема. У нас проек в начале версатлся в ручную, после чего натянули админку с Yii2? При создании статьи в админке все выгладет нормально, но как только перейти на сайт, все летит к чертям! проблема в ресете, я так понимаю что нужно передавать отдельнозначеня для тегов для блоков с контейнерами. Возможно кто-то находил способы обхода и этих проблем другим путём?
0 votes1 answer -
owlcarousel, бутстрап и вертикальное вырывнивание
owlcarousel, бутстрап и вертикальное вырывнивание На страничке кроме карусели ничего нету. Как выровнять это плагин по вертикали, чтоб не сломалась адаптивность?
0 votes1 answer -
Патсцаны!
Не могу задать координаты распологающихся картинок. Задаю при помощи ксс, постоянно задаю направление, которое мне ужно, у меня становится все на свои места, но у других мониторов все по-другому. Мое разрешение - 1680х1024. У более мелких мониторов все сливается либо уходит в другую сторону... Если есть люди добрые, то прошу стукнуть в аську или скайп: аська: 91400009, скайп: jenek0796 Вознаграждение за помощь - будет!
0 votes0 answers -
как правильнее размещать рисунок ?
как правильнее разместить рисунок ? 1. <img ....> 2. <div><img ..></div> 3. <div></div> и в style.css background-image для это блока и еще вопрос как правильно делать позиционирование fload или position ?
0 votes2 answers -
Как подрегулировать расстояние между буквами
Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing
0 votes3 answers -
подложка подвала
очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …
0 votes1 answer