HTML Coding

29,542 questions in this forum

1. Верстка под планшеты и смартфоны

   Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.

   Asked by Bumblebee, April 2, 2013

   0 votes
   1 answer
2. Прижать footer книзу

   Подскажите. Я новичок в верстке и только осваиваю шаблоны. В сети нашел такой готовый макет - своего рода скелет для будущего шаблона. http://jsfiddle.net/...tPCz8CJv/66Eh2/ У меня вопрос по поводу footer. Я просмотрел код и меня смущает краткость тех строк, с помощью которых подвал прижимается книзу сайта. Действительно ли такой способ является рабочим? Если так, то он мне нравиться больше, чем "классический", с отрицательным margin-top для footer. Конечно, я его протестировал немного - вроде все работает. Но хотел спросить и уточнить у людей, которые больше меня знают в верстке.

   Asked by aaron, March 29, 2013

   • footer
   • макет
   0 votes
   5 answers
3. Разместить текст поверх блока <canvas>

   Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

   Asked by Adamatis, April 2, 2013

   • html css
   0 votes
   0 answers
4. Псевдо-ссылка со скрытым (всплывающим) текстом

   Подскажите, как реализовать скрытый текст, доступный по клику на псевдо-ссылку. Понравилась реализация блога на Бухгалтер.Контур (не знаю тут ссылки разрешены или нет: http://www.b-kontur.ru/blog). Предпочтительно использование html + css + javascript. И самое главное, как к этому отнесутся поисковики? Не поставят ли сайт под санкции? Ведь скрытый текст - черный SEO-прием, да и по клику на комментарии (в случае контура) открывается плагиатная страница, с тем же контентом (хоть и в пределах одного сайта - но она не приветствуется поисковиками).

   Asked by B-Real, April 2, 2013

   0 votes
   1 answer
5. Можно ли спровоцировать горизонтальный скроллинг при position:fixed

   Здравствуйте. Существует меню. У него есть оберточный див #wrapper с шириной 100%, бекграундом и position:fixed, и сам блок меню #inner с фиксированной шириной и margin:0 auto. Когда размер окна браузера меньше ширины блока #inner, горизонтального скроллинга не возникает, и часть меню скрывается за правой стороной браузера. Можно ли исправить ситуацию? От меню, прилепленного к верху браузера (при вертикальном скроллинге), отказываться не хотелось бы. Прошу прощения за описание темы - это, оказывается, поле не для описания, а для тегов... Напрасно описание убрали, мне кажется.

   Asked by Squidward, April 2, 2013

   • Ширина элемента б
   • ольше окна б
   • раузера а скроллинг не появл
   0 votes
   1 answer
6. Структура таблици

   Здравствуйте, подскажите, как правильно сделать такую tr зеленая полоса это 1 tr, думал как-то так сделать: <tr> <th>1</th> <th>2</th> <th colspan="2" rowspan="2"> <th colspan="2">3</th> <th>4</th> <th>5</th> </th> </tr> Но нет, неужели для th где 3,4,5 нужно делать отдельную таблицу тойсть th>table?

   Asked by ShootingStar, April 2, 2013

   0 votes
   1 answer
7. Проблема с WordPress

   Создал новый шаблон, там изменил все на свой вкус. На одной странице (главная которая вторая) все работает как и задумывалось. А у второй как видите меню наехало на картинку и файл с главной страницей не удается обнаружить. Насиловал гугл по этой проблеме, что-то ничего толкового не пишут (или плохо искал) http://electricsmile.pavl1k.ru/?page_id=14

   Asked by LandRunner, March 30, 2013

   • CMS
   • wordpress
   0 votes
   5 answers
8. Сьезжет поиск

   Здравствуйте, есть сайт (covebunnies.net) на ВордПрессе, с responsive темой. Проблема в поле поиска, в ИЕ9 оно отображается практически под хедером, а в Хроме и остальных нормальных браузерах все в порядке, хотя при ресайзинге окна тоже вылетает за границы. Не подскажете в чем может быть проблема, и как это можно исправить. Заранее спасибо

   Asked by DImas95, April 2, 2013

   0 votes
   1 answer
9. Что дает дописка transparent 100% 100% в backgorund?

   Здравствуйте. В хелпе по background не нашел описания что дает дописка transparent 100% 100% в свойстве. Поясните, пожалуйста Вот пример: background: url(images/grad_white_shadow.png) transparent 100% 100%; Благодарю

   Asked by borus, April 2, 2013

   0 votes
   1 answer
10. Проблемы с позиционированием

    http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается

    Asked by X-Miller-X, April 2, 2013

    0 votes
    1 answer
11. Проблемы с верткой 4 клеточной таблицы.

    Не могу никак разобраться со странным багом, обычно я никогда не задаю вопросы, и стараюсь найти решение в поисковике но в данном случае вынужден спросить у вас. Может кто сталкивался с такой проблемой. Есть таблица: <tr> <td></td> <td rowspan="2"></td> </tr> </tr> <td></td> </tr> В хроме все нормально, все парситься как нужно, а firefox криво. Там не виден первый td второго tr. Хром при выборе первого tr (отображена высота в 56px ) В файрфоксе также выбираем этот же tr. как видно высота всей второй строки равна 0. А высота первой строки занимает 100% таблице, не смотря на явно заданный параметр …

    Asked by Ahelhot, April 1, 2013

    0 votes
    8 answers
12. Практика Резиновой Верстки Сайта

    Не знаю в каком разделе спрашивать,может отзывы сказать о данных видео-уроках, очень интересует мнение, просмотрел один код с видео урока, мне он показа не очень... http://nnm-club.ru/forum/viewtopic.php?t=598811&sid=50418401fd82eee96ec6b3ec8ec9f5de

    Asked by Paranoik, March 31, 2013

    0 votes
    4 answers
13. Не работает свойство из внешнего css-файла

    Здравствуйте. CSS правило: background: url(images/header_bg.png) repeat-x left top; Прописано во внешнем css-файле - не работает. Переношу в <head> - работает. Для проверки делал следующее: Добавлял во внешний файл в свойство background цвет фона - работает: background: #666; К самому элементу обращался через [id=header] и [class=header] - ни один вариант не работает Загружал файл header_bg.png на радикал и вставлял в значения url() - работает Проблема в правильности написания пути до изображения видимо. Перенес изображение выше, назвал проще, заключил в кавычки одинарные/двойные и без них т.е. url("h.png").Также копировал название файла. - не работает Менял фи…

    Asked by red4pony, April 1, 2013

    • внешний css-файл
    0 votes
    2 answers
14. Схлопывающиеся отступы

    Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо

    Asked by skvor, April 1, 2013

    0 votes
    5 answers
15. Закругленные края текстового поля и textarea

    Здравствуйте! Подскажите, как правильно и кросбраузно сделать закругленные края для type="text" и textarea. У меня нет возможности проверить все браузеры и под каждый сделать свой css. Очень буду благодарен за помощь!

    Asked by bgraf, March 27, 2013

    0 votes
    9 answers
16. Положение таблиц

    Привет всем! Помогите, пожалуйста, сделать так таблицы:

    Asked by cac95, March 29, 2013

    0 votes
    10 answers
17. Взаимосвязь элементов сайта.

    Добрый день. Есть такая проблема. Предположим, есть сайт, например, на 20 страниц. Есть меню, в которое я хочу добавить какой то определенный пункт. Собственно вопрос: какую технологоию использовать и как сделать, чтобы, добавив пункт на индексную страницу, этот пункт отобразился и на остальных страницах, без правки кода на оставшихся 19 страницах? Заранее благодарен.

    Asked by Stranger, April 1, 2013

    0 votes
    4 answers
18. размер сайта

    помогите, устанавливаю с помощью css высоту 1500, а она все равно 1900 остаеться( что делать??

    Asked by aleksej, March 31, 2013

    0 votes
    7 answers
19. Div к списку ссылок

    Кто-нибудь может подсказать в каком направлении гуглить: хочу сделать так чтобы Div примененный к списку ссылок(прямые на картинки) применял к каждой ссылке такую форму: <a href="{URL}"><img width="150" src="{URL}" border="0"></a> Или средствами css этого не добиться?

    Asked by gifron, March 28, 2013

    0 votes
    13 answers
20. Фиксация div-а по вертикали

    Всем доброго дня! Подскажите пожалуйста, возможно ли зафиксировать блок div с определенной длиной по вертикали, но в тоже время, чтобы он раздвигался в зависимости от контента внутри? Сейчас у меня если текста мало - то блок сужается: тЫц Если наоборот, текста много - то все нормально, блок раздвигается вниз на нужную длину. Стиль главного блока: #PostCenter { position: Static; background-image: url(/new_design/bg_post_2.png); display: block; background-repeat: repeat-y; width: 909px; float: right; } Стиль блока, в котором находится текст (т.е блок PostMsg у меня внутри блока PostCenter) #PostMsg { position: relative; display: block; width: 870px; float: l…

    Asked by volazar, April 1, 2013

    0 votes
    2 answers
21. Сайт с мобильной версии браузера не отображает курсив

    В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.

    Asked by gadjet, April 1, 2013

    0 votes
    14 answers
22. maybe i see you tonight)

    на главной странице шапка сайта оформлена так: (с картинкой!) .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center} перехожу на другую страницу, картинки в шапке нет! Что делать?? код тот же .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center}

    Asked by St.Jimmy, April 1, 2013

    0 votes
    4 answers
23. Примеры хорошего кода

    Давече выучил основы верстки, даже научился худо-бедно, но воплощать идеи в реальность. Только вот код получается корявым, решения - неочевидными и тому подобное. Подскажите, пожалуйста, работы проффесиональных верстальщиков, по коду которых можно поучиться. Перенять опыт, так сказать Буду весьма благодарен.

    Asked by undeadlol1, April 1, 2013

    • Примеры хорошего кода
    • идеальный код
    • хороший код
    • профессиональный код
    0 votes
    1 answer
24. кеп в недоумении О_о

    <!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'&gt…

    Asked by ???, March 27, 2013

    0 votes
    5 answers
25. выпадающее меню

    как сделать, чтобы выпадающее меню залезало на слайдер, а то получается, что у меня слайдер налезает на меню, а не наоборот...

    Asked by aleksej, March 30, 2013

    0 votes
    3 answers