HTML Coding

29542 questions in this forum

1. Схлопывание margin у label?

   Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же

   Asked by borus, July 30, 2013

   0 votes
   1 answer
2. Форма ввода из ниоткуда

   Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.

   Asked by BigGun, July 29, 2013

   • вставка css
   • поле ввода
   0 votes
   2 answers
3. как прикрепить к нижней области ...

   Добрый день! Есть такая ситуация - нужно реализовать box который прикреплен к нижней видимой области браузера , так что бы не прокручивался и еще был по середине ... Поигрался немного с position но довести до ума так и не смог , помогите пожалуйста ! вот пример : заранее огромное спасибо всем!

   Asked by shinydo, July 30, 2013

   • прокрутка
   0 votes
   2 answers
4. Тег <br /> в заголовке окна браузера

   Собственно кто знает как убрать отображение тега <br /> в заголовке окна браузера? Короче говоря смысл в том, что мне надо было в заголовках пунктов меню сделать принудительный перенос и для этого в базе данных я прописал этот тег теперь на странице заголовки меню выглядят как надо, и теперь этот тег отображается в заголовке браузера.

   Asked by denbon, July 30, 2013

   0 votes
   7 answers
5. Проблема с background-image

   Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.

   Asked by Samsonoff, July 30, 2013

   • background-image
   0 votes
   2 answers
6. Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon

   Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...

   Asked by vit_master, July 30, 2013

   • font-face Mozilla
   0 votes
   1 answer
7. Почему не рекомендуется использовать идентификаторы?

   Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?

   Asked by FRUTALITY, July 31, 2013

   • CSS
   • ID
   • CLASS
   0 votes
   5 answers
8. Глюк движка хрома? Или проблема в верстке?

   Здрасте всем! Давно я тут не был ) Вот проблема: http://leveler.ru/spman/ главное меню при наведении курсора в хроме оставляет куски меню за собой: Обновился до 28 версии - та же фигня. Остальные браузеры (FF 22, IE 10/9/8, O12) ведут себя хорошо. Подскажите дураку, в чем причина может быть?

   Asked by d0ublezer0, July 31, 2013

   • выпадающее меню
   • хром
   • css
   0 votes
   2 answers
9. Как бы это не оказалось каким-нибудь вредоносным script'ецом

   Всем джамбо друзья. Прошу вас гляньте страничку http://arhistudio.com/proektirovanie (хотя эта хренб почти на всех зстраницах) , непонятно откуда появилось непонятно что) Какие-то блоки с надписью "Расширение заблокировало отправку запроса на сервер", может кто сталкивался, ну или просто догадывается откуда это могло появиться. Заранее спасибо.

   Asked by CatInTheBread, July 31, 2013

   0 votes
   5 answers
10. сайт отображается по разному на разных браузерах

    всем привет, учусь верстать сайты))), мой макет http://izimbetov.no-ip.org правильно отображается в хроме, но в мозилле по другому, как я понимаю нужно для мозиллы создать отдельный файл css?

    Asked by nurlan_1992, July 31, 2013

    0 votes
    6 answers
11. Неправильное отображение ширины таблицы

    Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта netvirusu.net В Google Chrome отображается таблица правильно: http://s018.radikal.ru/i526/1306/2d/2598ddd51c1d.png А в Oper'e, Mozill'e, IE последних версиях таблица растягивается: http://s017.radikal.ru/i421/1306/b8/13e04425a4b9.png Основную ширину таблицы в стиле задал - width: 800px; Google Chrome воспринимает правильно, а остальные браузеры нет(

    Asked by differlp, July 31, 2013

    • таб
    • лица
    • ширина
    0 votes
    3 answers
12. Дергание горизонтально центрированного позиционированного блока при разворачивании в FireFox ?

    Имеется форма подписки на рассылку в виде выплывающего из-за пределов экрана блока, блок когда выплывает т.е поднимается на верх чуть вправо дернется, блок позиционирую по методу body 100% ширины, блок выплывающей формы имеет фиксированную ширину 400px и позиционирование от левого края 50% и margin-left:-200px, таким методом блок становится по середине, при клике на блок скрипт переключается его с bottom 0px на bottom 200px т.е высоту блока(чтобы он вылез из-за пределов экрана) и вот когда блок выплывает чуть сдвигается вправо а при обратно сворачивании становится по центру и такая проблема только в FireFox (у меня версия 22) как можно пофиксить данный баг?????

    Asked by ilyas, July 31, 2013

    0 votes
    16 answers
13. Проблема с Формой Поиска

    Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…

    Asked by Danielee, July 31, 2013

    0 votes
    3 answers
14. Цвет заполненного input/textarea

    Здравствуйте! У меня такая проблема. На сайте http://judicial-center.ru/ есть форма, в ней при заполнение input/textarea для текста использую цвет #414046 (темный), но когда заполнил и переключаешься например на другое поле, текст возвращается в стандартный цвет, который был до заполнения - #d2d2d3. Как можно сделать так,чтобы после заполнения поля текст оставался темным (#414046)? пс: надеюсь объяснил понятно

    Asked by mayse, July 31, 2013

    0 votes
    6 answers
15. Дефолтные значения

    можно ли как-то(где-то) посмотреть дефолтные значения селекторов(отступы, цвет, размер и тд)?

    Asked by pupil, July 31, 2013

    0 votes
    6 answers
16. бутстрап 2.3.2.

    столкнулся с такой проблемой: бутстрап 2.3.2. нужно сделать страничку отцентрированую с шириной 820Px, при использовании класса container-fluid она тянется на весь экран... если использовать просто класс container то ширина другая... соответственно при изменении окна, минимально все ломается..что посоветуете? извиняйте если такая тема была, не нашел <header class="container-fluid"> <article class="row-fluid"> <div class="span6"> </div> <div class="span6"></div> </article> </header> как сделать такую структуру 840px шириной

    Asked by ostavnenko91, July 31, 2013

    0 votes
    2 answers
17. Различное отображение в браузерах

    Почему опера 12 видит картинку фоновую на сайте, а хром нет? http://sauronsring.ucoz.ru/

    Asked by Ge1i0N, August 1, 2013

    0 votes
    2 answers
18. Проблема с текстом

    П

    Asked by hristoforus, August 1, 2013

    0 votes
    4 answers
19. защитить input от фокуса

    помогите пожалуйста защитить поле input от фокуса. то есть нужно чтобы курсор не мигал в поле input здесь одна из неуспешных попыток

    Asked by cyklop77, August 1, 2013

    0 votes
    1 answer
20. table+form возможно ли

    Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)

    Asked by DasBit, August 2, 2013

    0 votes
    4 answers
21. Оцените простенькую вёрстку.+ несколько вопросов.

    Добрый день. Я новичок и мне очень интересно ваше мнение о вёрстке 1 странички сайта. Пока я его делал всё время было ощущение, что можно сделать что-то лучше и что я не знаю каких-то вещей которые смогут облегчить или оптимизировать задачу, думаю это вполне резонно. Т.ч. мне бы хотелось узнать ваше мнение о общей картине (причём прошу не делать сильный акцент на том, что я недавно занимаюсь версткой) и текущей кроссбраузерности, что бы избежать ошибок в дальнейшем. Извиняюсь если css покажется вам кашей=) Сайт:http://test-shmest.besaba.com/ Сайт оптимизировался под ie8. Смотрел на последних версиях хрома и мозилы. Не достаточно, но с другими браузерами думаю будет горазд…

    Asked by Speel, August 1, 2013

    0 votes
    3 answers
22. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31, August 1, 2013

    0 votes
    33 answers
23. nth-child

    http://jsfiddle.net/6jsY9/1/ я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?

    Asked by Struggle, August 3, 2013

    0 votes
    5 answers
24. выравнивание изображения в таблице

    Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код html: <table class="opis"> <tr> <td class="opis"> Статус: открытое бета-тестирование Разработчик: Gaijin Entertaiment Жанр: Симулятор, MMOAaction Дата выхода: 1 ноября 2012 Оплата: Free-to-Play (бесплатно) Официальный сайт: <a href="http://lnk.do/24sWy">warthunder.ru</a> </td> <td class="opis2"> <a href="http://lnk.do/24sWy"><img alt="play" src="http://gamevestnik.ru/wp-content/uploads/2013/07/play.png" width="250" height="69" /></a> </td> </tr> </table> CSS: table.opis { width: 100%; bord…

    Asked by Gr1n4, August 2, 2013

    0 votes
    1 answer
25. Без border`а или padding`а не работает margin

    Ребят, объясните аномалию пожалуйста. Делаю простенькое упражнение по верстке-менюшка. Вот что получилось: А вот код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Оформление вертикального меню</title> <style type="text/css"> body{ background:#7f7f7f; } #left{ width:200px; background:#369; } #left ul{ list-style:none; border:1px solid white; //[color=#00ff00]магическая строчка[/color] padding:0px; } #left li{ margin:10px; } #left li a{ background:#fff; text-decoration:none; color:#69d; padding:12px; text-transform:uppercase; display:block; } #left li a:hover{ background:#ffc; color:#000; } </style> </h…

    Asked by two_pizza, August 1, 2013

    0 votes
    1 answer