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
-
Растягивание блока по высоте
Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…
0 votes9 answers -
Меню на HTML5
Коллеги, здравствуйте. Совсем недавно начал изучать HTML5, сейчас создал меню. Ниже маленький фрагмент кода. Всё красиво, всё по макету, всё работает. Но я сомневаюсь, что моя реализация валидна. Будьте так любезны, дайте советы, как сделать код валидным. <nav> <ul> <li class="nav_img_left"><img src="img/nav_left_background.png"></li> <!-- Закругление фона слева--> <li><a href="/about/">Главная</a></li> <!-- Пункт меню --> <li class="nav_border"><img src="img/nav_border.png"></li> <!-- Перегородка между элементами м…
0 votes11 answers -
Квадратные скобки в JavaScript
Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?
0 votes1 answer -
Потянуть фон
Не пойму в чем дело, вот стиль: td.header1 { background: url(images/bg1.jpg) repeat-x; height: 154px; } применяю это к двум ячейкам в таблице, но все равно видно стык: Как правильно поступить в данном случае?
0 votes7 answers -
класс для li
Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.
0 votes5 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
0 votes6 answers -
Блочная ссылка, вылезающая за границы предка
Имеется ряд ссылок с display:block, выступающих за границы родительского элемента с display: inline-block (живой пример — главное меню на www.zgames.com). В IE7-8, FF и Вебкитах это работает как ожидается, но в актуальных Операх (как минимум начиная с 10.61, включая альфу 11) и IE9 beta в режиме IE9 наблюдается странная вещь: нижние выступающие части ссылок почему-то некликабельны, а в Операх вдобавок текст этих выступающих частей исчезает при скроллинге и появляется заново только после наведения. Неужели так и должно быть по стандарту? Буду крайне благодарен за подсказку, какому месту стандарта противоречит такая конструкция. Задача, для которой понадобился такой изврат …
0 votes5 answers -
Как правильно залить бокс и выгнуть углы?
Доброго времени суток, у меня еще 2 вопроса: Как можно выгнуть углы (наружу; не загнуть)? Пример. На картинке выгнутые углы - снизу, ниже - простая зеленая линия.Как исправить ошибку с "заливкой" или как ее вообще правильно кодировать? Скрин навигации. Стрелкой указан текст и его коробка которая выходит за рамки белого фона (аналогично с NAUJAS TURINYS; под другие все подогнано, и все хорошо).Код (jsfiddle)
0 votes5 answers -
Как можно вставить в canvas картинку или button
Помогите есть канвас нужно в него вставить input.button или img, вставлял картинку через new Image все отрисовывает но такая картинка не воспринимает onclick, или есть способы добиться этого?
0 votes2 answers -
<!DOCTYPE html> портит верстку в IE7
Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…
0 votes4 answers -
Можно ли объявить запасной scr ?
Возникла такая ситуация, что база изображений для сайта распределена по двум каталогам. Причем, для каждого изображения известно только имя файла, но не известен каталог, то есть он известен, но с точностью до двух вариантов (это такие условия партнерки). Вот я и подумал, не придет ли мне на помощь HTML 5 со своими новыми возможностями, и нет ли там возможности указать запасной атрибут scr в теге img? Если, кто обладает информацией по даному вопросу, дайте знать, пожалуйста...
0 votes12 answers -
Урезка блока другим
Вот какая проблемы : на странице http://rubasket.com/Мультимедия/BasketTUBE...ctlink&id=3 блок с информацией о видео перекрывается дивом right .... как можно исправить?
0 votes11 answers -
frD-float - откуда белая полоса?
Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…
0 votes1 answer -
Dreamweaver
Всем привет..Я на форуме новичок).Вот у меня возник вопрос,я установил программу Adobe Dreamweaver.Разобрался в ней,но уяснил не все аспекты....Собственно вопрос:я сохраняю файл html или css на компе через программу.Дальше я его редактирую в программе,а файл который сохранился на компьютере он не изменяется..Как сделать чтобы он изменялся? P.S Сильно не пинайте
0 votes7 answers -
Перевод на div нужна помощь
Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <b>{title}</b> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b>{link-category}</b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> Тут Класс upzalivnews содержи…
0 votes5 answers -
Модальное окно
Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…
0 votes1 answer -
Эффект перекатывания
доброво времени суток, я только недавно стал изучать css и хотел на своем сайте применить эффект перекатывания(с помощью скрипта который я нашел на этом сайте),все работает только у меняпоблема у меня рисунки кнопок в jpeg и когда я первожу их в gif то ухудшается качество,а если ставить jpeg то браузер не отображает картинку Вот скрипт: <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Эффект перекатывания</title> <style type="text/css"> A.rollover { background: url('1.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 196px; /* Ширина р…
0 votes8 answers -
Ccылка в виде скрипта
Нашёл сайтик для своей рекламы,но там просят банер не фоткой а ссылкой в виде скрипта.Как это сделать обьясните плизз)
0 votes7 answers -
Что не так в моем HTML коде?
Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …
0 votes8 answers -
Вертикальное выравнивание в Bootstrap 4
У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между инпутом и концом правого блока. Как мне это сделать? Пример на фотографии есть.
0 votes1 answer -
JS фукция для округления чисел при помощи Math и его методов
Здравствуйте. Я только изучаю JS и столкнулся с очень интересной проблемой, не знаю как решить. Суть: Задача была написать функцию которая принимает два параметра. 1. Массив, состоящий из чисел с дробями. 2. Метод округления "round", "ceil" или "floor". На выходе функция должна выводить этот же массив, но при этом все элементы массива, должны быть округлены с помощью указанного во втором параметре метода объекта Math. Казалось бы, что задача пустяковая и решается за одну минуту. Так оно и было бы, если бы я не решил проверить решение запустив три раза подряд написанную мной функцию для 3 разных методов. В результате я получил все три раза скругление по методу ro…
0 votes4 answers -
Динамически изменяющийся маркер в списках
Доброго времени суток, господа! Собственно по сабжу: можно ли сделать нечто подобное средствами CSS? Немного уточню: хотелось бы, что бы при наведении курсора на элемент списка, появлялся маркер, когда курсор уходит - маркер исчезает (примерно, как на qip.ru в главном меню). Хотелось бы обойтись БЕЗ js.
0 votes5 answers -
C чего начать работу
Здравствуйте. Подскажите, как лучше сделать свою вот такую страницу Линк Просто у меня есть свой сайт/форум с онлайн играми и очень не хватает вот такого так сказать калькулятора... подскажите, в чем и с чего лучше начать его разработку ?
0 votes9 answers -
Как на моем сайте показать половину картинки с другого сайта?
Как с чужого сайта взять картинку, располовинить, взять ее левую часть и поместить на моем сайте? Картинка постоянно меняется, поэтому все это должно быть автоматом при открытии моего сайта.
0 votes7 answers -
Подгрузка шрифтов
Здравствуйте! Подскажите плиз как лучше поступить в следующей ситуации: При верстке макета столкнулся со шрифтом которого нет на моём компе[TrebuchetMS] [italic]. Поменять на похожий не вариант – поскольку заказчик требует именно этот... Из этого следует вопрос: Существует ли в инете механизм, на котором находились бы абсолютно все шрифты,которые через ссылку можно было бы подгрузить? И самое главное что бы это было надёжно и абсолютно кроссбраузерно... В одной работе увидел такой код: @import "style/style.css"; @font-face { font-family: "MyriadProCondensed"; font-style: normal; font-weight: normal; src: url("myriadpro-cond_0-webfont.eot?#iefix" ) format("…
0 votes4 answers