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
-
Не работает код
Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…
0 votes12 answers -
ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ
Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)
0 votes7 answers -
jQuery Слайдер
Потихоньку начал заниматься сайтом (диплом закрываю, появилось свободное время), решил добавить слайдер и нашел подходщий: http://www.gayadesign.com/scripts/presentationCycle/index.php?style=2 Вродебы полностью его интегрировал, но скрипт не подключается. Что получается: http://jsfiddle.net/jontsk/ceK2K/ Исходники есть на сайте по первой ссылке.
0 votes12 answers -
Прошу совета. Правила, принципы, секреты и т.д верстки
В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и ф…
0 votes3 answers -
Резиновыйы шаблон
Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.
0 votes12 answers -
Как оформить заголовок
Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&
0 votes3 answers -
Выравнивание прокрутки текста по вертикали
Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…
0 votes11 answers -
Вывод div с другой страницы
Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…
0 votes0 answers -
Аналог flexbox верстки на grid
Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - эл…
0 votes1 answer -
валидатор
Здравствуйте . Вставляю этот код: <a href="http://www.brtv.ru/" target="_blank"><img src="http://www.brtv.ru/form/kn/8831.gif" border="0" width="88"height="31" alt=" Вс? ДЛЯ ТВ, 3D Coler клипарты,Редакторы "></a></p> валидатор выдает ошибку Объясните пожалуйста в чем ошибка?! Спасибо.
0 votes4 answers -
Подскажите, пожалуйста, не могу привязать картинку-фон к ссылке...
Подскажите, пожалуйста: мне нужно сделать ссылку на определенном фоне. Сделал. А вот чтоб при наведении на эту ссылку менялся не только цвет ссылки, но и фон под ней ну никак не могу добиться((( Уже два часа парюсь, хоть стреляйся.
0 votes3 answers -
Background-position:center center; проблема с большим фоном
Добрый день. Помогите пожалуйста. Задача - у меня есть фон 1700 на 1200 и его нужно отобразить на странице так, чтобы центр фона всегда был в центре экрана. Я прописываю Background-position:center center; background-image: url('img/bg.png'); background-repeat: no-repeat; И вместо ожидаемого эффекта наблюдаю, что центральная горизонтальная осевая линия фона является пристугнутой к самому верху страницы (при этом верхняя половина фона обрезана). Что я делаю не так и как правильно сделать? Разрешения нужны любые, браузер тоже в принципе любой, наблюдается в firefox 3.5.5 проблема. Картинка с ошибкой http://s45.radikal.ru/i109/0912/a0/a05917aaea0c.jpg 300 килобайт Там вверх…
0 votes7 answers -
Подскажите начинающему
Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…
0 votes8 answers -
Отображение select в хроме в mac os
Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?
0 votes5 answers -
объединить необъединимое
Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <table> <tr> <td width="240px" valign="top"> <table border="0"> <tr><td><img src="http://gif-ramka.ucoz.ru/_ph/31/2/188836022.png" width="240px" height="250px" /></td></tr> <tr><td><img src="http://www.google.com.ua/images/srpr/logo3w.png" width="240px" /></td></tr> <tr><td><img src="http://www.…
0 votes12 answers -
Принудительное overflow-x: scroll при overflow-y: hidden
Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.
0 votes6 answers -
Этот хитрый skew
Хочу сделать кнопку со скошенными сторонами. Казалось бы, .knopa { transform: skew(15deg);}идеально подходит для этого. Но...вместе со сторонами скашивается и сам текст кнопки, что, в общем-то, логично, но это не то, что мне нужно. Единственное, что приходит в голову - это сделать элемент-обертку для текста внутри кнопки и ему задать противположный skew, т.е. на -15deg, что бы уравновесить скос для текста. Но мне не нравится идея создавать лишний элемент каждый раз, когда нужно сделать скошеный элемент с нескошеным контентом. Что можете посоветовать? SVG? Или может в спецификации css уже есть модуль, для создания элементов любых (хотя бы, остроконечных) форм?
0 votes3 answers -
Свойство transform не работает в Опере
Доброго вечера! Друзья! Пожалуйста подскажите что делать, если стилевое свойство transform не работает в Опере. Вот по этой ссылке есть баннер. Там надо открыть второй слайд этого баннера. И наверху есть человечек с конвертом. Вот к этой картинке применено свойство transform, которое работает в Мозилле и в Хроме, но не в Опере. Пытался туда вписать специально для Оперы -o-transform, но что-то не работает....
0 votes5 answers -
Заказ обратный звонок
Подскажите, пожалуйста, скрипт для заказа обратного звонка.
0 votes3 answers -
верстка html css новичка
Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/
0 votes4 answers -
Скачивание по ссылке
<div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…
0 votes8 answers -
Как отметить действие по умолчанию для нативного элемента select в мобильных устройствах?
Ребят, есть несколько проблем, связанные с select2 на мобильных. К сожалению, заказчик попросил оставить на мобильных именно select2. 1) Как сделать так, чтобы варианты выбора в select2 выпадали именно вниз, а не вверх? Т.е. вот так НЕ надо: http://take.ms/RxNi0 2) В мобильных, опять же, когда щёлкаешь на селект, то пользователей выбирает количество комнат два раза. Т.е. сначала выпадает варианты выбора селекта, а потом нативные (которые на мобильных): https://monosnap.com/file/opKnC5yFg3TN02npA6vbTGLhG11aah . Как сделать так, чтобы убрать нативный (мобильный), а оставить только выпадушку от select2? 3) Пользователей опять делает два действия, сначала выпа…
0 votes1 answer -
Позиционирование дивов
Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…
0 votes1 answer -
Буквица и Firefox 3
Верстаю один макет. Возникла необходимость сделать буквицу для заголовка h1. html: <h1>Сегодня вечером на Патриарших прудах будет интересная история!</h1> css: h1 { float:left; text-align:left; } h1:first-letter { text-align:left; font:normal 120% Verdana; color:#9acd32; } Код именно таков, потому что рядом справа от заголовка h1 будет еще одна надпись. по ТЗ надо чтобы она с заголовком помещалась в одну строку, поэтому и float:left; Теперь собственно по поводу брыкания Огнелиса 3: если в оформлении буквицы размер шрифта указан отличным от 100% (как в моем случае 120%) то размер блока h1 увеличивается в ширину, что легко проверяется прописыванием дл…
0 votes0 answers -
Расскажите про TBODY
Здравствуйте. Разъясните пожалуйста один момент: тэг TBODY может иметь стиль CSS или нет? Если я правильно понимаю спецификацию (в чем я не уверен), то Да, может, но как-то странно стили с этим тэгом работают. Наппример такие свойства, как: font-size или text-align к TBODY применяются, а вот border почему-то нет. Это так и должно быть или я чего-то недопонимаю? Спасибо.
0 votes4 answers