HTML Coding

29,542 questions in this forum

1. Помогите выровнять текст по середине ячейки в меню

   Здрасте, не судите строго я новичок)и могу не очень внятно объяснять. В общем ситуация такая: Главное меню сайта выполнено таблицей. Главная Бла бла Бла ла улю лю бэкграунд задан картинкой, Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста. html/ <div id="topmenu"> <table> <tr> <td> <a href="index.html">Главная </a> </td> <td> <a href="about.html">О нас </a> </…

   Asked by paul69, April 18, 2016

   • выравниваниетекст по середине
   0 votes
   3 answers
2. Продолжение фона для меню

   Здравствуйте! Помогите, пожалуйста, решить проблему. Ширина хедера - 1170 px. Необходимо, что бы фон для меню (малиновый прямоугольник) продолжался вправо до конца экрана. Как на изображении: Вот сам код - https://jsfiddle.net/0rzhsdnx/ Заранее благодарю за помощь!

   Asked by volshebnyi, March 29, 2016

   0 votes
   11 answers
3. Подскажите как сделать появление блока при наведении на другой блок.

   Подскажите пожалуйста, как сделать дочерний выпадающий блок при наведении на родительский блок. <div class="HTML_menu_title"> <div class="content"> <span class="HTML_a">HTML5</span> <img src="images/html5.png" alt="html_logo"> <span class="HTML_b">HyperText Markup Language</span> </div> <div class="HTML_hidden_block" id="HTML_hd"> <div class="left_block"> <span>Тест 1. Структура HTML документа</span> <span>Тест 2. Структура HTML документа</span> …

   Asked by Konstantin99, April 19, 2016

   0 votes
   1 answer
4. Проблема с выездом таблицы за нижние границы

   Не могу понять почему таблица при изменение размера экрана (в данном случае на мобильном устройстве) выходит за границы контейнера? Насколько я понимаю он должен растягиваться. Таблица вставлена как материал в Joomla.

   Asked by SmogHard, April 13, 2016

   • таблица bootstrap
   0 votes
   8 answers
5. Проблема с z-index

   Подскажите пожалуйста, я поместил на сайт слайдер, но он получается при пролистывании страницы выше чем меню. Если в классе slider написать z-index: -1, то тогда все становится как надо, но только пункты для пролистывания в слайдере перестают работать. Можно ли как то исправить по другому? http://sms.velvetby.com/

   Asked by oleg126, April 19, 2016

   0 votes
   1 answer
6. Верстка меню "под лифт"

   Добрый день. Подскажите пожалуйста по такому вопросу: Необходимо сверстать меню следующим образом у меня получается такой вариант. Т.е. нет стрелок вверх/вниз.

   Asked by jdk, April 19, 2016

   0 votes
   4 answers
7. Автоматической расширение div

   Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB

   Asked by oleg126, April 18, 2016

   0 votes
   7 answers
8. Верстка меню ломается в Firefox (wordpress)

   Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress

   Asked by yaparoff, April 18, 2016

   • firefox
   • wordpress
   • меню
   0 votes
   1 answer
9. Фон для текста

   Здравствуйте. В макете у текста есть фон - http://joxi.ru/KAgMOn8CgbXbKm Есть возможность сделать 2 строки одним тегом <p>, но с фоном на каждую строку? Пока только решение пилить 2 тега <p> на каждую строку. Например, текст в несколько строк, но фон, конечно же, непрерывный - http://joxi.ru/v29JkwWsGlzwbA

   Asked by kattiperk, April 18, 2016

   • text
   • p
   • background
   0 votes
   2 answers
10. Создание меню

    Подскажите пожалуйста, мне требуется создать на сайте блок с информацией, его ширина 960px, а высота в зависимости от количества контента. Так же там есть меню, и мне требуется, что бы оно прокручивалось совместно со всем контентом, т.е. находилось все время в одном положении, но когда начал делать вот что выходит. В чем проблема? https://jsfiddle.net/q9zufq3x/

    Asked by oleg126, April 18, 2016

    0 votes
    7 answers
11. Возможнсть реализации

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

    Asked by vladmih, April 18, 2016

    0 votes
    5 answers
12. Как исправить анимацию после добавления блока?

    Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…

    Asked by borus, April 17, 2016

    • анимация
    0 votes
    5 answers
13. fancybox content "под ним"

    Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)

    Asked by Vlad_P, April 7, 2016

    0 votes
    4 answers
14. Чистка css

    Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

    Asked by MAzZY, April 7, 2016

    0 votes
    8 answers
15. Как сделать такую сетку flexbox'om?

    Asked by Ghost86421, April 16, 2016

    0 votes
    1 answer
16. атрибут alt тега img

    В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?

    Asked by kupidon, April 15, 2016

    0 votes
    1 answer
17. Анимация блока с текстом

    Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.

    Asked by BehemothOz, March 31, 2016

    0 votes
    1 answer
18. margin в %

    Здравствуйте. Я что-то потерялась и не пойму, почему задав margin в % блок с меню перекидывает последний пункт на новую строку. В примере сейчас в px, поставьте в % и оно съедет. Что не так? http://kattiperk.github.io/mps/index.html

    Asked by kattiperk, April 13, 2016

    • html
    • margin
    0 votes
    10 answers
19. выносить ли в хелпер?

    скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10

    Asked by cyklop77, April 15, 2016

    • js
    0 votes
    2 answers
20. Проблема с counter(list,decimal)

    У меня есть нумерованный список. После того как счетчик доходит до 9, обнуляется. .WYSIWYG ol.searchres li:before{ conent:counter(list, decimal)"." }

    Asked by hoid, April 15, 2016

    • ol
    • decimal
    0 votes
    1 answer
21. Как сделать такой эффект при ховере

    Подскажите как сделать такой эффект при ховере

    Asked by raven41k, April 15, 2016

    0 votes
    2 answers
22. Проблемы с position: absolute

    Я блоку block-accordion поставил position: relative, а блоку main-item-accordion positiotn:absolute. И почему-то блок прижался не к block-accordion, а к body http://codepen.io/anon/pen/Yqabej Сделал тот-же самый код и работает http://codepen.io/anon/pen/greJjE ничего не понимаю

    Asked by DivMan, April 15, 2016

    0 votes
    2 answers
23. Наследование стиля дочерними элементами

    Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…

    Asked by svisch, April 14, 2016

    0 votes
    4 answers
24. Вывод файла по дате

    Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 12.04 День космонавтики или 7.05 День радио. Вот как примерно я себе это представляю. <h3>День космонавтики</h3> <p> <a title="12.04.1961 День Космонавтики" href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BD%D1% C_%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D0%BD%D0%B0%D0%B2%D1%82%D0%B8%D0%BA%D0%B8" target="_blank"> <img src="images/12_04.png" alt="День космо…

    Asked by UFO_hA, April 14, 2016

    0 votes
    2 answers
25. При наведении на картинку отобразить список

    Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

    Asked by nikki4, April 13, 2016

    0 votes
    1 answer