HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Почему мелькает чёрный экран?
Приветствую. Изучаю 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…
0 votes6 answers -
Верстка меню ломается в Firefox (wordpress)
Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress
0 votes1 answer -
Создание меню
Подскажите пожалуйста, мне требуется создать на сайте блок с информацией, его ширина 960px, а высота в зависимости от количества контента. Так же там есть меню, и мне требуется, что бы оно прокручивалось совместно со всем контентом, т.е. находилось все время в одном положении, но когда начал делать вот что выходит. В чем проблема? https://jsfiddle.net/q9zufq3x/
0 votes7 answers -
Возможнсть реализации
Все привет! Гугл тут обновил дизайн почты, хочу попробовать реализовать так же. С развертыванием, расширением там все понятно, но я не могу понять как они добились того, когда разворачиваются письма, страница не скроллится вверх вниз, а остается в фокусе, того элемента который нажали. Кто нить знает как это сделать?
0 votes5 answers -
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> Теперь напишу по другому, на всякий случай)) На открывшейся странице у меня несколько блоков, в одном из них у меня есть раскрывающийся текст, он раскрывается по кноп…
0 votes10 answers -
Как исправить анимацию после добавления блока?
Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…
0 votes5 answers -
0 votes1 answer
-
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
Проблема с counter(list,decimal)
У меня есть нумерованный список. После того как счетчик доходит до 9, обнуляется. .WYSIWYG ol.searchres li:before{ conent:counter(list, decimal)"." }
0 votes1 answer -
выносить ли в хелпер?
скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10
0 votes2 answers -
Как сделать такой эффект при ховере
Подскажите как сделать такой эффект при ховере
0 votes2 answers -
Проблемы с 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 ничего не понимаю
0 votes2 answers -
Вывод файла по дате
Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 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="День космо…
0 votes2 answers -
Наследование стиля дочерними элементами
Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два 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…
0 votes4 answers -
При наведении на картинку отобразить список
Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?
0 votes1 answer -
margin в %
Здравствуйте. Я что-то потерялась и не пойму, почему задав margin в % блок с меню перекидывает последний пункт на новую строку. В примере сейчас в px, поставьте в % и оно съедет. Что не так? http://kattiperk.github.io/mps/index.html
0 votes10 answers -
Вписать видео в размер окна браузера
Подскажите пож, существует ли способ (в теге <video>) задать размер видео по размеру браузера. Чтобы изменяя размер окна браузера видео оставалось "вписано", при этом масштабировалось и нигде не появлялись пустоты. Вот что у меня максимум получилось: http://romaxprom.by/tmp/video/vd.html Ролик mp4, смотрите в Хроме. Если окно сделать узким, видео уходит вверх, а снизу появляется пустота.
0 votes8 answers -
Переключатели(радиокнопки)
Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…
0 votes8 answers -
Проблема с выездом таблицы за нижние границы
Не могу понять почему таблица при изменение размера экрана (в данном случае на мобильном устройстве) выходит за границы контейнера? Насколько я понимаю он должен растягиваться. Таблица вставлена как материал в Joomla.
0 votes8 answers -
Помогите разобраться с Less
Здравствуйте. http://mixertest.pp.ua/ Изучаю основы Less. Написала адаптивную страницу, но при изменении размера окна несколько div сползают в section.comments (screen http://mixertest.pp.ua/image.html). Помогите пожалуйста найти причину.
0 votes2 answers -
Header заезжает на заголовок
Дизайнер нарисовал так: Т.е. на фон хедера разместил изображение. И на нём же нужно разместить информацию не из хедера. Если это сверстать это будет выглядеть вот так: Что можно сделать, чтобы выглядело как на макете? http://design.zevs-online.ru/600/
0 votes3 answers -
Подскажите как сделать
Добрый день, не совсем понимаю до конца как можно сделать такой вот простой элемент http://joxi.ru/bmo0JQ9hMvg6O2 Делаю примерно так: .menu { height: 32px; width: 100%; .menu-img { height: 32px; width: 32px; border: 1px solid; background: #0099cc; } .menu-text { height: 32px; width: 100%; border: 1px solid; } Заранее спасибо Отвечая на свой вопрос: .g{ width: 240px; margin: 0 0 20px 13px; background: #fff; -webkit-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); -moz-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); box-shadow: …
0 votes0 answers -
При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу
Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?
0 votes1 answer -
Независимая ширина меню от родительского элемента
Есть шаблон с фиксированной шириной, чуть выше середины есть горизонтальное меню, его ширина зависит от ширины родителя, то есть ширина такая же как у шаблона. Можно ли как сделать, чтобы ширина меню была на всю ширину страницы? или хотя бы фон меню был на всю ширину, то есть визуально требуется полоска меню на всю ширину страницы
0 votes2 answers -
Подскажите как верстать такие сайты
Подскажите пожалуйста, как верстать подобные сайты, картинка в шапке имеет ширину 1200px, но ведь сайт должен растягиваться на всю ширину экрана, если шапку растягивать "background-size: 100%", то что делать с блоком который идет ниже (Свежие новости), растягивать его тоже на всю страницу, или по центру 1200px? и картинка растянутая на всю ширину уже становится плохого качества...
0 votes2 answers