HTML Coding

29,542 questions in this forum

1. Подсветка кнопок при нажатии

   Есть свёрстанный сайт с рабочей менюшкой из нескольких кнопок. Нужно сделать так, что бы: 1. При наведении на кнопку она подсвечивалась (картинки с 3 видами каждой кнопки уже готовы). 2. При нажатии допустим на кнопку 1, она подсвечивалась как нажатая, а после если нажать на кнопку 2, кнопка 1 возвращалась в обычное состояние, вместо неё загоралась кнопка 2. Больше никакого функционала не нужно. Всё остальное уже есть. Как это можно реализовать? Какие есть варианты попроще?

   Asked by Shaman14-21, August 29, 2014

   0 votes
   7 answers
2. LESS

   Нашёл статью про less и в ней говорится, то что он значительно упрощает код. С этого .border_radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}Сократили до вот этого .border_radius(@radius){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}Здесь же намного больше символов, чем было. Вот эта статья http://maxsite.org/page/pochemu-nuzhno-izuchat-less

   Asked by DivMan, August 23, 2014

   0 votes
   7 answers
3. Глюк при прокрутке

   Здравствуйте! Проблема обнаружилась случайно на этой странице: http://arteks-auto.ru/delivery.php в Chrome. Она заключается в том, что при определенной высоте окна невозможно прокрутить страницу до самого низа - все начинает дергаться. Причем, если перезагрузить страницу, прокрутив ее до верху, это явление повторяется. А если она прокручена вниз - нет этого. Не могу понять! Может быть причина в работе скриптов. Поочередно отключала, но пока не выявила причину. Помогите, пожалуйста!

   Asked by Светлана Г., August 23, 2014

   0 votes
   7 answers
4. меню на hover

   Добрый день, подскажите почему меню не выезжает на hover. и как сделать отступ между главным меню и меню которое появляется при ховере. Спасибо. Помогите понять истину ))) http://jsfiddle.net/mrfrunze/aucbf8sn/

   Asked by mrfrunze, August 24, 2014

   • css
   • hover
   0 votes
   7 answers
5. проблема с позиционированием

   Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …

   Asked by Евгений_SB, August 28, 2014

   0 votes
   7 answers
6. выравнивание заголовков

   хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

   Asked by anton-tsyganenko, August 29, 2014

   0 votes
   7 answers
7. Влияние статичного блока на абсолютно позиционированные псевдоэлементы

   Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…

   Asked by Sigizmund, September 2, 2014

   0 votes
   7 answers
8. body overflow:hidden не работает в Chrome

   Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

   Asked by Alexander34, September 7, 2014

   0 votes
   7 answers
9. Кроссбраузерность.

   Вопрос в следющем: Какие браузеры нужно иметь на компьютере что бы добиться максимальной кроссбраузерности, то есть, что бы можно было открыть сайт который я сверстал и подогнал под эти браузеры на любом компе(с ОС Windows, Mac(ну допустим это винда, не суть важно, главное что бы максимально среднестатистически )) при любой версии браузера и быть увереным что мой сайт там точно будет отабражатся как я сверстал(плюс-минус, но чтобы особых отличий небыло). P/S. У меня стоят: IE 6, 7, 8(в вируталной машине и IETester), IE10, IE9(эмуляция через IE10), и последние версии FF, Хром, Сафари, Опера. То есть 5 основных браузера. Но было такое что на моем 1м компьютере IE10 показ…

   Asked by Arthur, September 8, 2014

   0 votes
   7 answers
10. Выравнивание по вертикали ячейки

    Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?

    Asked by gross, September 8, 2014

    0 votes
    7 answers
11. Требуется помощь!

    Доброго времени суток! Прошу у вас помощи)) Расскажу в кратце ситуацию : Для хоккейного сайта требуется сделать прямую трансляцию матча с youtube на главной странице сайта Мне нужно чтобы блок там где большая фотография заменялась на трансляцию! Этот блок написан на отдельной странице.html для того чтобы туда вставить трансляцию достаточно удать все с нее и вставить ссылку трансл. Как это дело можно автоматизировать?? Подскажите пожалуйста!!!

    Asked by hcsgm, September 16, 2014

    0 votes
    7 answers
12. Проблема с расположением элементов

    Добрый день! Сейчас прохожу обучение нового курса, знаю HTML на 3 сейчас и всегда позиционировал элементы абы как, лишь бы добиться результата. Хочу позиционировать шапку следующим образом. вот CSS: .header { overflow: hidden;}.logo { float: left;}.slogan { float: left;}.head-contact { float: right;}.search-head { float: right;}Вот что получается http://hostingkartinok.com/show-image.php?id=455b6ab26ebab9679e8d304ed8105621'> Помогите решить проблему. И посоветуйте источник хороший, для того чтобы полностью разобраться в правильном позиционировании элементов.

    Asked by cheezy, September 20, 2014

    0 votes
    7 answers
13. SASS. Вопросы.

    Здравствуйте! Приступила к использованию SASS. Все скачала, установила. И как его теперь подключить? На одном сайте прочла "Запустите консоль в любом каталоге". Это как понимать? У меня сайт находится на Денвере: Z:/home/test2.ru/www/здесь все файлы. Как мне подключить в консоли этот путь? P.S. в Google искала. По поводу этого толком никто не пишет, все описывают прелести и синтаксис этого SASS'а. Спасибо.

    Asked by Orarifish, September 24, 2014

    0 votes
    7 answers
14. Картинки на хосте

    http://fb79274t.bget.ru/postel/index.html На локальном пк все отлично, на любой хостинге сами посмотрите что, пути 100 раз проверял плагин lightbox. Почему так?

    Asked by raptor-dm, September 24, 2014

    0 votes
    7 answers
15. Как выделить активную ссылку меню на сайте?

    Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…

    Asked by Puperlancer, September 29, 2014

    0 votes
    7 answers
16. Подскажите ошибки

    Здравствуйте, начал учиться верстать, сверстал 3 макета, подскажите пожалуйста, есть ли какие-нибудь глобальные ошибки? Сайт 1 Сайт 2 Сайт 3 спасибо.

    Asked by cruel09, October 2, 2014

    0 votes
    7 answers
17. Как проще сверстать такие элементы

    Верстаю шаблон и в нем присутствую однотипные элементы такого вида Попробовал несколько вариантов, и пришел вот к такому http://jsfiddle.net/paralex/7sad0kte/ пара свойств остается одинаковых, но у каждого устанавливаю свои отступы, шрифт, и меняю еще картинку диогональной стрелочке по цвету. Вроде меня это даже устроило. Но столкнулся с проблемой, что в списке однотипных элементов если заголовок длинный в 2 строки то у меня все съезжает вниз http://jsfiddle.net/paralex/7sad0kte/1/ а должно наоборот вверх а стрелочка подчеркивания оставаться на своем месте как на самом нижнем элементе на картинке. Как можно решить это, что-то не могу придумать, либо просто не вижу…

    Asked by paralex, October 5, 2014

    0 votes
    7 answers
18. Эффект лупы на сайте

    Привет, можно ли сделать такой эффект для ссылки? Знаю для галереи можно с помощью jQuery прикрутить, а вот как на картинке можно, сделать для иконки - ссылки ?

    Asked by tr0nik, October 7, 2014

    0 votes
    7 answers
19. Кроссбраузерность Opera, position: absolute?

    Всем доброго времени суток! Есть такой код В браузере Opera почему то блок #before не становится вплотную в блок родителя хотя и выставлены все стороны позиционирования в нули(в Opera dragonfly при наведении на #wrap, а после на #before можно увидеть что данные блоки не эквивалентны по высоте хотя стоит top: 0; bottom: 0). В Firefox все отлично работает если сравнивать. Как сделать кроссбраузерный вариант?

    Asked by Arthur, October 16, 2014

    0 votes
    7 answers
20. Как лучше выполнить задачу с обложками журналов?

    Есть 11 обложек журналов (картинок). 10 из них нужно разместить вокруг главного журнала (типа солнце и планеты). Под этими обложками будет текст (название журнала и номер). То есть главный журнал по центру, остальные во круг него. А сама вся конструкция в центре страницы. При этом очень важно, чтобы каждый элемент можно было свободно позиционировать в любом месте. Например из ровной линии 4-х обложек вверху сделать дугу и т.п. Я хочу сделать это с помощью position: fixed Подскажите, насколько это верное решение? Или существует более грамотный способ? Примерно это должно выглядеть вот так

    Asked by Anatuz, October 13, 2014

    • позиционирование
    0 votes
    7 answers
21. пара простых вопросов про bootstrap

    первый вопрос: в примерах на оффсайте есть такая верстка радиокнопок: <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label></div><div class="radio disabled"> <label> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Option three is disabled </label></div>почему обе кнопки в отдельных div, а не в одном: <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" v…

    Asked by quoter, October 17, 2014

    0 votes
    7 answers
22. Создание меню

    Добрый день! Помогите новичку - хочу сделать свой сайт - а ссылки в меню не как не могу заставить открываться в одном и том же слое .... (с фреймами делать не хочу ....) Имеется ткой код НТМЛ: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>1</title><link rel="stylesheet"type="text/css"href="style.css"></head><body><div id="logo"> 1.</div><div id="menu"><a href="text.html" target="w1">golovna</a><a href="kiev.html">kontact</a></div><div id="text"name="w1">3.</div></body></html> СSS:#logo{ widt…

    Asked by maxemys07, October 20, 2014

    0 votes
    7 answers
23. Подскажите с версткой, дизайн

    Всем привет, подскажите с версткой дизайн игровой нужно сделать под html я так и не пойму как сверстать( Я в верстке не шарю кто сможет помогите пожалуйста

    Asked by Crim, October 21, 2014

    0 votes
    7 answers
24. Позициогирование превью в слайдере

    Добрый день, подскажите как можно спозиционировать стрелки в карусели и нижнем слайдере? Как спозиционировать превьюшка так чтоб вытащить из из общего потока, - делаю position:absolute, но превьюшки двигаются внутри блока. http://sport.teslalight.com.ua/Motion/ на картинке показано место где они должны располагаться http://pixs.ru/showimage/mointon2_5799133_14379596.png Спасибо, надеюсь на вашу помощь ))

    Asked by mrfrunze, October 22, 2014

    0 votes
    7 answers
25. Как лучше зарезинить блоки?

    Добрый день! Не знаю как лучше зарезинить блоки справа в соответствии со слайдером. Адаптировать медиа запросами не хочется. Вот сайт, отключил все лишнее. http://ofb3752.bget.ru/

    Asked by by chris, October 28, 2014

    0 votes
    7 answers