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. верстка блока с линками на div

    Направте на путь истинный, пожалуйста. Пробую учится css верстке. Проба изложена ниже. Проблема в том, что в блоках не работает декорирование текста. Работают эффекты но шрифты имеют стандартный цвет линка и подчеркнуты. text-decoration: none; не реализуется. Не имеет значение какой шрифт подключается. Помогите разобраться, пожалуйста. Заранее спасибо. скрин проблемы: http://yadi.sk/d/iyjI6prs01eZQ вот код HTML: <!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" /&g…

    Asked by nvic,

    0 votes
    1 answer

  2. Проблема с фулл скрин слайдером

    Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!

    Asked by rusmn,

    0 votes
    2 answers

  3. хелп люди

    вот я например собираюсь фильмы на сайт выкладывать мне как под каждый фильм по отдельной странице запиливать или как???

    Asked by xenux58,

    0 votes
    5 answers

  4. CSS организация классов

    Здравствуйте. Помогите решить проблему. Есть много страниц, во избежания конфликта имен классов нужно организовать стили. Как вы действуете в данной ситуации? Разбиваете стили на логические блоки или, скажем, добавляете class/id в тег body и потом указываете перед классом: .home .links/#home .links? Может быть добавляете префикс перед классом: home-links? Недавано работал над сайтом. Разметка состояла из типичной: header/content (left, right)/footer Что то вроде <div class="header"></div> <div class="content c-home"> <div class="c-left"></div> <div class="c-right></div> </div> <div class="footer"></div> Пишу c-…

    Asked by damage220,

    0 votes
    1 answer

  5. Центрировать галерею Widgetkit

    Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.

    Asked by gumuch,

    0 votes
    2 answers

  6. Полезные страницы для сайта на хостинге

    Здравствуйте. Обычно просто верстал сайты на html + css, а на хостингах работал с движками, а там все базисные вещи сами по себе настроены. Решил сделать сайт на html + css и поработать с ним. Соответственно закинуть на хостинг. 1. Какие страницы, кроме страниц самого сайта обязательно должны быть на хостинге? 2. Какие страницы, кроме страниц самого сайта полезно размещать на хостинге? 3. Например, думаю создать свою страницу ошибки-404 404.html Соответственно добавить в файл .htaccess ErrorDocument 404 http://site.ru/404.html 4. Если не создавать свою 404-страницу, будет же выдаваться 404-страница от хостинга, типа просто будет написано, Not Found 404?

    Asked by Rustick,

    0 votes
    3 answers

  7. Сквозь выпадающее меню проглядывает нижняя строка

    http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.

    Asked by Starter,

    0 votes
    4 answers

  8. Helvetica Pro

    Ребят выручайте! У кого есть шрифты: HelveticaNeueLTPro-LtIt, HelveticaNeueLTPro-MdCn, HelveticaNeueLTPro-Bd и HelveticaNeueLTPro-Lt - в форматах eot,svg,ttf,svg? Очень нужно...

    Asked by mayse,

    0 votes
    1 answer

  9. Подскажите с выводом контента

    Здравствуйте. Нужно как-то правильно организовать вывод материала на Джумла 2.5 Пусть будет этот сайт как пример (сайт фиговый, но лучше не нашел для примера) Нажимаем на любую фирму в самом контенте, пусть это будет Denyo. Попадаем в список всех изделий, производимых этой фирмой. Нажав на любую из моделей генератора мы попадаем в описание конкретной марки. Вот как сделать эту тройную вложенность связанной между собой? То есть делать не просто страницу картинок с ссылками на материал, а то получается просто HTML какой-то. CMS для оптимизации ведь нужна А сверху есть 3 менюшки "КОМПРЕССОРЫ, ГЕНЕРАТОРЫ, СВАРКА" - нажав на которую выводится список всех компрессоров, в том…

    Asked by Imperil,

    0 votes
    0 answers

  10. <div> в строку без перехода на след. строку

    Здравствуйте еще раз Снова требуется помощь знающих Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера) То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк. Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному Результату - ноль. Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую в…

    Asked by a1rborn,

    0 votes
    2 answers

  11. Неправильное отображение в Opera

    На сайте laviq.ru , в верхнем меню, кнопка "Фотки по категориям" в Огнелисе и Хроме рендерится как надо, а вот Опера косячит с отступами внизу. Подскажите как исправить?

    Asked by r3verser,

    0 votes
    1 answer

  12. как "раздвинуть" пустой эелемент?

    Приветствую! Верстаю меню, вот код: <!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> <style> * { padding: 0; margin: 0; } body { padding: 5px 10px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; } #main_menu ul { list-style-type: none; display: block; } #main_menu li { display: block; float: left; position: relative; } #main_menu li a { display: inline-block; padding: 10px; color: #000; border-color: #000; border-bottom: 1px solid; text-decoration: none; } #main_menu li span { display: inl…

    Asked by stalker_2000,

    0 votes
    3 answers

  13. шаринг в facebook и кодировка

    Здравствуйте, коллеги. Не знаю, насколько моя проблема попадает в тему "верстка", прошу простить, если не попадает, но вдруг кто что дельное подскажет. Есть раздел сайта с материалами, которые посетители должны при желании шарить в соцсети. С Вконтактом, ЖЖ, твиттером проблем нет. А вот фейсбук ведет себя странно - иногда портит кодировку. Вот, например: http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/443/ - кодировка битая http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/444/ - все в порядке http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/441/ - нормальная http://ww…

    Asked by Elflight,

    0 votes
    0 answers

  14. печать формата А3

    Добрый день! Заранее прощу прощения, если вопрос слишком прост или совсем не для этого форума или ветки, искал, что то подобное но безрезультатно. Есть нарисованный с помощью canvas трафарет который нужно распечатать, что бы сделать выкройку. Трафарет рисуется по точкам, который вводит пользователь, на холсте происходит обрисовка. После этого необходимо распечатать, получившейся рисунок в формате А3, т.е. должно получиться несколько листов А4. Подскажите пожалуйста, каким образом это можно устроить? Заранее спасибо!

    Asked by Pavvel_,

    0 votes
    2 answers

  15. Задать размеры картинок так, чтобы их ширина была не больше ширины колонки таблицы

    Здравствуйте, Давно не практиковался в резиновой верстке и тут меня настигла следующая проблема. http://krytim.ru/shop/ - здесь есть код, о котором пойдет речь. Основная часть страницы занимает 70% ширины браузера, оставляя по 15% по бокам. Это делается через след блок: .wrapper { margin: 0px auto; min-width: 1000px; width: 70%; } И еще 280 пикселов под правый контейнер (панель): .contain { padding-right: 280px; } У части с товаром забирается еще по 20 пикселов по бокам #dle-content { padding: 0px 20px; } В итоге на узких мониторах остается 680 пикселов под 3 колонки товаров, учитывая отступы ячеек = 665 пикселов или почти 222 пиксела на картинку. Оригинальная ширин…

    Asked by olegsuv,

    0 votes
    7 answers

  16. <img> background

    Здравствуйте, подскажите пожалуйста... Имеется на странице блок по центру с минимальной min-width и максимальной max-width шириной. Внутри блока, панорамная картинка с фиксированными размерами: <img src="head.jpg" alt="" height="487" width="1260"> В css правило чтобы картинка <img src... автоматически подгонялось под размеры внешнего блока (уменьшается увеличивается картинка в зависимости от монитора) img { height: auto; width: 100%; } Как же сделать тоже самое только в место <img src= прописать правильно background в css? Химичил-Химичил получалось только фиксированные фоновый рисунок... ————-- При регистрации я впервые в жизни мельком прочитал пра…

    Asked by Телевизор,

    0 votes
    7 answers

  17. Курсы HTML/CSS

    Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!

    Asked by ikilldog,

    0 votes
    14 answers

  18. Задать разный цвет ссылок в блоках

    Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте... вот CSS: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: none; color:#2a76bd; } /*непосещенная ссылка*/ a:link{ text-decoration: none; co…

    Asked by Zeeeya,

    0 votes
    9 answers

  19. Как лучше реализовать?

    У меня идёт панелька с категориями, в ней содержатся ссылка на категорию, картинка-разделитель и так должно повторятся несколько раз и после этого форма поиска. Должно получиться примерно так Как можно это реализовать? Обязательно нужно что бы текст не прилегал к низу, а "висел в воздухе", пока в голову пришло только, что нужно каждую ссылку закинуть в отдельный див, и для каждого дива в классе прописать размеры блока, отступы от низа и float: left. Но что-то мне подсказывает,что это бред P.S. текст на фотке пляшет, но не было времени выравнивать

    Asked by Cooooop,

    0 votes
    3 answers

  20. Подстановка уже вводившихся значений

    Даже не знаю в каком направлении копать. Нужно чтобы в Safari для input поля показывались подсказки уже вводившихся значений. В Firefox нормально,а в Safari не хочет.Может это настройки браузера

    Asked by vladimircape,

    0 votes
    1 answer

  21. Строка бразера "сохранить пароль" наезжает на шапку сайта

    Добрый день. Проблема такая: при сохранении пароля при регистрации, вверху окна появляется строка браузера "сохранить пароль". при этом она наезжает на шапку сайта, а все ссылки, расположенные в хедере, сдвигаются вниз. Как можно сделать, чтобы шапка тоже сдвигалась вниз? Структура шапки такая: <body id="bg"> /*закрывается строкой бразера*/ <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <a href="/"><div id="logo"></div></a>/*сдвигается вниз*/ <div id="menu1"></div>/*сдвигается вниз*/ <div id="menu2"&…

    Asked by alekspol,

    0 votes
    6 answers

  22. Элемент на весь DIV

    Приветствую всех! Есть DIV (main), внутри которого расположен некоторый набор элементов. <div id="main"> <span>Форма чего-нибудь</span><br /> <div>Кнопки, картинки, текст и т.п.</div> </div> Иногда нужно блокировать все элементы и выводить анимацию поверх. Подобное я делал для всего экрана с помощью DIV и CSS. <style> #block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../img/wait.gif"); background-repeat: no-repeat; background-position: center; z-index: 5; } </style> <div id="block"> </div> Но вот как это сделать для DIV? Пробовал растянуть DIV…

    Asked by Sinot,

    0 votes
    2 answers

  23. Смена адреса через .htaccess

    Здравствуйте. Суть проблемы вот в чем: необходимо сменить адрес в DLE: www.мойсайт.ru/index.php?newsid=1 на www.мойсайт.ru/page.html. В файле .htaccess (который лежит в корне) прописал: RewriteRule ^page.html$ /index.php?newsid=1 [L] но изменений нет.

    Asked by TillL,

    0 votes
    9 answers

  24. Несколько DIV в ряд

    Всем ДД, есть div-контейнер, внутри несколько DIV с float: left; DIV идут рядом в одну строку, как и нужно, но если ширина экрана становится меньше длины всех DIV, то не помещающиеся по ширине окна DIV перетекают на новую строку, чего я не хотел бы. Нужно, чтобы DIV не перетекали, а появлялся горизонтальный scroll. Поигрался разными свойствами, типа overflow, но увы... Есть ли кроссбраузерный способ? Заранее спасибо!

    Asked by apollox,

    0 votes
    10 answers

  25. Поиск по алфавиту на сайте

    Здравствуйте. Собственно столкнулся с проблемой в шаблоне есть поиск по алфавиту, но я не знаю как его сделать. Прошу помогите реализовать поиск по алфавиту для DLE 9.6

    Asked by skyter,

    0 votes
    1 answer

  • Обсуждения

    • 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