Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Не работает код

    Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 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…

    Asked by skvaer09,

    0 votes
    12 answers

  2. ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ

    Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)

    Asked by saiidr,

    0 votes
    7 answers

  3. jQuery Слайдер

    Потихоньку начал заниматься сайтом (диплом закрываю, появилось свободное время), решил добавить слайдер и нашел подходщий: http://www.gayadesign.com/scripts/presentationCycle/index.php?style=2 Вродебы полностью его интегрировал, но скрипт не подключается. Что получается: http://jsfiddle.net/jontsk/ceK2K/ Исходники есть на сайте по первой ссылке.

    Asked by jontsk,

    0 votes
    12 answers

  4. Прошу совета. Правила, принципы, секреты и т.д верстки

    В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и ф…

    Asked by Mambli_Joe,

    0 votes
    3 answers

  5. Резиновыйы шаблон

    Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.

    Asked by new01,

    0 votes
    12 answers

  6. Как оформить заголовок

    Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&

    Asked by fowl,

    0 votes
    3 answers

  7. Выравнивание прокрутки текста по вертикали

    Здравствуйте. В который раз не могу выставить в нужное место блок 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="" />…

    Asked by resurs,

    0 votes
    11 answers

  8. Вывод 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…

    Asked by Иван98,

    0 votes
    0 answers

  9. Аналог flexbox верстки на grid

    Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - эл…

    Asked by alex_web64,

    0 votes
    1 answer

  10. валидатор

    Здравствуйте . Вставляю этот код: <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> валидатор выдает ошибку Объясните пожалуйста в чем ошибка?! Спасибо.

    Asked by Lobo,

    0 votes
    4 answers

  11. Подскажите, пожалуйста, не могу привязать картинку-фон к ссылке...

    Подскажите, пожалуйста: мне нужно сделать ссылку на определенном фоне. Сделал. А вот чтоб при наведении на эту ссылку менялся не только цвет ссылки, но и фон под ней ну никак не могу добиться((( Уже два часа парюсь, хоть стреляйся.

    Asked by admelj,

    0 votes
    3 answers

  12. 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 килобайт Там вверх…

    Asked by MageMerlin,

    0 votes
    7 answers

  13. Подскажите начинающему

    Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 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…

    Asked by GLaZz,

    0 votes
    8 answers

  14. Отображение select в хроме в mac os

    Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?

    Asked by viv,

    0 votes
    5 answers

  15. объединить необъединимое

    Приветствую! Имеется старый сайт табличной трёхколоночной вёрстки: <!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.…

    Asked by stalker_2000,

    0 votes
    12 answers

  16. Принудительное overflow-x: scroll при overflow-y: hidden

    Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.

    Asked by 7ion,

    0 votes
    6 answers

  17. Этот хитрый skew

    Хочу сделать кнопку со скошенными сторонами. Казалось бы, .knopa { ​transform: skew(15deg);}идеально подходит для этого. Но...вместе со сторонами скашивается и сам текст кнопки, что, в общем-то, логично, но это не то, что мне нужно. Единственное, что приходит в голову - это сделать элемент-обертку для текста внутри кнопки и ему задать противположный skew, т.е. на -15deg, что бы уравновесить скос для текста. Но мне не нравится идея создавать лишний элемент каждый раз, когда нужно сделать скошеный элемент с нескошеным контентом. Что можете посоветовать? SVG? Или может в спецификации css уже есть модуль, для создания элементов любых (хотя бы, остроконечных) форм?

    Asked by Evkaky,

    0 votes
    3 answers

  18. Свойство transform не работает в Опере

    Доброго вечера! Друзья! Пожалуйста подскажите что делать, если стилевое свойство transform не работает в Опере. Вот по этой ссылке есть баннер. Там надо открыть второй слайд этого баннера. И наверху есть человечек с конвертом. Вот к этой картинке применено свойство transform, которое работает в Мозилле и в Хроме, но не в Опере. Пытался туда вписать специально для Оперы -o-transform, но что-то не работает....

    Asked by rafaello9,

    0 votes
    5 answers

  19. Заказ обратный звонок

    Подскажите, пожалуйста, скрипт для заказа обратного звонка.

    Asked by Anna-15,

    0 votes
    3 answers

  20. верстка html css новичка

    Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/

    Asked by Sarkazmus,

    0 votes
    4 answers

  21. Скачивание по ссылке

    <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 и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…

    Asked by vitaliy2018,

    0 votes
    8 answers

  22. Как отметить действие по умолчанию для нативного элемента select в мобильных устройствах?

    Ребят, есть несколько проблем, связанные с select2 на мобильных. К сожалению, заказчик попросил оставить на мобильных именно select2. 1) Как сделать так, чтобы варианты выбора в select2 выпадали именно вниз, а не вверх? Т.е. вот так НЕ надо: http://take.ms/RxNi0 2) В мобильных, опять же, когда щёлкаешь на селект, то пользователей выбирает количество комнат два раза. Т.е. сначала выпадает варианты выбора селекта, а потом нативные (которые на мобильных): https://monosnap.com/file/opKnC5yFg3TN02npA6vbTGLhG11aah . Как сделать так, чтобы убрать нативный (мобильный), а оставить только выпадушку от select2? 3) Пользователей опять делает два действия, сначала выпа…

    Asked by psywalker,

    0 votes
    1 answer

  23. Позиционирование дивов

    Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…

    Asked by guvatara,

    0 votes
    1 answer

  24. Буквица и 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 увеличивается в ширину, что легко проверяется прописыванием дл…

    Asked by Punsh,

    0 votes
    0 answers

  25. Расскажите про TBODY

    Здравствуйте. Разъясните пожалуйста один момент: тэг TBODY может иметь стиль CSS или нет? Если я правильно понимаю спецификацию (в чем я не уверен), то Да, может, но как-то странно стили с этим тэгом работают. Наппример такие свойства, как: font-size или text-align к TBODY применяются, а вот border почему-то нет. Это так и должно быть или я чего-то недопонимаю? Спасибо.

    Asked by UNIX,

    0 votes
    4 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept