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
-
Позиции блоков div
Всем привет. Нужна помощь. Допустим у меня есть два блока, один красный, другой зеленый. Зеленый блок находится над красным. Но когда я задаю красному блоку position: absolude;, зеленый блок становится под ним... Как это исправить? При этом position: absolude нужно указать обязательно...
0 votes8 answers -
Выпадающее меню западает
Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:
0 votes0 answers -
Помогите отследить элемент в ОК
Не могу отловить элемент. Навожу FireBug-ом, а он его не ловит (как и другие отлавливатели).
0 votes1 answer -
Проблема верстки шапки и слайдеров
Здравствуйте. Я начинающий верстальщик. Возникла проблемы такого характера: 1. Не знаю как сверстать меню в шапке (см. рисунок). Как я вижу логотип расположен посредине меню. Никогда раньше с таким не сталкивался. Решения пока не нашел. 2.Возможно ли создание подобный слайдеров? С такими тоже раньше не встречался. Кроме того, даже не представляю, как такое потом реализовывать (к примеру на том же wordpress). Буду рад за любые соображения по этому поводу.
0 votes10 answers -
Длинное название работы в элементе галлереи.
Здравствуйте. Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая? Код элемента галлереи: <style> div.gallery_detail_item {float: left; margin-right: 10px; height: 250px;} div.gallery_detail_works img {height: 150px;} div.gallery_detail_item_name {} div.gallery_detail_item_autor {}</style><div class="gallery_detail_item"> <a href=""> <img src="imgUrl"> </a> <div class="gallery_detail_item_name"> Работа с ну совсем уж очень длинным названием </div> <div class="gallery_detail_item_autor"> <a href="">Денис…
0 votes6 answers -
Если не работает {margin:0 auto;}
Сделал статичный сайт с фиксированной шириной, но почему-то он все не хочет центроваться. Раньше использовал {margin:0 auto;}, но на этот раз он почему-то не работает. Подскажите пожалста какие могут быть причины или какие еще могут быть способы для выравнивания блоков по центру страницы.
0 votes38 answers -
Как сделать border для всей строки <tr> при клике на форму ввода текста?
Прощу помощи в оформлении! Не пойму как сделать border для всей строки при клике на текстовую форму Сейчас у меня все выглядит вот так: http://pastenow.ru/DCU7 Хочу чтобы tr выделялся таким образом : http://pastenow.ru/DCU5 Код : http://jsfiddle.net/kirill111/o0hx8sqb/3/
0 votes1 answer -
Сайт не отображается корректно в IE9
Сайт не отображается корректно в IE9 http://portfolio-for-web.esy.es/ Как это исправить?
0 votes1 answer -
Проблема с рамкой у body
Привет! Пытаюсь сделать рамку для body, т.е. рамку у всей страницы документа. Мне нужно чтобы она имела отступ в 15px от края, причем содержимое страницы обрезаться не должно. Если я указываю у body свойства border и padding, то содержимое соответственно обрезается по краям. Добавлял новый тег в начале страницы, рамка отображается как нужно, но из-за структуры сайта не могу с позиционировать содержимое поверх этого нового блока. Какие есть способы добавления такой рамки к странице? http://s010.radikal.ru/i312/1508/f7/742465e57832.png Спасибо
0 votes9 answers -
Таблица, внесение новых строк.
Здравствуйте. Была готовая таблица, попытался переделать код для внесения дополнительных строк, строки получились отдельно от таблицы, в чем ошибка и как исправить? http://jsfiddle.net/zxnobnmg/
0 votes2 answers -
Как сделать отступ
Ребятки,нужно сделать немного отступ (интервал) между этими изображениями,но чета не получается сверстать мне,подскажите пожалуйста. Вот скрин: Вот код) <div id="social" style="position: fixed; z-index: 9999; margin-bottom: 10px; overflow: hidden; left: 0px; top: 200px; width:auto; height:auto;"> <p><img src="wp-content\themes\maidenhair\images\wifi.png" alt="wifi"></p> <a href="http://vk.com/333" <p><img src="wp-content\themes\maidenhair\images\vk.png" alt="vk"></p> <a href="https://www.facebook.com/312" <p><img src="wp-content\themes\maidenhair\images\facebook.png" alt="facebook">&l…
0 votes2 answers -
Проблема в отображении / MacOS Safari
Здравствуйте! Возникла такая проблема. Верстал себе как обычно, но при про смотре в Safari под MacOS (именно под МакОС, т/к на Винде в сафари все ок) у меня почему-то пропадают стили (или не знаю как это назвать). Т/е стиль прописан у элемента, но он не отображает его как надо и в отладчике он его не видит. В остальных браузерах все ок. http://s16.ru/i/gazon/ Начиная с "Типовые решения и цены", стили уже не работают. Например у "Типовые решения и цены" прописан стиль: .i-section h1 { text-transform: uppercase; text-align: center; color: #edb730; font-size: 312.5%;}Но как видите ни цвет, ни центрирование, ни размер и т/д не такой. Если кто сталкивался с такой проблемой…
0 votes2 answers -
font-weight: bold или отдельный шрифт?
Всем привет. Есть два шрифта: обычный и жирный. Можно ли с помощью font-face подключить только обычный шрифт, а жирный имитировать с помощью font-weight: bold. Экономия в 200Кб получается. Чем это чревато? Искал в интернете, не нашел ответа.
0 votes7 answers -
Не работает выпадающее css-меню в google chrome
Всем привет! Пару дней назад задумал менять дизайн сайта, посвященному теме общепита и банкетного зала! Менять нужно было, так сказать, на лету(без сливания на тестовый хостинг), то есть основная html-верстка осталась практически нетронутой, всю работу планировал свести к правке css и замене изображений! Ну...ещё слайдер в шапке поменял! Все шло и идет как задумано, но сегодня заметил что-то необъяснимое: во всех браузерах верхнее горизонтальное меню сайта отрабатывает как положено - при наведении мышки появляется выпадающее меню, а вот в хроме - ни фига! Я уже и так, и так - всё мимо! Уважаемый специалисты, быть может, вы сможете разобраться в этом? Я проверял с …
0 votes1 answer -
Как сделать вложеную ссылку в див, который является ссылкой, но по другому адресу
<a href="main"> <div>Text</div> </a href="fdg">dfgdfg</a> <div>Text2</div> </a>
0 votes9 answers -
Классы css border помогите пожалуйста
В теге <table class="main_border"> некорректно отображает линию таблицы, я указал что она должна быть сплошная иметь толщину в 1px для начала, вот css код .main_border {border:1px solid;} что может быть не так? Тоесть таблица состоит из ещё трёх вложенных таблиц на какой то стороне таблицы стиль css работает как Нада на другой стороне нет, помогите
0 votes3 answers -
Не могу написать мини функцию на Sass
Необходимо написать мини функцию, которая на вход будет принимать цвет (переменную, в которой этот цвет хранится), а потом делать этот цвет темнее. Вот, что удалось написать: @mixin dark-color ($color) { background: darken({$color}, 5%);} Вот так я ее вызываю: .subs-submit:hover{ @include dark-color($submit-color);}Но это не работает. При конвертировать этот код в css появляется ошибка: Error: Invalid CSS after "...round: lighten(": expected ")", was "{$color}, 5%);" on line 35 of C:\Verstka\appzorka\style.scss Use --trace for backtrace.В чем может быть проблема?
0 votes1 answer -
Открывающийся блок при фокусировке
Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))
0 votes0 answers -
Реализация, проблема
Имеется два разных дива, один отображается блоком, другой не отображается вообще, требуется что бы при нажатии на ссылку первый блок получал отображение none, а второй же наоборот становился на его место с другим контентом. Видел такое реализовывали с помощью js, но можно ли как-то сделать такое без использования скриптов?
0 votes4 answers -
Не выводится картинка
#content-table{ width: 1000px; margin: 50px auto; background: url(images/page-bg.png) repeat-y #FFF;}Выводится лишь цвет, а картинка нет.
0 votes8 answers -
Посоветуйте сайт SEO раскрутки за деньги
У меня есть свой сайт ,но вот раскрутить не очень получается ,думаю заплатить за оптимизацию ,но хочется чтобы было качественно но и не очень дорого ,умеренная цена .
0 votes11 answers -
что не так
есть сайт http://link.ac/4Zqd4 при наведение на телефончик(canvas) должно отрабатывать событие mousemove но не работает я заметил что впервые секунды загрузки оно работает, а потом нет. будто не видит что я мышкой вожу по обьекту. я так понял он чем то перекрыт в разметки, но чем не могу понять. в чем проблема ?
0 votes3 answers -
Разноцветный текст
можно как-то сделать разноцветный текст в CSS? http://cs621922.vk.me/v621922236/3ba79/uiKqfsz8z30.jpg
0 votes1 answer -
Непонятное сжатие полей ввода на смартфоне
Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.
0 votes14 answers -
Google form.Гугл формы.
Уважаемые доброго всем дня. Подскажите кто работает с гугл формами? Вопрос использования гугл форм, возник для получения заказа от посетителя сайта, где она заполняет определенные поля и отправляет. Гугл формах все легко и понятно. Но не нашел там возможности сделать в одной строке несколько вопросов с выпадающим списком, там все вопросы следуют друг за другом сверху вниз. Кто знает как сделать в одну строку. Буду очень призантелен. Спасибо заранее.
0 votes0 answers