HTML Coding

29542 questions in this forum

1. На IPAD не отображается рамка у <fieldset>

   Всем привет! Столкнулся с такой проблемой: На сайте у <fieldset> закруглены углы и изменен цвет рамки. Но на IPAD рамка вообще не отображается (Safari, Chrome). Кто-нибудь сталкивался с подобной проблемой или знает что с эти можно сделать или как это отловить? (Может какие специализированные инструменты есть для подобных случаев). Спасибо.

   Asked by grrr, February 21, 2014

   • ipad
   • моб
   • fieldset
   0 votes
   1 answer
2. Зачем указывать html в стилях?

   Приветствую сообщество. Я заметил в одном уроке по верстке тэг html при задании ширины, высоты и бэкграунда страницы. В уроке об этом нет ни слова, и выглядит как обычная необходимость. Мне не удалось найти информации относительно использования тэга html в стилях css, а очень хочется понять, в чем тут суть. Пример кода из урока: Вопрос - для чего же это был сделано? В чем секрет? В каких случаях и следует ли вообще его так использовать, или это просто ошибка автора?

   Asked by Raccoon, February 20, 2014

   • html
   • css
   • body
   • тэги
   0 votes
   3 answers
3. CSS фон сайта

   Уважаемые специалисты, нужна ваша помощь... проблема следуящая: использую фон для сайта, в него внедрил пару картинок с надписями, но суть проблемы заключается например вот у меня на ноуте через мозилу ширина смотрится нормально, открывают на другом компе фон сужается и соответственно картинок невидно уходит за грани. вот сам код: background:url(../images/fon.png) no-repeat;как сделать чтоб при сужении браузерах текст и картинки были видны? И еще одна проблема, как сделать чтоб при прокрутки страницы показывался весь фон. а то снизу страницы фон заканчивается и белая полоса страницы.

   Asked by Dr.SAn, February 20, 2014

   0 votes
   7 answers
4. Перемещаем кнопку поиск (Search)

   Не могу переместить кнопку поиска в правый бок от формы ввода текста. Как выглядит: <div class="mainSearch"> <form class="form-wrapper"> <input type="text" id="search" placeholder="Всегда готов для поиска..." required> <input type="submit" value="Искать" id="submit"> </form> </div>.mainSearch{position:absolute;right:15%;top:4px;}.form-wrapper #search { width: 90%; height: 0px; padding: 10px 5px; font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }.form-wrapper #search:focus { outline: 0; border-color: #aaa; -m…

   Asked by L4D2, February 20, 2014

   0 votes
   9 answers
5. Невидимые теги A

   Здравствуйте. Прошу у вас помощи. Уже не знаю что делать. Обрашил весь гугл - ответа не нашел. Верстая макет заметил, что добавляя простой текст в макет он автоматически становится ссылкой. Причем тег A ни в дримвивере ни в блокноте не отображается, а отображается он только в firebug'е: Просмотрел html файл тысячу раз, этих тегов которые на картинке выше я так и не нашел. Решив, что это вирус, скачал доктор-веба последней версии, но вирусов он не нашел. В чем проблема?

   Asked by bgdn, February 20, 2014

   0 votes
   6 answers
6. Вертикальное вырвнивание по нижнему краю

   Помогите разобраться пож-та. Есть сайт http://203803.ru/ Что то пытаюсь уже давно разными способами выравнять блок с ценой и кнопкой в корзину по нижнему краю. и никак не получается он просто прилип к картинке и не хочется спускаться вниз. Помогите кто чем может

   Asked by lalalag, February 20, 2014

   0 votes
   1 answer
7. Проблема с адаптивным дизайном

   Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…

   Asked by DD_man, February 20, 2014

   0 votes
   1 answer
8. border-bottom dashed

   Добрый день http://jsfiddle.net/5BCwW/4/ Необходимо сделать подчеркивание. Сейчас подчеркнут весь блок, а нужно только текст. Пока вижу вариант с background, но хотелось бы более гибкий вариант. Спасибо

   Asked by teatest, February 20, 2014

   0 votes
   6 answers
9. Логтип сайта заключен в тег H1, что вы думаете об этом? (seo)

   Возник вопрос относительно seo. Логотип сайта заключен в тег h1, мне якобы сказали, что так лучше для поисковиков и т.п. Но покопавшись в интернете нашёл много противоречивой инфы, одни говорят, что это не важно, что в этом нет ни чего плохого, другие пишут, что это "разрушает структуру страницы" и тому подобное, хотелось бы услышать мнение пользователей данного форума, есть ли в этом толк, стоит ли использовать, а может и вовсе не к чему это?

   Asked by papay, February 20, 2014

   • h1
   • logo
   • seo
   0 votes
   1 answer
10. Инверсия цвета части текста (в зависимости от фона)

    Доброго времени суток. Пытаюсь добиться эффекта, как на изображении Картинка взята с поста на Хабре, там реализация меню с плавным переходом от одного пункта к другому. Мне нужно нечто попроще: есть блок фискированной ширины (назову "родитель"), внутри него еще один блок (ширина любая, не превышающая родительскую — "потомок"). Внутри текст. Та часть текста, что не выходит за границы потомка - одним цветом. А та часть, что выходит - должна быть другим цветом. Как можно добиться этого эффекта? JS можно использовать. Получается что-то вроде прогресс-бара с надписью внутри.

    Asked by FRUTALITY, February 20, 2014

    • color
    • background
    0 votes
    1 answer
11. Аккордеон на css

    Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.

    Asked by CroaToa, February 19, 2014

    0 votes
    7 answers
12. изменить свойство селектораиз другого селктора

    ну не приснилось же мне..помню рабочий код вида .block:hover { .block2.color=#ccc; } ну не обязательно же скрипт юзать...или это это невозможно ..не пинайте -а вдруг

    Asked by romoga, February 19, 2014

    • селектор
    0 votes
    2 answers
13. Обрезка краев страницы

    Здравствуйте. У меня возникла следующая проблема: Страница сайта имеет жесткую табличную верстку шириной 1680px. Если использовать разрешение экрана 1680px или выше страница отображается строго по центру. (margin:0 auto;) Но если использовать разрешение ниже 1680px страница прилипает к левому краю, обрезая правую часть (с полосой прокрутки или без - неважно). Задача следующая: Нужно сделать так, чтобы при любом разрешении ниже 1680px страница обрезалась равномерно с обеих сторон.(без сужения и уменьшения элементов - просто обрезалась). Полоса прокрутки не нужна. Можно ли такого добиться? Заранее спасибо.

    Asked by extrasens, February 19, 2014

    0 votes
    3 answers
14. Фиксированный фон. Как это сделано?

    Здравствуйте! Имеется сайт с большой фоновой картинкой. Сначала я ее сделала масштабируемой с помощью свойства background-size: cover; Но оказалось, что при очень больших размерах картинка масштабируется некрасиво - получается размытой. Нашла пример сайта, как можно было было бы решить эту проблему здесь: http://themeforest.net/item/vierra-responsive-hotel-wordpress-theme/full_screen_preview/5992155 Подскажите, пожалуйста, как это сделано. Видимо, работа какого-то скрипта.

    Asked by Светлана Г., February 19, 2014

    0 votes
    6 answers
15. Почему хром делает лишний отступ?

    Доброго времени суток! Столкнулся с проблемой кросбраузерности. В мазиле и в IE инпут типа текст в форме отображается так как было задумано, а вот хром и опера добавляют лишний отступ и опускают импут вниз. Помогите, пожалуйста, разобраться в чем проблема. http://i.pixs.ru/storage/1/4/2/Inputjpg_4318940_10943142.jpg HTML: <div class="block_head"> <div>Search</div> <form id="search"> <input id="s" class="search_text" type="text" name="s"> <input class="go" type="submit" value=""> </form> <div><img src="Images/Go.gif"></div></div>CSS: .block_head:nth-child(3)>div:nth-child(1){color:#fff;font-size:16p…

    Asked by GusevIvan, February 19, 2014

    0 votes
    7 answers
16. Растянуть контейнер до низа страницы.

    Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/

    Asked by sitemaker999, February 19, 2014

    • растянуть
    • контейнер
    0 votes
    10 answers
17. Помогите!

    Хотел узнать, есть какой-то псевдокласс или какой-то рецепт, который позволил бы нажимая на один элемент менять свойства совсем другого элемента?

    Asked by myRoot, February 19, 2014

    • :hover
    • :focus
    0 votes
    3 answers
18. Баг с map area в Chrome/Opera

    Приветствую. Делаю поэтажное выделение на здание, через теги map area, использую плагин maphilight Проблема в том, что выделение срабатывает не всегда, баг возникает в браузерах Chrome и Opera Гуглил решение, нашел только вариант с добавлением к тегу map id и name с одинаковым значением, но это не сработало. Кто сталкивался с подобным, как заставить работать указанные браузеры? <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>$(function() { $(".map").maphilight();});<img class="map" alt="img/1470.jpg" src="http://s018.radikal.ru/i501/1402/07/2debaecf5527.jpg" usemap="#myMap" width="1470…

    Asked by massef, February 19, 2014

    • opera
    • chrome
    • css
    • html
    0 votes
    0 answers
19. Сложная верстка

    Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

    Asked by Gasherezzz, February 19, 2014

    0 votes
    34 answers
20. HTML + enter

    Cтолкнулся с тем, что когда формат. констр. ul>li*5>a браузер создавал пробелы между inline списками, если на конце li был перенос строки - enter, а если не было, то и на странице пробел пропадал,(когда весь код в строчку) логично вроде бы, но мне так не кажется. Потому что я не планировал, допустим, ставить пробелы между списками, код должен быть читабельным, а не идти в строчку. Но отсуда и вопрос, как управлять этими пробелами? собственно код: http://jsbin.com/ogiPEgiS/23/edit

    Asked by TrueMax, February 19, 2014

    0 votes
    1 answer
21. focus у ссылок<a>

    В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.

    Asked by myRoot, February 19, 2014

    • :focus
    • ссылки
    0 votes
    9 answers
22. Как добавить элементу свойства фокуса?

    Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.

    Asked by myRoot, February 19, 2014

    • Фокус
    • focus
    0 votes
    4 answers
23. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan, February 19, 2014

    • Bootstrap
    • бутстрап
    • форма контактов
    0 votes
    5 answers
24. Button. Как убрать рамки у тега <buttton>?

    Тег Button по умолчанию имеет рамку. button { border:none; } Помогло. Но в фокусе всё равно появляется рамка. Псевдокласс не помогает button:focus { border:none; } Что делать???

    Asked by myRoot, February 19, 2014

    • Button
    • Рамки кнопки
    0 votes
    1 answer
25. Как сделать колонки в каркасе из 3 колонок резиновыми

    Доброго дня.Всем привет.Если кто-то сможет мне помочь, буду очень благодарен.Суть проблемы: Имеется фиксированный шаблон из 3 колонок.Как сделать 2(центральную и правую) колонки в каркасе резиновыми? Т.е. они должны тянуться.В правой колонке фото.Его видно на 30%.Надо чтобы потянув за границу правой колонки можно было открыть все фото.

    Asked by vslukas, February 19, 2014

    0 votes
    14 answers