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. Notepad++

    Здравствуйте, форумчане. Не подскажете, как сделать автозакрытие фигурных и обычных скобок в Notepad++?

    Asked by web-monster,

    0 votes
    12 answers

  2. Прозрачное изображение на витьеватом узоре

    Есть логотип:контурный рисунок.Есть фон с витьеватым узором. Можно ли без фиксированой ширины страницы расположить логотип на этом фоне так, чтобы логотип не скрывал этот узор. Или только с помощью фотошопа и фиксированной ширины?

    Asked by Jahlive,

    0 votes
    6 answers

  3. Помогите решить.

    Разделил страницу на части: Верх - Левая колонка - Центр - Правая колонка - Низ. В PHP подключаю эти файлы получаеться между Верхом и Середино отступ и также между Серединой и Низом. Как убрать эти отступы? Может неправильно HTML разделил? <!DOCTYPE HTML> <html lang="ru"> <head> <meta charset="utf-8"> <title> </title> </head> <body> <div> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Mi…

    Asked by shabalin-roman,

    0 votes
    5 answers

  4. Резиновый сайт и background-image

    Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…

    Asked by Ritter,

    0 votes
    11 answers

  5. Помогите с меню

    Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!

    Asked by GRstr,

    0 votes
    7 answers

  6. некорректно отображается меню в internet explorer - нужна помощь

    сделал сайт - neosoulcafe.ru проблема у меня с меню в Mozilla, Firefox и Opera всё отображается корректно, а в Internet Explorer при наведении курсора на контекстное меню, оно пропадает. может у меня что-то неправильно в коде? помогите, пожалуйста, кто может! СПАСИБО

    Asked by shall soul,

    0 votes
    8 answers

  7. Движение Изображения

    Как Заставить Изображение двигаться за Екраном(Если человек просматрюющий сайт прокрутил страницу вниз Фоновое изображение поехало за ним) в CSS?

    Asked by yarickyarick,

    0 votes
    17 answers

  8. Тень и выравнивание по центру

    Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?

    Asked by Sandr,

    0 votes
    4 answers

  9. background-position

    Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.

    Asked by bioz00,

    0 votes
    6 answers

  10. Изменить цвет части блока

    Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?

    Asked by luethus,

    0 votes
    4 answers

  11. Список с полем и таблица с данными

    Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.

    Asked by staindik,

    0 votes
    2 answers

  12. Проблемы с плавающими блоками

    Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper"&gt…

    Asked by CoDy,

    0 votes
    2 answers

  13. Проблема с div блоком, не расширяется на 100% по высоте

    Имеется следующий код html и css <!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></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …

    Asked by dinaron,

    0 votes
    2 answers

  14. JQuery Календарь...

    Добрый День! Моя проблема следующая: Cкачал плагин JQuery 'календарь' и при его редактировании у меня возникли дополнительные отступы(около 2px) в IE-7!(между ячейками таблицы на каторых указаны дни недели,а также между числами...) В остальных браузерах всё нормально!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9...) Перепробовал всё что в моих силах - но безрезультатно!(Хотя в таблицах я разбираюсь очень поверхностно,а плагин построин на них!) <table cellpadding="0" cellspacing="0"> применить не удается,поскольку не могу найти соответствующего кода HTML! Он находиться в папке jquery.date_input.js (правда я пока,что не могу разобраться в том - можно л…

    Asked by Yamaradg,

    0 votes
    5 answers

  15. Умеьшение картинки в пропорциях.

    Как задать? Есть блок , в котором рандомно выводятся изображения, немного различающиеся, как по высоте , так по ширине. Нужно подогнать под одну высоту, к примеру height: 140px; и задать ширину что бы пропорционально уменьшалась? Иначе визуально изображения получаются то растянутые в высоту, то приплюснутые.

    Asked by DzirT,

    0 votes
    5 answers

  16. Как выкладывать свой сайт в интернет

    У меня такая проблема,я сверстал дома старый Макетик,ради треннеровки,вот хочу его выложить в интернет,чтобы другие просто нажали на ссылку и посмотрели моё творение,как это сделать? Только просьба,отпишите прям по полочкам,детально,а то я уже на Народ.ру заходил,и ничего не понял(((

    Asked by psywalker,

    0 votes
    38 answers

  17. Проблемы с цетом текста

    Здраствуйте! Меня слегка перестал "слушаться" ВордПресс, делаю сайт на двиге, ибо не знаю php, который позарез нужен. Вот сайт, дизайн был совсем другим, я решил немного изменить его, но вот поменял, фон такой светленький, текст должен быть в свою очередь темным (раньше так и было), а тут раз и он уже белый чет, в css менял color не помогло, подскажите может быть кто-то знает в чем проблема? Ах, да и посмарите, какие ещё проблема в функионале и вообще сайте. Заранее благодарю.

    Asked by Shader,

    0 votes
    38 answers

  18. выровнять блок меню с любым количеством пунктов

    подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…

    Asked by cyklop77,

    0 votes
    3 answers

  19. При увеличении правого столбца, подвал не падает

    Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /&g…

    Asked by Воитель,

    0 votes
    2 answers

  20. микроразметка hCard

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

    Asked by cyklop77,

    0 votes
    1 answer

  21. Резиновый дизайн. (от и до)

    Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.

    Asked by arthyrgrex,

    0 votes
    1 answer

  22. IE 6 в сторону

    Кто-нибудь в курсе как сделать так чтобы сайт определял какой браузер стоит у пользователя.. тем самым вычисляя если стоит шестерка или семерка ИЕ то выдавать сообщение о том мол ваш браузер старый скачайте отсюда другой..?

    Asked by North-28,

    0 votes
    2 answers

  23. менюшка

    думал что умею верствть менюшки но столкнулся с проблемкой. меню выводится в виде списка. простой hover для ссылки исключительно прямоугольный. нужно чтобы пункт подсвечивался при наведении вот так. Что то более менне похожее отыскал вот здесь. http://menu.ihtut.net/horizontal_menu/10-prostoe-i-gorizontalnoe-menyu.html

    Asked by pashen,

    0 votes
    0 answers

  24. Нужэн плагин-галерея !

    Нужна галерея на подобе simpleviewer , ток чтоб фоток больше лезло . Єт первй критерий . Плюс былоб очень хорошо если б при клике по превью - кроме большой картинки открывалось еще две маленькие (варианты большой(зад и перед плятья)) Ну и чтоб анимацыя была не хуже . Можэт кто знает что лучше всего подойдет для решения этой срочной проблемы ?

    Asked by Vandeko,

    0 votes
    4 answers

  25. Меню как на Google

    Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…

    Asked by weqy,

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