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
29,542 questions in this forum
-
Текст независимый от div
Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?
0 votes3 answers -
nth-child
http://jsfiddle.net/6jsY9/1/ я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?
0 votes5 answers -
Помогите разобраться с проблемой ширина блока div 100%
Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…
0 votes4 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 -
Проблема кроссбраузерности формы поиска
Сверстал форму поиска, хотел освоить технологию вставки кнопки-картинки в поле поиска (имитация вставки), во всех браузерах все выглядит нормально, а в chrome поле почему-то находится ниже по уровню, чем кнопка... Никак не могу найти решение... Вот, собственно, ссылка http://sibarit.pusku.com/ И еще, при ресайзе страницы кнопка скачет вниз туда-сюда, есть ли решение и этой проблемы?
0 votes0 answers -
0 votes4 answers
-
Как сверстать такое...
Добрый день, у меня возникли вопросы, как сверстать такое ... Расстояние инпута должно быть разне от текстов, инпуты должны быть в один ряд,как ето делать? Или давать каждому инпуту разное расстояние? http://cs310531.vk.me/v310531727/1a08/RgEiVmLNBjA.jpg
0 votes1 answer -
выравнивание изображения в таблице
Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код 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 -
Оцените простенькую вёрстку.+ несколько вопросов.
Добрый день. Я новичок и мне очень интересно ваше мнение о вёрстке 1 странички сайта. Пока я его делал всё время было ощущение, что можно сделать что-то лучше и что я не знаю каких-то вещей которые смогут облегчить или оптимизировать задачу, думаю это вполне резонно. Т.ч. мне бы хотелось узнать ваше мнение о общей картине (причём прошу не делать сильный акцент на том, что я недавно занимаюсь версткой) и текущей кроссбраузерности, что бы избежать ошибок в дальнейшем. Извиняюсь если css покажется вам кашей=) Сайт:http://test-shmest.besaba.com/ Сайт оптимизировался под ie8. Смотрел на последних версиях хрома и мозилы. Не достаточно, но с другими браузерами думаю будет горазд…
0 votes3 answers -
table+form возможно ли
Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)
0 votes4 answers -
Проявляющийся блок при наведении мыши. Как реализовать.
Как реализовать идею такую как на сайте Розетки http://rozetka.com.u.../185/index.html. При наведении мыши на блок открывается полное его представление. Не могу понять в какие дивы и с каким позиционированием обернуть информацию чтобы получить такой эффект. Буду благодарен за помощь.
0 votes5 answers -
Почему padding вокруг текста в разных браузерах ведет себя по-разному
.one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?
0 votes1 answer -
загадочный border-collapse
подскажите пожалуйста как связано правило border-collapse: collapse и появляющаяся линия сверху table? убрать линию можно, используя значение separate, но хотелось бы понять логику разработчиков стандарта
0 votes3 answers -
transform:rotate кривое отображение текста
Если применять transform:rotate, то текст в firefox (в опере чуть лучше) выходит кривой и нечитабельный. Можно это как-то исправить?
0 votes0 answers -
Без 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 -
Цвет заполненного input/textarea
Здравствуйте! У меня такая проблема. На сайте http://judicial-center.ru/ есть форма, в ней при заполнение input/textarea для текста использую цвет #414046 (темный), но когда заполнил и переключаешься например на другое поле, текст возвращается в стандартный цвет, который был до заполнения - #d2d2d3. Как можно сделать так,чтобы после заполнения поля текст оставался темным (#414046)? пс: надеюсь объяснил понятно
0 votes6 answers -
защитить input от фокуса
помогите пожалуйста защитить поле input от фокуса. то есть нужно чтобы курсор не мигал в поле input здесь одна из неуспешных попыток
0 votes1 answer -
Дефолтные значения
можно ли как-то(где-то) посмотреть дефолтные значения селекторов(отступы, цвет, размер и тд)?
0 votes6 answers -
Различное отображение в браузерах
Почему опера 12 видит картинку фоновую на сайте, а хром нет? http://sauronsring.ucoz.ru/
0 votes2 answers -
сайт отображается по разному на разных браузерах
всем привет, учусь верстать сайты))), мой макет http://izimbetov.no-ip.org правильно отображается в хроме, но в мозилле по другому, как я понимаю нужно для мозиллы создать отдельный файл css?
0 votes6 answers -
скачущее меню
http://sitegit.p.ht/in.html на странице имеется меню с подпунктами (sfdsf), которое в разных браузерах отображается по-разному(начиная от положения, а заканчивая расстоянием между строками). подскажите, пожалуйста, как его зафиксировать. спасибо. <div class="myfloat"> <div class="menu"> <ul> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> </ul> </div> <!-- menu --> </div> &…
0 votes3 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 -
Неправильное отображение ширины таблицы
Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта 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 -
Глюк движка хрома? Или проблема в верстке?
Здрасте всем! Давно я тут не был ) Вот проблема: http://leveler.ru/spman/ главное меню при наведении курсора в хроме оставляет куски меню за собой: Обновился до 28 версии - та же фигня. Остальные браузеры (FF 22, IE 10/9/8, O12) ведут себя хорошо. Подскажите дураку, в чем причина может быть?
0 votes2 answers -
Проблема с кодировкой
День добрый. Eсть проблема с кодировками: в html-файле прописана кодировка UTF-8, отображается всё нормально, но при загрузке на хостинг (leaderhost) браузер почему-то упорно пытается отобразить windows-1251. Причём эксплорер это делает постоянно, а огнелис половину файлов нормально отображает, а половину нет. В чём может быть беда? Руки, сервер, ещё что?
0 votes16 answers