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. div в div'e

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…

    Asked by spn_one,

    0 votes
    0 answers

  2. Линейные градиенты в разных браузерах и таб

    При помощи сервиса http://www.colorzill...radient-editor/ создал линейный градиент, немного доработал код и сделал то, что хотел: так отображается в FireFox, а в IE 9.0: как видите, не то что хотелось бы, причём в последней версии Хрома, граница также видна. Как исправить? (http://prodpak.ru) background: white; /* Old browsers */ background: -moz-linear-gradient(top, #F3EEEB, white, white, white, white, white, #F3EEEB); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3EEEB), color-stop(83%,white), color-stop(100%,#F3EEEB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3EEEB 0%,white 83%,#F3EEEB 100%); /* Chr…

    Asked by Delat,

    0 votes
    5 answers

  3. Наложение цвета на фон

    Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.

    Asked by edwinkkc,

    0 votes
    2 answers

  4. Баги хрома, большие картинки, пропадающий фон и артефакты у картинок

    Проблема только в хроме. Много больших картинок, прозрачных слоев = проблема в паралаксе. Открыть на весь экран http://html2css.ru/travel3/ - при прокрутке пропадает фон (можно увидеть только на больших экранах). фикшу через - * { -webkit-backface-visibility: hidden;}http://html2css.ru/travel2/ Появляется новая проблема - если подвигать мышкой - можно увидетЬ, что у некоторых картинок паралакса появляется как бы граница (экран нужно прокрутить тоже, чтобы увидеть). Как пофиксить это?

    Asked by Zverushka,

    0 votes
    0 answers

  5. Непонятный отступ

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

    Asked by gregsv,

    0 votes
    5 answers

  6. Вёрстка блога с учётом семантики для поисковой оптимизации

    Не могу принять решение выбирая между main и article, поэтому решил посоветоваться. Главная страница <header><h1>Название блога</h1></header> <nav>Основное меню</nav> <main> <article> <time>Время публикации</time> <h1><a>Заголовок публикации, он же ссылка на полный текст</a></h1> Краткий текст публикации </article> .... другие 9 <article> </main> <menu>Ссылки на страницы</menu> <footer>Кнопки на каталоги</footer> Внутренняя страница <header>Название блога</header> <nav>Основное меню</nav> <mai…

    Asked by PavelTkachev,

    0 votes
    8 answers

  7. Приоритет блоков поделиться

    Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.

    Asked by Mizorg,

    0 votes
    3 answers

  8. Почему не получается сделать sticky footer через отрицательный margin?

    Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так

    Asked by L1nx,

    0 votes
    2 answers

  9. CSS @Media

    Здравствуйте! Прописал следующие @media для мобильных устройств: @media screen and (max-width: 768px) {} Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?

    Asked by Vans,

    0 votes
    1 answer

  10. Помогите вставить url. Не вставляется картинка

    Не вставляется картинка <body> </body> body { background-image: url(references/2.jpg); } Картинку не видно...........

    Asked by alexanderPoiu,

    0 votes
    4 answers

  11. Как в лендинге получить имя и номер

    Всем привет! У меня вопрос. Есть лендинг, есть форма для принятия данных покупателя. Но я не знаю куда они отправляются. Как только пользователь внесёт свои данные куда они отправятся. Где это можно настроить? В каком месте кода html? Помогите, пожалуйста

    Asked by Pavel.nols,

    0 votes
    1 answer

  12. тест в div ниже чем нужно в IE7

    Приветствую. Извените за партяну. Проблема - текст "МЕНЮ 2" ниже чем "МЕНЮ 1" в IE7 (в FF3 и Opera 9 - все правильно) - как решить не знаю, нужно поднять "МЕНЮ 2" до уровня "МЕНЮ 1". http://validator.w3.org/check - говорит что ошибок нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .fll { float: left; } .whb { font-size: 7pt; color: #FFFFFF; font-weight: bold; } .men { …

    Asked by cvn,

    0 votes
    0 answers

  13. Валидация доктайпа

    Не знаю можно ли тут ссылку на этот сайт дать. Вот увидел там статью: Различное отображение HTML документов в браузере зависит от объявленного Doctype. И таблицу которая немного огорчила. Так ли это? http://www.i2r.ru/static/479/out_23105.shtml По w3c полазил, ничего путного не увидел.

    Asked by Ururu,

    0 votes
    4 answers

  14. Шапка для сайта

    Всем доброго утра! Нужна помощь в создании шапки сайта.. Дело вот в чем , делаю "резиновую шапку", т.е. повторяется градиент в шапке,справа размещаю flash анимацию, а посередине надо разместить картинку( png c прозрачным фоном) , выровнять картинку четко посередине почему-то не получается... думаю проблема из-за flash. Пожалуйста помогите найти ошибку в коде, и по возможности решение проблемы. Вот исходник Пришлось залить на дамп, не нашел как приклеплять... Заранее всем спасибо!

    Asked by WhitePhoenix,

    0 votes
    6 answers

  15. Как поменять положение слоя?

    Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net

    Asked by kentastik,

    0 votes
    8 answers

  16. Дизайн в три колонки

    Добрый день! У меня задача - таблицу m на n сверстать блоками. То есть строки и столбцы должны автоматически подгоняться по высоте и ширине соответственно. Это возможно?

    Asked by kuraga,

    0 votes
    6 answers

  17. Спасите помогите!

    Короче вот какая ситуация: взялся сделать сайт - вроде не сложно. Но как начал делать, так сразу все идеи пропали! Короче посоветуйте, пожалуйста, что делать! Вроде как уже начал: менюшку сделал, шапку нашел, но сайт какой то не структурированый, квадратный, необтесаный и не красивый. Че делать?

    Asked by NIkNOkNIkNOk,

    0 votes
    9 answers

  18. Горизонтальное меню

    Пример. Как сделать в первом, а потом и в последующих подпунктах меню, текст в 2 строки. То есть, <span>Back to home</span> переместить на новую строку первого подпункта, прям под слово "Home", и граница левая должна вниз продолжиться. Скрин - здесь, так как должно быть. Спасибо

    Asked by gerdin,

    0 votes
    4 answers

  19. Код в коде html

    Здравствуйте. Возникла необходимость вставить на страницу html код, так что бы он отображася именно как код, а не интерпретировался браузером как часть разметки... Поиск ничего не дал( Подскажите как это реализовать. Зараннее спасибо.

    Asked by greeb,

    0 votes
    8 answers

  20. Валидация...

    Всем привет! Последний месяц-полтора я немного отстал от жизни в плане вёрстки и сегодня при проверке валидации в своей старой работе я обнаружил 34 ошибки в CSS???(Вместо одной или двух которые там были раньше...) Скрин здесь: http://yamaradg.narod2.ru/history/Validator_CSS.jpgru/history/Validator_CSS.jpg Тоесть мне непонятно что означает: "Ошибка значения font?" Раньше такого точно не было... Ещё меня заинтересовал вопрос по валидации - но на этот раз уже связанный с Кодом HTML: В общем когда присваиваю селекту атрибут "rel=1"(или любой другой) то валидатор также начинает ругаться? (В этом случае не исключаю того что это именно я что то упустил из виду?) Скрин также пр…

    Asked by Yamaradg,

    0 votes
    7 answers

  21. Как сделать чтобы перенос выглядел как 2?

    Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.

    Asked by iKNG,

    0 votes
    7 answers

  22. Масштабирование против центрирования

    Здравствуйте. Вот сайт есть: http://www.homotomia.ru/ Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так: $("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" }); document.body.style.MozTransform="scale(0.65)"; // для FireFox if ($.browser.opera) { $("body").css("marginTop", "-150px"); document.body.style.OTransform = "scale(0.65)";// Для Opera } И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого са…

    Asked by prowoke,

    0 votes
    1 answer

  23. Некорректное отображение в Chrome

    Здравствуйте, уважаемые форумчане! Столкнулся с проблемой некорректного отображения одного блока в Chrome. Помогите исправить, пожалуйста. Скриншот:

    Asked by beliy,

    0 votes
    2 answers

  24. navigator.geoLocation

    Добрый день! Интересует такой вопрос: можно ли каким-либо образом подменить данные о геопозиции, получаемые при помощи geoLocation API, и затем пересылаемые на сервер? Вопрос не для использования уязвимости, если таковая имеется, а для защиты от неё. Спасибо!

    Asked by jiabpadop,

    0 votes
    4 answers

  25. Как установить картинку в нужное мне место

    Всем привет появилась проблема с версткой дизайна для файлообменника вот как выглядит сейчас тут картинка с Лениным стоит не так как задумывалось Вот как задумывалось (набросал в фотошопе)

    Asked by JIEHNH,

    0 votes
    7 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