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. Цвет подчёркивания ссылки

    Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым. Пишу такое. Файл css: A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline; font-style:normal; font-weight:bold; letter-spacing:2px; font-size:11pt;} A.menu3:hover{color:red; text-decoration:underline;} A.menu5:active{color:yellow; background:red;} фАйл HTML <a class="menu1 menu2 menu3 menu4 menu5 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a>

    Asked by people2010,

    0 votes
    12 answers

  2. Как изменить соотношение (font-size-adjust) высоты шрифта к ширине

    Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо

    Asked by LossBull,

    0 votes
    6 answers

  3. Опять проблема с BODY

    http://elki.undersite.ru/about.html На тег HTML навешан градиентный фон, на BODY узор который выше градиента должен отображаться! все бы ничего только опера и FF фон на боди отображают на видимой области, если прокрутить ниже то будет резкий обрыв его, как пофиксить?

    Asked by TonKhaO,

    0 votes
    7 answers

  4. Неправильно отображение плавающего фрейма

    Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…

    Asked by people2010,

    0 votes
    11 answers

  5. JavaScript

    Подскажите пожалуйста каким образом пишется эффект меняющий автоматически картинки на одной позиции как на данном сайте http://www.r-line.ru/ очень срочно

    Asked by sv12,

    0 votes
    3 answers

  6. Есть ли возможность убрать скролл в IE

    Поставил текстарею с такими стилями textarea{ float: right; border: 1px solid #C6C6C6; margin: 15px 15px 5px 0; width: 350px; height: 90px; font-size: 18px;} В опере скрола справа нет, а в IE 8 есть. Подскажите как убрать.

    Asked by snug,

    0 votes
    1 answer

  7. Едет меню на основе UL LI в IE 6 и 7 :(

    Здравствуйте! Вот такая белиберда получается Тут лежит zip с файлами. Почему так происходит? Что браузеру не нравится? 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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="keywords" content=""/> <meta http-equiv="description" content=""/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <title&…

    Asked by Eirene,

    0 votes
    3 answers

  8. сдвиг бекграунда относительно окна браузера

    aviacom.com.ua фигня, когда уменьшаю окно браузера, бекграунд сползает влево, и как результат - получается бредотень. такая фигня во всх браузерах кроме Оперы. почему так? и как ето исправить?

    Asked by Proks,

    0 votes
    13 answers

  9. Убегает форма отправки сообщения в ИЕ6

    Сайт http://yugfiltr.ru/contacts форма отправки при разрешении 1024 убегает вниз в ИЕ6 Не могу понять в чем дело...Подскажите

    Asked by Mary_RND,

    0 votes
    3 answers

  10. ссылка во флеш

    Здравствуйте! Прошу вас о помощи! Создал шапку для сайта со спецэффектами во флеш. В этой шапке есть 4 кнопки. Прописал для них в Action Script код, чтобы работали ссылки: but1.onRelease = function() { getURL("../prod.html") } but2.onRelease = function() { getURL("../part.html") } but3.onRelease = function() { getURL("../akc.html") } but4.onRelease = function() { getURL("../nov.html") } Проверяю. Открываю во флеш публикацию для веб - и всё работает. Вставляю в свою страничку и вот незадача...не может найти путь. Вставляю с помощью следующего кода: <div id="header"> <embed src="img/header.swf" align="absmiddle" width="751" height="145"> </div> Собствен…

    Asked by maksimka,

    0 votes
    12 answers

  11. повтор изображения

    Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …

    Asked by sh1va,

    0 votes
    2 answers

  12. Отступы

    Привет всем! Люди, помогите, пожалуйста, новичку! Как сделать отступ между окном и блоком рекламы (на скрине). Понимаю, что это где-то аттрибут margin надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.

    Asked by Niagara,

    0 votes
    12 answers

  13. Как бы вы сверстали каркас?

    сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>

    Asked by MehOlOLBuC,

    0 votes
    6 answers

  14. Автоопределение города...

    Здравствуйте, Люди! Прошу помощи в создании скрипта для информера (например - погоды, траффика и т.п.), способного настраиваться на местоположение клиента. С точностью до города (региона). Основная идея вроде такой, НО! IP как источник местоположения категорически не годится для мобильного. Потому, что APN оператора зарегистрирован в Москве. Погода в Москве - тоже интересная тема, но решается легко. А пробки в Москве теряют актуальность при удалении за N-е кольцо... Яндекс, например, справляется с задачей не очень уверено. При входе с мобилы "Санкт-Петербург" заменяется на "Северо-Запад". А Северо-Запад БОЛЬШОЙ. И погода по Северо-Западу - это средняя температура по больн…

    Asked by TalkerBird,

    0 votes
    1 answer

  15. Таблица, границы

    Интересно можно сделать как тут http://w3cverstka.ru/test.html, но в одной таблице. По ссылке это сделано с помощью нескольких таблиц. В принципе и так не плохо, но захотелось так, тем более много таких таблиц, и унифицировать их хотел. Если ещё кто не понял что нужно =)) - ячейки с цифрами 1231231 и тд, щас в виде отдельных таблиц без границы, а можно ли сделать их в виде ячеек с невидимыми границами в одной большой таблице? border-right: none 0px; border-left: none 0px; если прописать то остаётся внешняя граница таблицы, если её убрать border=0, то неравномерные границы получаются, если отключить border-collapse удваивание, то границы становяться слишком тонкие =)

    Asked by SoFuWa,

    0 votes
    2 answers

  16. Углы и не только!

    Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!

    Asked by Alexsays,

    0 votes
    21 answers

  17. Проблема с отображением блока в браузерах, отличных от IE

    Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…

    Asked by Mikh.Artem,

    0 votes
    2 answers

  18. Chrome не выводит <noscript>

    Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.

    Asked by vahrusha,

    0 votes
    4 answers

  19. Проблемы с фоном в div

    Здравствуйте. Подскажите пожалуйста, почему синий и зеленый фон только до конца экрана, а не доконца страницы? http://medalist.narod.ru/Untitled-1.html

    Asked by medalist,

    0 votes
    12 answers

  20. Три div-a по горизонтали. Резина

    Привет всем, сам долго голову ломал, решил написать. Задача: Сделать 3 вертикально отпозиционированных div-a, два из которых (левый и правый) с фиксированным размером в px, прижаты к краям браузера. Третий резиновый, с фиксированной минимальной шириной в px, заполняет всю оставшуюся область между двумя крайними. Сложности: В принципе задумка у меня получилась, но я так и не смог сделать корректное масштабирование (при уменьшении масштаба правый div уходит за средний). Жду предложений, заранее спасибо.

    Asked by mazahaker,

    0 votes
    1 answer

  21. Стилизация выплывающего списка

    Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.

    Asked by Prokopov Nikolai,

    0 votes
    5 answers

  22. Рамка для формы поиска

    <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .searchform { background: #b91715 bottom left no-repeat; float: right; padding: 1px; top: 25px; right: 0px; } .searchform .s { border: none; background: #FFF; color: #666; font-family: Times New Roman, Georgia, Serif; padding: 2px; width: 157px; } </style> </head> <body> <form method="get" id="searc…

    Asked by Mal4ishnik,

    0 votes
    6 answers

  23. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010,

    0 votes
    12 answers

  24. Как залить фон градиентом?

    Здравствуйте! Я начинающий верстальщик. Столкнулась с такой проблемкой. Есть полосочка - градиент, для фона. Размер 1500Х1. Градиент заливается, но он не растягивается на всю высоту, то есть если не уменьшать масштаб, все отлично, а когда уменьшаешь, то градиент как обрывается. Repeat делать смысла нет, как я поняла... Помогите пожалуйста. Есть ли выход из этой ситуации??

    Asked by Lucky_Malina,

    0 votes
    12 answers

  25. идентификатор "перекрывает" класс..

    Столкнулся с такой проблемой <div id = "main_menu"> <li><a href = "#">22222222</a></li> <li><a href = "#">22222222</a></li> <div class = "sub_menu"> <li><a href = "#">111111111</a></li> <li><a href = "#">111111111</a></li> </div> </div> Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.

    Asked by asp.,

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