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
-
Наезды блоков
Имеется контент сайта. По боках - 2 блока, по середине Карта. Проблема в чем - на маленьких экранах (типа айфона либо айпеда) - 2 блока вьежают в карту. Что хочется? Чтоб все 3 блока (карты + 2 остальных) - уменшались. width 100% не помогает.
0 votes2 answers -
Как растянуть динамичный фрейма до конца контента
Как растянуть динамичный фрейма до конца контента, он отображает только часть информации, как это исправить
0 votes2 answers -
Здравствуйте у меня не получается поменять на сайте ширину и высоту внутр. окошка
Сайт статич. и в нем есть окошко с внутренней прокруткой. Хотел поменять размер окна так как оно очень маленькое, менял цифры методом тыка но ничего не вышло. Сейчас покажу кусок скелета окошка: <link rel=stylesheet type="text/css" href="/base/iemain.css"> <!<endif>--><body id="about" oncopy="return false"><div id="cboxOverlay" style="display: none; "></div><div style="padding-bottom: 42px; padding-right: 42px; display: none; " id="colorbox" class=""><div id="cboxWrapper" style=""><div style=""><div id="cboxTopLeft" style="float: left; "></div><div id="cboxTopCenter" style="float: left; "></div…
0 votes2 answers -
RSS этого форума
Привет всем, кто подскажет, как можно получать скриптом данные с RSS ленты этого форума? Если не авторизируешься, то RSS не работает даже в браузере. А как тогда скрипту получить доступ к RSS?
0 votes2 answers -
Перенос текста в хроме
http://learn.javascript.ru/play/U95WDb - текст в блоке .icon обернут в абзац http://learn.javascript.ru/play/uIbwf - текст без обертки подскажет кто-нибудь, почему в хроме в первом случае текст переносится на следующую строчку, а во всех остальных браузерах окей? и почему без обертки в хроме тоже текст перестает переноситься?
0 votes0 answers -
Навигация(горизонтальная)
Как сделать что то наподобии этого?
0 votes3 answers -
Куда исчезает выпадающее меню?
http://codepen.io/hristofor/pen/jtfGC У ссылки item3 должно быть выпадающее меню.Вроде бы оно есть, точнее есть только начало меню.Не подскажите куда девалась всё остальное? Заранее спасибо)
0 votes2 answers -
Подскажите, как создать отдельный стиль для заголовка h2?
Подскажите пожалуйста синтаксически ну от типа того, но вот при таком написании не работает... h2.a {} h2.a:hover {} h2.a:focus {} или это нужно создать отдельный стили и описать его, что-то путаница выходит
0 votes1 answer -
В firefox не отображается свойство для ссылок "a"
http://cssdeck.com/labs/borreb7q Скажите пожалуйста почему в firefox не отображается свойство для ссылок ul>li>a? Нету внутреннего бордера и фона.
0 votes3 answers -
Макет для верстки 06.01.2011
Вот решил добавить вам еще один макетик для верстки, думаю, он вам понравится PSD: http://webformyself.com/wp-content/uploads...%20code/psd.zip Скрин: http://imm.io/2Xmu Готовая страница ( как должно быть ) http://nettuts.s3.amazonaws.com/336_siteFr...late/index.html Про макет: Ширина резиновая, высота фикс. Будут вопросы - спрашивайте Автор: Феликс Бойо Ссылка на первоисточник: http://net.tutsplus.com/tutorials/design-t...ratch-–-part-i/
0 votes1 answer -
Помощь с версткой макета
Я в верстке совсем новичек, пробую сверстать этот макет. Подскажите как сделать тетку с мобильником сверху и полоску? Я внимательно читал мануалы по html и css, так что не посылайте меня пожалуйста в гугл :3 Трудность в том, что часть полоски в изображении, а часть вне его, и я без понятия, можно ли сделать эту полоску как border, или лучше поместить картинкой.
0 votes1 answer -
Выпадающее меню
Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }
0 votes1 answer -
медиа-запросы
Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..
0 votes0 answers -
Адаптивная верстка
Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>
0 votes1 answer -
IE-7,8 смещают последний li
Доброго времени суток. Не могу понять из-за чего смещается последний li в ie-7,8 И причем если уменьшать li по ширине, то все равно они не встают как надо. Может кто подскажет чем? Сама проблема здесь и картиночка (красным отмечен, тот самый последний li)
0 votes4 answers -
HTML5. Кроссбраузерное Оформление Placeholder...
Здравствуйте. HTML5 изучаю недавно и на днях решил применить атрибут 'placeholder'. (с соответствующим плагином для кроссбраузерности.) В результате столкнулся со следующими трудностями: 1) Opera не поддерживает регуляцию цвета для текста. 2) В Safary невозможно отцентрировать текст по горизонтали. Буду благодарен, если кто подскажет обходные пути. (Возможно требуется прописать что-нибудь в скрипте? Я в этом не силён.) P.S. Также было бы неплохо понять, каким образом можно найти аналог св-ва ':focus' для инпутов в ie-7? (необходимо поменять цвет бордерам.) Пример страницы с проблемами находиться здесь: http://webmaster.ayrveda.ru/Placeholder/index.html Буду признателен за…
0 votes0 answers -
Пути для ssi
Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…
0 votes2 answers -
Размер td
Вот есть страница, в которой текст, а справа меню (20процентов от ширины страницы), все это делается через таблицу. В меню выводится имя пользователя, которое может быть до 255 символов. А пользователь может заходить с телефона, тогда если его имя шибко длинное, то оно "вытесняет" текст. Overflow не справляется. Что делать? Вот как должно быть (т. е. короткое имя): http://jsfiddle.net/iKNG/Q7zSA/ А вот что начинается при длинном: http://jsfiddle.net/iKNG/94Jrt/1/
0 votes3 answers -
Хитрое форматирвоание
Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?
0 votes6 answers -
Тело страницы всегда по центру
Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!
0 votes4 answers -
У after отступ после блока с картинкой
Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)
0 votes2 answers -
Позиционирование
Привет, такая проблема: - есть блок в состоянии покоя маленький - только фото; - при наведении курсора блок растет ( принудительно указана фиксированная высота в 500 пикселей), под фото появляется текст. - этот текст был скрыт ( display:none ). при наведении он становится видимым ( display:block ) раз, position:absolute - два. абсолютным для того, что элементы снизу не смещались вниз при резком увеличении блока, а чтобы он их покрывал. Все ок. только когда наводим курсор на блоки в последней строке ( их много) граничащих с футером, то футер прыгает вверх и его верхняя граница фиксируется на уровне середины изображения. Почему может смещаться футер и как сделать так…
0 votes2 answers -
Пункт меню при наведении
Вот код: http://jsfiddle.net/49uM3/ Проблема: при наведении на пункт меню "Услуги" появляется выпадающее меню, а сам пункт "Услуги" при наведении выделяется серым цветом, НО когда курсор убираешь то пункт "Услуги" становится белым, а не СЕРЫМ! Нужно, чтобы он оставался серым цветом, пока пользователь проводит курсором по выпадающему меню. Подскажите, как это осуществить? Спасибо.
0 votes2 answers -
Косые полосы над и под блоком. Но верхняя почему-то налазит на текст
[Страница, на которой проблема] [Скриншот] Верхняя полоса почему-то налазит на текст предыдущего блока, хотя нижняя отображена нормально. Что делать? z-index в порядке, а всё равно... На главной странице всё нормально [скриншот], копировал оттуда
0 votes3 answers -
Модификация кнопки
Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';
0 votes1 answer