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
-
Opera 9.* и em
Здравствуйте. Решил попробовать сверстать эластичный макет (с использованием em практически для всего) и столкнулся с проблемой. Вот на этой страничке пробник моей верстки. Пользователи Оперы, обратите внимание на ширину верхнего навигационного меню (#top_menu) - оно намного меньше, чем нужно. При этом во всех остальных браузерах, в которых я тестил эту страничку, с шириной меню все нормально. Размеры подгонял под все браузеры, чтобы при масштабировании верстка сильно не сыпалась Подскажите, пожалуйста, в чем может быть причина косяка и косяк ли это вообще?
0 votes3 answers -
проблема с background'ом
background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>
0 votes9 answers -
атрибут для caption=""
Привет народ! Валидатор ругается в этом коде на первую кавычку = caption="альбом - Архитектура"> и пишет так = there is no attribute "CAPTION". доктайп - DTD HTML 4.01 Transitional Какую ему кавычку подсунуть? Доктайп менять не охота
0 votes9 answers -
Как выравнить счечики посещений
Здравствуйте, у мня вопрос: Как выровнить счетчики посещений как на картинке(нижний вариант)? Нужно ли их заключать в один контейнер или в два как на картинке, чтобы в конечном итоге они шли попорядку в строчку слева - направо??? Спасибо.
0 votes7 answers -
Адаптивная верстка
Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?
0 votes14 answers -
А как вы прижимаете футер к низу? (unknown height, IE < 10)
Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…
0 votes12 answers -
Увеличение картинки в многоугольнике
Здравствуйте. Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY. Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник. Подскажите, пожалуйста, как это исправить.
0 votes17 answers -
Галерея Simple lightbox на телефоне
Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js
0 votes3 answers -
Галерея с разными высотами картинок
Подскажите пожалуйста, как можно решить такую проблемы, нужно сверстать галерею. но высота картинок разная и блоки не прилипают к верху (мал пример https://jsfiddle.net/fxqy7pgr/1/) , как добиться такого успеха чтобы блоки картинки прилипали к верху?чтобы добиться вот такого результата
0 votes2 answers -
Нужна Кнопка Позвонить На Сайт
Нужна Кнопка Позвонить На Сайт.Кнопка должна быть всегда на экране, желательно в левом нижнем углу, при нажатие должен сразу же происходитьзвонок на указанный номер.
0 votes0 answers -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …
0 votes1 answer -
Вертикальное выпадающее меню при помощи CSS
Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…
0 votes1 answer -
Помогите с переадресацией
Существует сайт, использующий фреймы. Вс? хорошо, так вот проблема - индексируются фреймы, и человек поподает на фрейм с поисковика. Дизарентируется посетитель и уходит,хотя в каждом фрейме есть ссылка на главную страницу... Вопрос. Как сделать редирект на главную, если человек пр?т по ссылке с поисковика на фрейм? Нада чтоб редеректировал в этом случае, а как? Спасибо за помощь
0 votes9 answers -
PNG в IE6
Подскажите, что нужно сделать, чтобы IE6 отображал прозрачность рисунков png
0 votes7 answers -
Автопереносы
Есть некий текст внутри контейнера, необходимо задать максимальную ширину контейнера, при которой текст будет переноситься на новую строку. В этом случае я не могу использовать параметр width, так как тогда если текст очень короткий, то образуется слишком большой отступ от текста к правому боку контейнера, также не могу использовать max-width, потому что в ИЕ это не работает. Есть еще способы как такое сделать?
0 votes9 answers -
Как бы сверстать?
Уважаемые обитатели форума, помогите решить проблему. Дано: фиксированный макет, расположенный по центру, но справа должна тянуться резиновая линия до конца окна браузера. Всё содержимое помещено в один блок, который расположен по центру, справа от этого блока, должен быть блок с фоном, и тянуться до правого края. Вся соль в том, что с лева он нафиг не нужен, так что расположить его под основным блоком с шириной в сто процентов, не работает. Помогите пожалуйста, я уже всяко пробовал, но не могу додуматься, как это сделать. Должно быть кроссбраузерно. Если есть решение на таблицах, тоже принимается Вот ещё нарисовал для улучшения восприятия задачи. http://s59.radikal.ru/…
0 votes10 answers -
Изменение картинки при наведении на нее курсора мыши
Скажите пожалуйста можно ли перекаты сделать 2 разных картинок? сделал перекат одной ,а вот хочу что бы ещё был перекат только с другими изображениями
0 votes16 answers -
Как лучше реализовать декоративную рамку?
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
0 votes10 answers -
Проблемы с отступами в DIV
Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.
0 votes2 answers -
печать страницы
страница сверстана слоями, а как организовать печать не всей страницы, а только контента, и чтоб, если материал если не вмещается на страницы при печати разбивался на логические блоки?
0 votes15 answers -
Вёрстка прижатых друг к другу треугольных div'ов с фонами
Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?
0 votes9 answers -
Замена атрибута src у изображения при помощи jQuery
Доброго вечера, уважаемые! Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением. Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'. Получилось так: $(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изоб…
0 votes4 answers -
Помогите с DIVами
как мне при помощи DIVов сделать так, что бы DIVвы стояли рядом, и в коде HTML никак не разделялись. Пример: DIV DIV DIV DIV DIV DIV DIV DIV DIV а в коде они все одинаковые DIV DIV DIV DIV DIV DIV т.е. никаких <BR> или ещё чего-то между DIVами. и при изменении размеров окна, они сами перепрыгивали в два или 1 столбик (или на супер широкоэкранных мониторах выводились в 1 строчку) DIV DIV DIV DIV DIV DIV ну или хотябы как поставить два DIVа в 1 строчку?
0 votes2 answers -
не работает background: url
Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!
0 votes9 answers -
Хочу написать блог
Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…
0 votes10 answers