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

29,542 questions in this forum

  1. Проблемы при создании всплывающего окна!

    У меня вот такие вопросы Помогите их решить!

    Asked by CnaM,

    0 votes
    7 answers

  2. Проблемы при создании меню

    Добрый день. У меня проблема следующего характера, не могу привести в порядок меню. Простите за наглость, но я реально туплю. Уже неделю голову ломаю. Вот так должна выглядеть меню не в активном состоянии. http://savepic.net/5146388.png а при наведение на блок, он должен плавно приподнимается вверх и там появляется меню раздела. Своего рода выпадающее меню, только с заморочкой. Вот так должен выгляедть блок при наведении на него. На картинке показано что активны все блоки, это просто для наглядности сразу три раздела активны. http://savepic.net/5171989.png Помогите пожалуйста, не могу разобраться. Покажите хотя бы путь куда идти. Заранее благодарю.

    Asked by iron_t,

    0 votes
    4 answers

  3. Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE

    Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…

    Asked by Guest Гость,

    0 votes
    1 answer

  4. Проблемы с :after

    добавил в файл стилей .field-name-field-img-poster .field-label:after { content: "кликабельны"; color: #808080; font-weight: normal; font-size: 12px; } Но почему то вместо слова "кликабельны" появились ромбики с восклицательными знаками. Проблема с кодировкой? как исправить? http://vtrailere.ru/2012/treyler-k-filmu-ohotnik (смотрите где постеры)

    Asked by smirn0ff,

    0 votes
    2 answers

  5. проблемы с :hover

    Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?

    Asked by Alexey_Balu,

    0 votes
    5 answers

  6. проблемы с :hover в табах

    Здравствуйте. Не могу понять из-за чего такое происходит. :hover работает на всех ссылках в табах, кроме первого таба

    Asked by Prana,

    0 votes
    4 answers

  7. Проблемы с "position: fixed" под Chrome

    Всем здравствуйте! Я тут первый день, местных обычаев еще не изучил, поэтому если что не так - прошу пинать не очень больно. Проблема у меня следующая. Нужно в шаблоне страницы сделать зафиксированную шапку (ну и еще левое меню). Сделал я это, навесив на требуемые слои атрибут "position: fixed". Под IE и Mozill'ой глюков не обнаруживается, а вот под любимым мною Chrome'ом вдруг получил гимор. Выглядит это так: Хром рисует страницу, не успев расставить слои по позициям. Например, как видно на рисунке левое меню отрисовано по центру. Refresh страницы ситуацию исправляет полностью. "Сдвиги" возникают не всегда, но с постоянством, достойным лучшего применения и в разных вар…

    Asked by Konung,

    0 votes
    3 answers

  8. проблемы с @font-face

    Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …

    Asked by Nanto,

    0 votes
    9 answers

  9. проблемы с @font-face и "Private Sans"

    Добрый день. На сайте надо подключить шрифт "Private Sans". В инете нашёл кроссбраузерный вариант подключения шрифтов и сервис для конвертации. Конвертировал три варианта шрифта "regular", "italic" и "bold". В полученном архиве было указано правило для подключения шрифта (три варианта) @font-face { font-family: 'PrivateSansRegular'; src: url('../fonts/pvs55-webfont.eot'); src: url('../fonts/pvs55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pvs55-webfont.woff') format('woff'), url('../fonts/pvs55-webfont.ttf') format('truetype'), url('../fonts/pvs55-webfont.svg#PrivateSansRegular') format('svg'); font-weight:…

    Asked by slo_nik,

    0 votes
    19 answers

  10. Проблемы с <Input type="submit">

    Добрый вечер! При доделывании чужой работы столкнулся с простейшими на первый взгляд проблемами: На странице есть 2 инпута(на ссылке с принтскрином указано в каком браузере проблема...). В одном из них в мазилле не работает Cursor:pointer? Это связано с тем что там внутри один блок налазит на другой! Если менять блоки местами(в html)то cursor работает - но инпут не функционирует? (перепробовал в течении нескольких часов всё что в моих силах-но безрезультатно!) Работает он изначально нормально только в IE!(не могу понять почему?...) Со вторым инпутом при клике происходит смещение самого текста вниз на пару пикселей!? (происхдит это в IE и Opera?) P.S. Буду очень благодарен…

    Asked by Yamaradg,

    0 votes
    3 answers

  11. Проблемы с <title>

    Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.

    Asked by DartBein,

    0 votes
    6 answers

  12. проблемы с a:hover

    Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  13. проблемы с background

    Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой: http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png беграунд сверху размером 1800px и блок контента должен быть посредине. На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так: http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково? Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно? Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.

    Asked by WabFad,

    0 votes
    10 answers

  14. Проблемы с background

    Вот у меня такая проблема. На этом сайте Страница сайта, в области контента (два background), один no-repeat, другой repeat-y. Можно ли сделать так, что бы второй начинал повторения после первой картинки? Уже все перепробовал, и блоки друг в друга вставлял, не знаю что и делать, важно, что бы при увеличении контента второй bg удлиннялся

    Asked by galaydas,

    0 votes
    4 answers

  15. Проблемы с background image

    У меня на сайте должно использоваться 2 фоновые картинки, но как сделать так, чтобы основной была одна картинка, а главные страницы каждого каталога - отображалась другая картинка. Я основную картинку записал в файл CSS, а на главных страницах через аттрибут style тега body отбражалась картинка №2. Сделал это, так Ie вкачестве картинки дал белый фон!

    Asked by nazarovvlan,

    0 votes
    14 answers

  16. Проблемы с background-attachment

    Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…

    Asked by Angela,

    0 votes
    2 answers

  17. проблемы с bootstrap

    Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv

    Asked by yulshaz@mail.ru,

    0 votes
    10 answers

  18. Проблемы с clear

    Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…

    Asked by beginner,

    0 votes
    6 answers

  19. Проблемы с clearfix и высотой блока

    Я знаю, тут сидят опытные люди. Я сам занимаюсь версткой не первый год, и считаю себя достаточно профессиональным в этой области. Для чего я это написал. Не давно меня поверг в ступор один баг (может фича) связанный с clearfix'ом (я полагаю его использует больниство верстальщиков) Собственно код для ознакомления тут http://codepen.io/anon/pen/yFnJo Вопрос: почему растягивается первый item на высоту sidebar'a?

    Asked by phweb,

    0 votes
    13 answers

  20. Проблемы с CSS background-image

    Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>

    Asked by kirillps,

    0 votes
    8 answers

  21. проблемы с CSS в Explorer

    Всем привет! Столкнулся с проблемой при создании выносного(расширенного) меню с помощью css. Странички пишу в html коде, в опере и мазиле всё отображается замечательно, но вот эксплорер не хочет работать. Как я уже сказал в опере всё работает, наводишь курсором на строку в меню и справа появляется расширенное меню (то есть пока курсор не наведёшь его не видно). А в эксплорере даже наводить не надо, всё отображается списком. ХЕЛП? что исправить или дописать? В файле css следуюший код: ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { width: 170px; z-index: 500; background: #ffffff; } ul.dropdown > li { …

    Asked by SLY87,

    0 votes
    12 answers

  22. Проблемы с CSS в Джумле (поля выбора варианта)

    помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.

    Asked by xxxcrow,

    0 votes
    0 answers

  23. Проблемы с css,связанные с джумлой

    Здравствуйте)Помогите мне пожалуйста разобраться с css в джумле...Дело в том,что до того как я занес свой шаблон в джумлу он у меня отлично отображался,но после его установки он начал "сьезжать" в левую сторону и перестал растягиваться во всю выоту экрана...Я попробывал это исправить своими силами,но в итоге у меня получилось,что нормально отображаться сайт стал лишь в опере,в остальных браузерах у меня он изображается криво. Вот код моего css,отвечающий за вывод основного блока: .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; width: 900px; margin:40px 0px 40px 0px; heig…

    Asked by Asclepius,

    0 votes
    11 answers

  24. Проблемы с div

    Вот начитался статей про div и понял что пора бы уходить с тейблов))) Возникла небольшая проблемка, не могу растянуть div внутри другого diva.. в общем вот код.. Вот код шаблона (сайт на жумле будет): <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Trying to use CSS</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="header">HEADER</div> <div id="tmenulimg"></div> <div id="tmenu">Top Menu must be there</div> <div id="search"> <div id="tmenurimg"></div> <div id="tmenufind">Search module must be th…

    Asked by Ramone,

    0 votes
    2 answers

  25. Проблемы с div- меню в IE6

    Привет всем! помогите разобраться: Есть страница с меню слева, вот адрес http://wp.artmagazine.ru/?page_id=2 Везде, кроме IE6 (в IE7 не проверял), все работает, как надо. В шестом же эксплорере не меняется при наведении фон, и что я совсем не могу понять, съезжает вниз текст. Вот код, касающийся меню: на странице <div class="sidebar"> <div class="button"><a href="#" class="pages">Защита древесины</a></div> … </div> в стилях .button { background-image: url(img/brevno.jpg); background-repeat: repeat-x; height: 15px; width: 180px; } .button:hover { background-image: url(img/brevnored.jpg); background-repeat: repeat-x; height: 15px; w…

    Asked by naumkin,

    0 votes
    7 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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