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 votes9 answers -
бэкграунд к правому краю
Есть вот такой вот оригинальный макет, подразумевающий бэкграунд под правым меню, прижатый, соответственно, к правому краю и продолжающийся далеко вниз за пределы самого меню и контента. Собственно, проблема и оказалась в том, чтобы этот бэкграунд прижать к правому краю навсегда, и чтобы при этом он был "бесконечным". Вёрстка табличная, меню в ячейке, если я сделаю бэкграунд ячейке, он закончится вместе с ней и в самом низу под меню всегда будет некрасивая белая область. Также сложность состоит в том, что бг - рисунок, требующий при репите состыковки, то есть сделать в футере аналогичную ячейку, "продолжающую" бг, я не могу - высота подменю на разных страницах разная, сл…
0 votes7 answers -
Responsive видео+background
Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…
0 votes0 answers -
Не правильно отображается таблица на сайте, как исправить?
Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…
0 votes7 answers -
Не работает z-index
Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.
0 votes2 answers -
Проблема в IE и Maxthon
Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.
0 votes4 answers -
<object> и <param />
Поискал на форуме - практически везде только и спрашивают, как вставить флэш на страничку и ему подобные. Меня же интересует, что вообще можно делать с их помощью? Какие параметры могут они принимать и что они значат? Может у кого-нить есть ссылки на описания или примеры использования "объектов". Из непроанализированный тегов остались только эти 2) Очень хотелось бы узнать, на что они способны. Спасибо.
0 votes2 answers -
При навидение меняется картника
Вставляю в ячейку таблицы <td width="270" height="80px"><a href="lorem.html" class="rollover">Ссылка</a> </td> Класс описываю так. A.rollover { width: 270px; /* Ширина рисунка */ height: 80px; /* Высота рисунка */ border: 1px solid #000; /* Рамка вокруг картинки */ background: url('1.jpg'); /* Путь к файлу с исходным рисунком */ background-repeat: no-repeat; padding:30 px; padding-left:80 px; } A.rollover:hover { text-decoration:none; background: url('2.jpg'); /* Путь к файлу с заменяемым рисунком */ background-repeat: no-repeat; color: orange; font-style: italic; } В IE все хорошо, в опере рисунок обрезан ширина 270 в высота при…
0 votes5 answers -
3d
Реально ли создавать трехмерную графику при помощи интернет-технологий. В какую сторону копать???
0 votes5 answers -
Блок внизу страницы
Допустим есть на странице несколько блоков: <div>блок 1</div> <div>блок 2</div> <div>блок 3</div> Если высота блоков 1 и 2 в сумме превышает высоту окна - то появится вертикальная полоса прокрутки и блок 3 окажется внизу, если же не превышает - то блок 3 будет отображён в середине страницы Как сделать, чтобы блок 3 в любом случае отображался внизу (пространство между блоком 2 и блоком 3 в этом случае должно быть заполнено фоновым цветом)?
0 votes6 answers -
Изогнутый прогрессбар
Ребята, подскажите, пожалуйста, как реализовать подобный прогрессбар?
0 votes5 answers -
С точки зрения кодинга
имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???
0 votes4 answers -
Положение модального окна
Приветствую! Есть модальное окошко с затемнением. Написано на html+css. <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; v…
0 votes2 answers -
Overflow в flexbox с центрированием
Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?
0 votes5 answers -
Закрывающийся/открывающийся блок
Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.
0 votes4 answers -
Gulp-webp-css игнорирует background:none,
Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.
0 votes5 answers -
две картинки в бэкграунд
есть две колонки: меню и контент. в контенте нужно две картинки сделать бэкграундом, при этом так чтобы они были друг под другом. а когда текст в этом блоке превышает высоту двух картинок, то между двумя этими картинками растягивать (одна вверху, другая внизу, посередине белый цвет.) у кого какие идеи?
0 votes2 answers -
2 изображения в фоне сайта
Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.
0 votes5 answers -
Border внутри таблицы с отступами
Помогите сделать внутри таблицы/блока границу border отступами вида: Не понимаю как это сделать. тег rules не подходит....
0 votes3 answers -
Вопрос
Здравствуйте, почитав ваш форум я "потерялся". Я на нормально уровне выучил css/html, и прочитав ваш форум, я "потерялся", не знаю с чего начать, какие книги/видео-уроки читать/смотреть, как делать всё правильно, с начало читать/смотреть книги/видео-уроки... Может что посоветуете? буде благодарен!!
0 votes7 answers -
Менюшка туда сюда.
Здравствуйте. Помогите мне с версткой сайта... Я пока в этом деле почти 0 но уже кое что получаеться. Сейчас я верстаю сайт И остановился на том что шапка сайта а точнее "Меню" бегает туда сюда на разных страницах. Кто может помочь?
0 votes13 answers -
помощь в правках по верстке
вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?
0 votes9 answers -
Как правильно задавать расстояние между однотипными блоками
Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…
0 votes5 answers -
жесткая верстка
Проблема следующая: при верстке div'ами с помощью float уменьшение окна броузера приводит к совершенно непотребному виду сайта (все блоки разьезжаются куда хотят). В голову приходит javascript, который не позволяет уменьшать окно броузера. Подскажите плз. есть ли какие-нибудь способы жестко закрепить блоки.
0 votes3 answers -
разное позиционирование в одной ячейке таблицы
Как сделать, чтобы текст в ячейке таблицы прижался к левому краю, а рисунок в той же ячейке - к правому краю. Делаю так: <td style="position:relative" align="left">Some text<img src="pic.gif" style="position:absolute;right:0></td> В ИЕ7 результат как нужно, в Хроме позиционирование происходит не в ячейке, а в окне браузера.
0 votes6 answers