HTML Coding

29542 questions in this forum

1. при изменении размера окна нижний <div> наезжает на верхний<div>

   Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/

   Asked by CyberKatana, October 31, 2013

   0 votes
   4 answers
2. Высота слоя в 1 пиксель

   Пишу класс в css: .line-red { background: #f00; height: 1px; clear: both; line-height: 1; font-size: 1px; } В HTML: <div class="line-orange"> </div> Хочу сделать горизонтальную линию высотой в 1 пиксель. В FireFox и ИЕ7 - она таки да - 1пк, а вот в ИЕ6 - заметно больше - пикселей 3 точно. Почему так? Подскажите пожалуйста.

   Asked by milax, October 25, 2007

   0 votes
   7 answers
3. Можно ли тень нарисовать?

   нужно что от картинки отбрасывалась тень. Подскажите плс кто знает. Спасибо

   Asked by art, October 30, 2007

   0 votes
   1 answer
4. Размер шрифтов

   Знающие люди в каких ситуациях лучше размер шрифтов в пикселях, а в каких в процентах?

   Asked by qwelp, December 12, 2008

   0 votes
   17 answers
5. Красивая и динамичная форма поиска

   Столкнулся с задачкой. Ищу уже целый день, а толком так ничего и не смог найти. В общем, надо сделать форму поиска, но не простую. Значит когда курсор ещё в окне поиска не вставлен, там должна быть надпись "Введите данные для поиска" и плюс ещё в самом начале строки будет стоять картинка (типа иконка маленькая). Затем, когда вставляю в окно поиска курсор, всё это должно исчезнуть (и надпись и иконка) и остаться только чистое поле для введения поисковых данных. Вот такая "радость" подвалила. Может кто встречал решение такой задачки? Или у кого-нибудь она есть? Буду очень признателен за помощь.

   Asked by Belovsan, August 4, 2010

   0 votes
   13 answers
6. Маска на картинку

   Как можно наложить такие маски на картинки через css http://hkar.ru/zte5 Картинки адаптивные.

   Asked by vip, March 13, 2015

   0 votes
   9 answers
7. атрибут width для <img>

   вот тут написано но запись типа width="100%" не проходит валидацию (проверял для html5). поправьте меня, если я не прав. в спецификации сказано . в итоге выходит нельзя использовать проценты?

   Asked by {tktu, April 27, 2012

   0 votes
   7 answers
8. Fontsquirrel пометил шрифт пиратским. Как быть?

   Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?

   Asked by borus, November 12, 2012

   0 votes
   5 answers
9. Логотип сайта в Экспресс-Панели браузеров

   Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…

   Asked by Coolbits, November 20, 2015

   • логотип разметка
   0 votes
   8 answers
10. наложение текста на изображение

    Привет! Перечитал все вопросы и ответы по данной теме, но у меня вопрос такого содержания.Фоновое изображение задано, на нём размещены 3 картинки в ряд (по горизонтали).1.Как в сss прописать,чтобы они были по горизонтали,а не вертикали? 2.Как на этих картинках написать текст и чтобы он попадал на центр данных картинок и не выходил за их рамки?Пробовал так : <div style="background: url(dal.jpg) no-repeat top left;">текст</div>,но только 1\10 часть картинки появляестся с текстом на ней.Работаю не с таблицей,а с div-ами. И ещё: 3.Расстояние между картинками задаю при помощи ,но их нужно очень много ставить.Есть ли другой вариант?

    Asked by rulyass, March 7, 2009

    0 votes
    9 answers
11. Firebug во всех браузерах

    Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

    Asked by psywalker, September 20, 2009

    0 votes
    11 answers
12. прокрутка в таблице

    Есть таблица растянутая на весь экран. Подскажите, пожалуйста, каким образом сделать, чтоб при слишком большом объ?ме информации в одной из ячеек, внутри не? появлялась вертикальная полоса прокрутки, и при этом она не появлялась в основном теле страницы, т.е. фиксированный размер макет, ну, или типа того

    Asked by kolpeex, June 9, 2007

    0 votes
    2 answers
13. Тянущееся гризонтальное меню через список

    Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?

    Asked by XXXVII, November 23, 2007

    0 votes
    10 answers
14. как скрыть панель управления браузера

    Задача при переходе на новую страницу скрыть панель состояния, адресную строку и меню. Варианты с Ява скрипт по примеру -window.open("new.html","name","width=700,height=500,toolbar=no,menubar=no,status=no"); не подходят необходимо это сделать без Явы, Есть ли какие-то другие варианты? Какие-то стандартные приемы HTML? Или возможно это как то прописать в CSS как параметры body?

    Asked by alex8, June 8, 2007

    0 votes
    1 answer
15. Как заствить ИЕ понимать overflow:hidden;?

    Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь

    Asked by reboot, March 19, 2009

    0 votes
    17 answers
16. кнопка

    Народ помогите добавить кнопку в меню сайта.Как это сделать. Даже скажите как правельно это сделать и что где нужно прописать.для этого сайта

    Asked by ppvkomi, October 18, 2009

    0 votes
    25 answers
17. Растянуть <div> по-вертикали и еще кое-что

    Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Ре…

    Asked by Gmans, June 20, 2010

    0 votes
    5 answers
18. Верстка HTML-писем. Проблема с gmail на Android.

    Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.

    Asked by СерСерыч, September 12, 2014

    • html
    • письма
    • gmail
    • android
    • рассылка
    • img
    0 votes
    11 answers
19. Несколько вопросиков

    Ребята всем привет... Начну с истории. Купил книгу Хорошая все понятно.. Прочитал HTML and CSS эти разделы дальше нетрогал. и не один раз.. Потом практиковался сними... ВОпрос вот вчем. Из чего делаеться каркас..(тобиш где должно быть лого меню)Чем это задаеться.. И хочу насчет верскиуточнить...Вначле рисую сам сайт в фотошопе потом японимаю режу что получилось опять же как сделать каркас чем он задеться P.S. Прошу не смеяться и не ржать если вопрос покажиться глуппым.Все жы мы счего-то начинали. Прошу помочь очень охото понять... А если не затруднит можете осатавить ISQ и тама по обьяснять Вот собственно все

    Asked by Oneblood, June 19, 2009

    0 votes
    17 answers
20. Растянуть input text по ширине родительского элемента

    Как-бы растянуть input по ширине td? Ширина td задаётся стилем, в %.

    Asked by ХОЛОДный, January 24, 2010

    0 votes
    1 answer
21. DOCTYPE ломает CSS

    Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.

    Asked by Ge1i0N, February 7, 2013

    • html 5
    • css3
    • box-shadow
    0 votes
    2 answers
22. мокрый пол

    Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.

    Asked by Veseloff, February 14, 2011

    0 votes
    25 answers
23. Кодировка страниц Opencart

    Добрый день. Редактирую default шаблон OpenCart. В DW выставил дефолтную кодировку windows-1251. Когда начинаю сохранять - все отлично, русский текст отображается нормально, как только обновляю страницу движка, измененный текст отображается спец-символами. Это из-за разности кодировок движка и DW?

    Asked by arthyrgrex, July 22, 2011

    0 votes
    3 answers
24. Like от Facebook

    Добрый вечер, дорогие форумчане, CMS: Drupal 7 Сайт: http://eu-le.com/ Проблема: не работает кнопка "мне нравится" от Facebook. Создаю блок и ставлю режим "php" (обычный HTML не распознаёт язык XFBML) и вставляю код: <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205815206137680&xfbml=1"></script><fb:like href="http://eu-le.com" send="false" width="286" show_faces="true" font="tahoma"></fb:like> В head приписываю все полагающиеся meta-теги. Жук показывает прекрасное отображение этих тегов в панели. И всё же кнопка не работает. Выдаёт ошибку: "Your page's type requires that a meta tag of the form…

    Asked by Eu-Le, July 18, 2011

    0 votes
    2 answers
25. Текстовое поле раскрытое на несколько записей

    Как сделать текствое поле или выпадающий список (лучше выпадающий список), чтобы оно было раскрыто на несколько записей, в выпадающем списке выбирается один из элементов, но как его раскрыть на несколько пунктов и каждый элемент выбирался отдельно? Типа этого: Подскажите код, плиз

    Asked by okunev2, July 24, 2007

    0 votes
    8 answers