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
-
Схлопывание margin у label?
Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же
0 votes1 answer -
Форма ввода из ниоткуда
Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.
0 votes2 answers -
как прикрепить к нижней области ...
Добрый день! Есть такая ситуация - нужно реализовать box который прикреплен к нижней видимой области браузера , так что бы не прокручивался и еще был по середине ... Поигрался немного с position но довести до ума так и не смог , помогите пожалуйста ! вот пример : заранее огромное спасибо всем!
0 votes2 answers -
Тег <br /> в заголовке окна браузера
Собственно кто знает как убрать отображение тега <br /> в заголовке окна браузера? Короче говоря смысл в том, что мне надо было в заголовках пунктов меню сделать принудительный перенос и для этого в базе данных я прописал этот тег теперь на странице заголовки меню выглядят как надо, и теперь этот тег отображается в заголовке браузера.
0 votes7 answers -
Проблема с background-image
Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.
0 votes2 answers -
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...
0 votes1 answer -
Почему не рекомендуется использовать идентификаторы?
Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?
0 votes5 answers -
Глюк движка хрома? Или проблема в верстке?
Здрасте всем! Давно я тут не был ) Вот проблема: http://leveler.ru/spman/ главное меню при наведении курсора в хроме оставляет куски меню за собой: Обновился до 28 версии - та же фигня. Остальные браузеры (FF 22, IE 10/9/8, O12) ведут себя хорошо. Подскажите дураку, в чем причина может быть?
0 votes2 answers -
Как бы это не оказалось каким-нибудь вредоносным script'ецом
Всем джамбо друзья. Прошу вас гляньте страничку http://arhistudio.com/proektirovanie (хотя эта хренб почти на всех зстраницах) , непонятно откуда появилось непонятно что) Какие-то блоки с надписью "Расширение заблокировало отправку запроса на сервер", может кто сталкивался, ну или просто догадывается откуда это могло появиться. Заранее спасибо.
0 votes5 answers -
сайт отображается по разному на разных браузерах
всем привет, учусь верстать сайты))), мой макет http://izimbetov.no-ip.org правильно отображается в хроме, но в мозилле по другому, как я понимаю нужно для мозиллы создать отдельный файл css?
0 votes6 answers -
Неправильное отображение ширины таблицы
Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта 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 воспринимает правильно, а остальные браузеры нет(
0 votes3 answers -
Дергание горизонтально центрированного позиционированного блока при разворачивании в FireFox ?
Имеется форма подписки на рассылку в виде выплывающего из-за пределов экрана блока, блок когда выплывает т.е поднимается на верх чуть вправо дернется, блок позиционирую по методу body 100% ширины, блок выплывающей формы имеет фиксированную ширину 400px и позиционирование от левого края 50% и margin-left:-200px, таким методом блок становится по середине, при клике на блок скрипт переключается его с bottom 0px на bottom 200px т.е высоту блока(чтобы он вылез из-за пределов экрана) и вот когда блок выплывает чуть сдвигается вправо а при обратно сворачивании становится по центру и такая проблема только в FireFox (у меня версия 22) как можно пофиксить данный баг?????
0 votes16 answers -
Проблема с Формой Поиска
Кнопка поиска не встает рядом с формой ввода Код В 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); /* Параметры фона */…
0 votes3 answers -
Цвет заполненного input/textarea
Здравствуйте! У меня такая проблема. На сайте http://judicial-center.ru/ есть форма, в ней при заполнение input/textarea для текста использую цвет #414046 (темный), но когда заполнил и переключаешься например на другое поле, текст возвращается в стандартный цвет, который был до заполнения - #d2d2d3. Как можно сделать так,чтобы после заполнения поля текст оставался темным (#414046)? пс: надеюсь объяснил понятно
0 votes6 answers -
Дефолтные значения
можно ли как-то(где-то) посмотреть дефолтные значения селекторов(отступы, цвет, размер и тд)?
0 votes6 answers -
бутстрап 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 шириной
0 votes2 answers -
Различное отображение в браузерах
Почему опера 12 видит картинку фоновую на сайте, а хром нет? http://sauronsring.ucoz.ru/
0 votes2 answers -
0 votes4 answers
-
защитить input от фокуса
помогите пожалуйста защитить поле input от фокуса. то есть нужно чтобы курсор не мигал в поле input здесь одна из неуспешных попыток
0 votes1 answer -
table+form возможно ли
Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)
0 votes4 answers -
Оцените простенькую вёрстку.+ несколько вопросов.
Добрый день. Я новичок и мне очень интересно ваше мнение о вёрстке 1 странички сайта. Пока я его делал всё время было ощущение, что можно сделать что-то лучше и что я не знаю каких-то вещей которые смогут облегчить или оптимизировать задачу, думаю это вполне резонно. Т.ч. мне бы хотелось узнать ваше мнение о общей картине (причём прошу не делать сильный акцент на том, что я недавно занимаюсь версткой) и текущей кроссбраузерности, что бы избежать ошибок в дальнейшем. Извиняюсь если css покажется вам кашей=) Сайт:http://test-shmest.besaba.com/ Сайт оптимизировался под ie8. Смотрел на последних версиях хрома и мозилы. Не достаточно, но с другими браузерами думаю будет горазд…
0 votes3 answers -
Лучшая сетка или фреймворк для адаптивного дизайна
Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!
0 votes33 answers -
nth-child
http://jsfiddle.net/6jsY9/1/ я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?
0 votes5 answers -
выравнивание изображения в таблице
Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код 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…
0 votes1 answer -
Без 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…
0 votes1 answer