HTML Coding

29,542 questions in this forum

1. Текст независимый от div

   Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?

   Asked by webmario11, August 3, 2013

   • div
   • текст
   0 votes
   3 answers
2. Нужен совет бывалых. Посоветуйте матчасть пожалуйста.

   Всем доброго времени суток. Суть дела в том, что я намерен обучиться html-верстке. Есть тестовое задание и мне нужны Ваши советы по поводу того, что мне необходимо изучить и почитать для того, чтобы я был способен это задание выполнить. Заранее всем спасибо за содействие. Вот ссылка: https://docs.google.com/file/d/0B6sGLd4R5HYAUkNXRG96Z1prRjA/edit?usp=sharing

   Asked by Strider, August 3, 2013

   0 votes
   11 answers
3. Помогите разобраться с проблемой ширина блока 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; } П…

   Asked by jaans, August 3, 2013

   • телефон андроид
   • ширина100%
   0 votes
   4 answers
4. 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
5. Проблема кроссбраузерности формы поиска

   Сверстал форму поиска, хотел освоить технологию вставки кнопки-картинки в поле поиска (имитация вставки), во всех браузерах все выглядит нормально, а в chrome поле почему-то находится ниже по уровню, чем кнопка... Никак не могу найти решение... Вот, собственно, ссылка http://sibarit.pusku.com/ И еще, при ресайзе страницы кнопка скачет вниз туда-сюда, есть ли решение и этой проблемы?

   Asked by Sibarit, August 2, 2013

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

   Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код 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
7. Как сверстать такое...

   Добрый день, у меня возникли вопросы, как сверстать такое ... Расстояние инпута должно быть разне от текстов, инпуты должны быть в один ряд,как ето делать? Или давать каждому инпуту разное расстояние? http://cs310531.vk.me/v310531727/1a08/RgEiVmLNBjA.jpg

   Asked by Ghost86421, August 2, 2013

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

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

   Asked by DasBit, August 2, 2013

   0 votes
   4 answers
9. transform:rotate кривое отображение текста

   Если применять transform:rotate, то текст в firefox (в опере чуть лучше) выходит кривой и нечитабельный. Можно это как-то исправить?

   Asked by apexis, August 2, 2013

   0 votes
   0 answers
10. Почему padding вокруг текста в разных браузерах ведет себя по-разному

    .one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

    Asked by Artem Narushevich, August 2, 2013

    • css
    • верстка
    • padding
    0 votes
    1 answer
11. загадочный border-collapse

    подскажите пожалуйста как связано правило border-collapse: collapse и появляющаяся линия сверху table? убрать линию можно, используя значение separate, но хотелось бы понять логику разработчиков стандарта

    Asked by cyklop77, August 2, 2013

    0 votes
    3 answers
12. Без 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
13. Лучшая сетка или фреймворк для адаптивного дизайна

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

    Asked by troll31, August 1, 2013

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

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

    Asked by Speel, August 1, 2013

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

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

    Asked by cyklop77, August 1, 2013

    0 votes
    1 answer
16. Проблема с текстом

    П

    Asked by hristoforus, August 1, 2013

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

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

    Asked by Ge1i0N, August 1, 2013

    0 votes
    2 answers
18. бутстрап 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
19. Дефолтные значения

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

    Asked by pupil, July 31, 2013

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

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

    Asked by mayse, July 31, 2013

    0 votes
    6 answers
21. Коментарии от Вк с одной странице

    Всем привет. Есть нужда сделать,так что бы виджет коментарии (Js) от вк,брал информацию только с одной странице,не группировал для каждой новую .. Ну к примеру вот сайт http://navolne-fm.ru/,на главной идёт,как бы чат (вк коментарии),а вот когда переходишь на другую страницу к примеру новости или плейлист http://navolne-fm.ru/nv_informer/188-rj-kailgame.html,то чат,как бы обновляется (да это же комментарии от вк). Как можно сделать,что бы брал только информацию с главной странице ? Пробовал,в ifame засунуть,но там проблема,в то что iframe не хочет растягиваться и появляется скролл .

    Asked by saiidr, July 31, 2013

    0 votes
    1 answer
22. Проблема с Формой Поиска

    Кнопка поиска не встает рядом с формой ввода Код В 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
23. Дергание горизонтально центрированного позиционированного блока при разворачивании в FireFox ?

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

    Asked by ilyas, July 31, 2013

    0 votes
    16 answers
24. Глюк движка хрома? Или проблема в верстке?

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

    Asked by d0ublezer0, July 31, 2013

    • выпадающее меню
    • хром
    • css
    0 votes
    2 answers
25. Неправильное отображение ширины таблицы

    Помогите пожалуйста с неправильным отображением ширины таблицы на главной сайта 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