HTML Coding

29,542 questions in this forum

1. Опять float

   Прошу посмотреть страничку http://pomidor.com.ua/seemax/peregorodkin/team.htm Перепроверил не один раз свойства 5й картинки в наборе лиц. Такое ошущение, что именно для нее float: left; отменен неведомой силой.

   Asked by seemax, August 9, 2013

   • ...в сочетании с :nth-of-type
   0 votes
   9 answers
2. Сабменю

   http://jsfiddle.net/DC3zZ/4/ Почему красный блок не начинается внизу от края внешней границы? Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"? Почему сласс "fon" не заполняет цветом всё пространство окошка? Можно реализовать такое меню свойством z-index не используя display:none; ?

   Asked by Delat, August 8, 2013

   0 votes
   4 answers
3. Помогите настроить выпадающее меню

   Помогите настроить выпадающее меню Дизайн для Друпала, тема Willibald. Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА. Устанавливал в #main-menu li.level-2 display: list-item; но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите. Вот код стиля /** * @file * Menu styling */ /******************************************************************************* * Mobile first ******************************************************************************/ #main-menu { background-color: #ddd; line-height: 1; width: 100%; padding: .2em; /* * Level 1 <u…

   Asked by Леонардо, August 9, 2013

   • Друпал Willibald
   0 votes
   1 answer
4. Yootheme Subway - сделать дату как в демо?!

   Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.

   Asked by gumuch, August 9, 2013

   • дата
   • Subway
   • Yootheme
   • верстка
   0 votes
   3 answers
5. Строка текста из "слов-столбиков"

   Ищу решение для такой задачи: есть строка текста, где каждое "слово" состоит из столбика слов в 1-4 строчки. Причем эта строка из таких столбиков должна перетикать на следующую строку, если достигнут край ее области, как у обычной строки из обычных слов. Возможно ли такое вообще реализовать через html, css2, javascript? Пример: fff kkkk jj bbb dd hhh cc ppp nnn kkk mmm zzz vvv mmm bb ddd

   Asked by Feonik, August 9, 2013

   0 votes
   3 answers
6. Блок выходит за пределы экрана и текст не виден

   Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;"> <a class="buble" href="#"> <span class="buble-m"> Длиннотекст </span> <span class="buble-b"></span> </a> </li> buble имеет свойство display:none li:hover - display:block Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу…

   Asked by MAzZY, August 9, 2013

   0 votes
   9 answers
7. Кроссбраузерная верстка (Windows VS Ubuntu)

   Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…

   Asked by Snek17, August 9, 2013

   0 votes
   3 answers
8. Разная реакция браузеров на float

   Здравствуйте . Подскажите пожалуйста , почему разные браузеры реагируют на свойство float по разному? Вот есть два блока <div id = 'shapka'> <div id = 'firsttable'> <table> </table> </div> </div> <div id = 'tm' > <table> ...................................................................... </table> <div> задаем такой стиль #firsttable table { margin-top: 14px; float: right; text-align: center; width: 56%; } и что мы видем в фаирфокс а в chrome т.е фаирфоксу пофиг что firstable находится в d…

   Asked by Borka, August 9, 2013

   • float
   0 votes
   14 answers
9. Нужна небольшая помощь :)

   В общем столкнулся впервые, знаю что решение где-то близко, но найти его не получается. http://jsbin.com/aroquq/1/edit тут должно быть все понятно) Из примера: нужно сделать так чтобы ширина "спанов" была равна их содержимому, но без необходимости ограничивать их ширину т.е если я в html изменю текст, то ширина спанов подстроится под его размер.

   Asked by swandev, August 16, 2013

   0 votes
   2 answers
10. Разный padding в Firefox и Chrome

    Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.

    Asked by Artlive, August 16, 2013

    0 votes
    13 answers
11. html 5 range+number

    <form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?

    Asked by Tikson, August 10, 2013

    • html5
    • range
    • number
    0 votes
    1 answer
12. После обновления Joomla центральный DIV сползает в низ страницы

    Всем привет! Подскажите, пожалуйста, из-за чего может слетать информация о товаре вот на этой странице? Может показаться, что страница пуста, но если пролистать страницу вниз, можно увидеть съехавший div maincont. А выскочил этот баг после обновления CMS (Joomla 1.x и соответствующей версии VirtueMart). Колупал css, но ничего не нашёл. Прошу помощи знатоков. Откатывать CMS назад совсем не вариант, сравнение шаблонов вариант, если подскажете, какой шаблон может отвечать за вывод шаблона товара :-).

    Asked by vkapas, August 10, 2013

    0 votes
    4 answers
13. Проблема с высотой колонок (обрезается высота)

    Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…

    Asked by angelxalfa, August 10, 2013

    0 votes
    3 answers
14. Смежные селекторы

    В конструкции .one + .two {...} стиль задается для класса .two, как задать стиль для класса .one? http://jsfiddle.net/VBHY5/

    Asked by chocolate_moles, August 10, 2013

    0 votes
    1 answer
15. Прошу совета

    здравствуйте! Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки. Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например, фон для названия страницы: или фон для цитат: Т.е. что тут видно, в первом случае это фон названия старницы (материала). По сути просто представляет из себя блок из светлого фона, но у него в начале идет внутреняя стрелочка (честно говоря не знаю как ее еще назвать), и в конце идет стрелочка вниз. Во втором же эллементе фон для цитаты, с внешними эллементами с…

    Asked by devid89, August 10, 2013

    0 votes
    3 answers
16. margin/padding

    скажите, почему родитель с min-hight 100% не учитывает margin-bottom? как решить проблему? html, body, .container{ height:100%; } *{ margin: 0; padding: 0;} #parent{ background: #aaa; min-height:100%; } #child{ margin-bottom: 2000px; background: pink; } <div id="parent"> <div id="child">hello</div> </div>

    Asked by valera, August 11, 2013

    0 votes
    4 answers
17. странный хром

    Я новичок, и вот в очередной раз занимаясь версткой, делая обычное горизонтальное меню с помощью ul Li. Ничего необычного все как всегда, открываю в хроме там все ок. Посмотрел в других браузерах, тоже все ок. И тут в хроме я нажал ф5 и меню сжалось все в левую сторону и замерло. Я полез смотреть в коде ...ничего не нашел, возвращаюсь в хром навожу мышкой на меню и оно возвращается само на место. Обновляю опять-сжалось. Снова навожу курсор, реакция ноль, и только минут через 3-4, при наведении курсора меню возвращается на место. И так все время. В других браузерах все ок. Только хром аудит. Возможно понадобиться код, но это чуть позже. Может у кого то было что то подобное…

    Asked by Jaysid, August 11, 2013

    0 votes
    8 answers
18. Голова отдельно, тушка отдельно - вопрос по таблицам.

    Доброго времени суток. Есть проблема - шапка таблицы и тело таблицы находятся в разных блоках (во всем виноват аякс если чо =)) ) Тушка таблицы резиновая (на данный момент времени), а как сделать так что бы столбцы шапки таблицы всегда имели такие же размеры как и столбцы тушки таблицы? З.Ы. Вопрос в догонку - часть информации в паре столбцов иногда не влезает в ячейку и хотелось что бы информация которая не влезет просто заменялась (троеточием) - как такое сделать? Благодарю за ответы.

    Asked by doom, August 11, 2013

    • таблицы
    • css
    0 votes
    6 answers
19. Верстка табов. Прошу помощи и совета

    Здравствуйте! Подскажите как правильно сверстать табы изображенные на картинке?

    Asked by n-dimasss, August 11, 2013

    • табы tabs
    • верстка
    0 votes
    3 answers
20. DIV съезжает

    1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?

    Asked by FinFan, August 11, 2013

    0 votes
    1 answer
21. Прокрутка клавиатурой

    Здравствуйте. Имею сайт с прокруткой, заданой свойством {overflow: auto;} для тега <body>. Мышью сайт прокручивается, клавой - нет. ЧЯДНТ?

    Asked by Chp, August 11, 2013

    • Прокрутка клавиатурой
    0 votes
    3 answers
22. Выравнивание текста по нижнему краю в пустом блоке

    Проблема нижеописана. Возможно, нет решения. Тогда знать бы, что нет, буду юзать таблицы. Сайт состоит из двух столбцов. Слева меню, справа основная часть. Меню довольно длинное. В основной части в некоторых случаях не больше одного абзаца. То есть много пустого места. Как расположить, скажем, строку текста по нижнему краю правого столбца, примерно, где заканчивается меню в левом столбце, когда на этой строкой будет много пустого места. Да. Если высота блока фиксирована, можно. Но высота столбца переменна. Это возможно?

    Asked by Эдди, August 11, 2013

    • css
    0 votes
    9 answers
23. Ширина одного блока зависящая от присутствия соседнего блока

    Приветсвую. Имееются 4 блока расположенные сеткой, в 4м блоке имеются еще два блока, изначально расположенные друг под другом. Все блоки не имеют фиксированой высоты, ширина блоков изначально одинаковая, во всех блоках текстовое содержимое. Встала следующая задача: При отсутствии блока №2 на его место встает блок №3. а место 3го блока заполняет блок №4 и его дочерние блоки встают горизонтально. Проблема в 4м блоке, не получается оперировать расположением внутренних блоков и самим 4м блоком. Подскажите пожалуйста как решить задачу. На кодпене пытаюсь реализовать, CodePen, у класса .div2 стоит display: none; поставьте block и увидите что 4й блок не уменьшается.

    Asked by AndreyB, August 12, 2013

    0 votes
    5 answers
24. Подскажите, как можно сверстать такое?

    Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?

    Asked by d0ublezer0, August 13, 2013

    • идеи
    • верстка
    • сложно
    0 votes
    23 answers
25. Гугл ругается на "-webkit"

    Начал потихоньку оптимизировать свой форум, убирать лишние css Возник вопрос. Зачем нужно использовать -webkit, к примеру, -webkit-border-bottom-left-radius, если можно использовать border-bottom-left-radius? Гугл просто ругается на CSS: "-webkit-border-bottom-left-radius" is used, but "border-bottom-left-radius" is supported. "-webkit-border-bottom-right-radius" is used, but "border-bottom-right-radius" is supported. Как быть?

    Asked by grisha2217, August 13, 2013

    0 votes
    7 answers