HTML Coding

29542 questions in this forum

1. margin в %

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

   Asked by kattiperk, April 13, 2016

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

   Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <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
3. Наследование стиля дочерними элементами

   Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два 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
4. Вывод файла по дате

   Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 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
5. Проблемы с 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
6. Как сделать такой эффект при ховере

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

   Asked by raven41k, April 15, 2016

   0 votes
   2 answers
7. выносить ли в хелпер?

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

   Asked by cyklop77, April 15, 2016

   • js
   0 votes
   2 answers
8. Проблема с 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
9. атрибут alt тега img

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

   Asked by kupidon, April 15, 2016

   0 votes
   1 answer
10. Как сделать такую сетку flexbox'om?

    Asked by Ghost86421, April 16, 2016

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

    Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю 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
12. 2 значения в href???

    прювет) перейду сразу к вопросу... Есть ссылка <a title="" href="../ind_rus/palomnichestvo/#12apr" rel="nofollow"> Подробнее...</a> при переходе по этой ссылке нужно что бы выполнялся этот скрипт javascript:collapsElement('identifikator4') Можно ли в href засунуть эти два значения? например(не правильно): <a title="" href="../ind_rus/palomnichestvo/#12apr;javascript:collapsElement('identifikator4')" rel="nofollow"> Подробнее...</a> Теперь напишу по другому, на всякий случай)) На открывшейся странице у меня несколько блоков, в одном из них у меня есть раскрывающийся текст, он раскрывается по кноп…

    Asked by edem7778, April 17, 2016

    • href
    • два значния
    0 votes
    10 answers
13. Возможнсть реализации

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

    Asked by vladmih, April 18, 2016

    0 votes
    5 answers
14. Создание меню

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

    Asked by oleg126, April 18, 2016

    0 votes
    7 answers
15. Фон для текста

    Здравствуйте. В макете у текста есть фон - 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
16. Верстка меню ломается в Firefox (wordpress)

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

    Asked by yaparoff, April 18, 2016

    • firefox
    • wordpress
    • меню
    0 votes
    1 answer
17. Почему мелькает чёрный экран?

    Приветствую. Изучаю HTML. Делаю себе стартовую страницу со ссылками. Если в Firefox нахожусь на каком-то другом сайте и нажимаю кнопку для перехода на свою стартовую страницу на моём сайте ( она у меня по адресу www.krasivoe.net/start.htm ), то прежде чем моя стартовая страница откроется на мгновение мелькает чёрный экран. Почему чёрный экран? Как устранить этот эффект? Вот код стартовой страницы: <html><head> <title>СТАРТ</title></head> <body background=fon08.jpg link=green alink=red vlink=olive> <font face=Arial> <table width=100%> <tr> <td width=10%> </td> <td wid…

    Asked by Hehabr, April 18, 2016

    0 votes
    6 answers
18. Нужна помощь с формами отправки данных

    на сайте скопированы несколько форм отправки данных и чтобы заполнить все поля стоит значение обязательно, и поэтому оно требует заполнить все поля на сайте. как можно сделать чтобы при заполнении 2 полей в одной форме оно их отправляло, а не просило заполнить все остальные? сайт http://acses.com.ua/

    Asked by kagan25, April 19, 2016

    0 votes
    5 answers
19. Верстка меню "под лифт"

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

    Asked by jdk, April 19, 2016

    0 votes
    4 answers
20. Помогите выровнять текст по середине ячейки в меню

    Здрасте, не судите строго я новичок)и могу не очень внятно объяснять. В общем ситуация такая: Главное меню сайта выполнено таблицей. Главная Бла бла Бла ла улю лю бэкграунд задан картинкой, Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста. 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
21. Автоматической расширение div

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

    Asked by oleg126, April 18, 2016

    0 votes
    7 answers
22. Проблема с z-index

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

    Asked by oleg126, April 19, 2016

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

    Подскажите пожалуйста, как сделать дочерний выпадающий блок при наведении на родительский блок. <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
24. верстке модального окна нет отступа между строками

    Всем привет, В верстке модального окна jsfiddle нет отступа между строками. Чем их установить и почему не сработал form-group класс ? спасибо !

    Asked by mstdmstd, April 19, 2016

    0 votes
    3 answers
25. Нужна помощь с shortstory

    Капец, не могу настроить этот файл. Одни траблы и косяки всплывают. Делаю с документацией версия dle 11 <div class="post block"> <div class="p_header b_header"><span><a href="#">{title}</a></span></div> <div class="p_content"> <img src="img/post.jpg"> <p>{short-story}</p> <p>Читать далее: <a href="#">Заголовок поста</a></p> <p><i class="fa fa-folder-open"></i> <a href="#">{category}</a></p> <ul class="stats"> <li><i class="fa fa-calendar"></i> 25-02-2016</li> …

    Asked by @priest, April 19, 2016

    0 votes
    2 answers