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. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan,

    0 votes
    23 answers

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

    Добрый день. Проблема такая: при сохранении пароля при регистрации, вверху окна появляется строка браузера "сохранить пароль". при этом она наезжает на шапку сайта, а все ссылки, расположенные в хедере, сдвигаются вниз. Как можно сделать, чтобы шапка тоже сдвигалась вниз? Структура шапки такая: <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

  3. помогите

    Есть такая задача " есть сайт studygood.ru надо будет взять шаблон и натянуть его на вордпресс". У меня вопрос: "что значит взять шаблон"?

    Asked by olechic,

    0 votes
    1 answer

  4. Масштабирование фонового изображения. Как реализовать?

    Необходимо большое изображение (выбрано большое разрешение для того, что бы на больших мониторах было тоже хорошее качество) установить на фон страницы так, чтобы оно заполняло все доступное простанство и в то же время все вмещалось в эту область. Т.е. масштабировать фоновое изображение до краев и в то же время уместить его полностью. О том, что может выглядеть плохо - понимаю. Пробовал играть со значениями background-size, не помогает. Лучшее, что смог сделать нижеследующий текст. Однако картинка умещается по горизонтали, а снизу белая полоса. Монитор 1280х1024, а картинка 3543х2362. body { background: url(kap_bg_optimize.jpg) no-repeat; -moz-background-size: 1…

    Asked by Resager,

    0 votes
    2 answers

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

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

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

    Asked by Starter,

    0 votes
    4 answers

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

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

    Asked by Pavvel_,

    0 votes
    2 answers

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

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

    Asked by r3verser,

    0 votes
    1 answer

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

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

    Asked by rusmn,

    0 votes
    2 answers

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

    Здравствуйте. Обычно просто верстал сайты на 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

  11. Центрировать галерею 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

  12. 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

  13. <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

  14. 100 однотипных страниц

    Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

    Asked by reitory,

    0 votes
    4 answers

  15. Helvetica Pro

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

    Asked by mayse,

    0 votes
    1 answer

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

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

    Asked by a1rborn,

    0 votes
    2 answers

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

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

    Asked by Imperil,

    0 votes
    0 answers

  18. Родительский контейнер не растягивается в IE6-9

    Есть внешний контейнер, в котором расположены кнопки и текстовые поля регистрационной формы. Также контейнер содержит ряд скрытых дивов, которые перестают быть таковыми в случае некорректно введенных данных (javascript-проверка). В FF, Opera, Webkit внешний див корректно растягивается, а вот в IE6-9 не хочет, и внутрение дивы вылезают за границу. Вот так: .tbl { width:100%;background-color:#f3f3f3;display:table; margin:10px auto;padding:15px 0px;border:1px solid #d4d0c8; } .string{display:table-row;width:100%;font:13px Tahoma;color:black;} #login_error, #pass_error, #mail_error{display:none;width:100%;font:11px Tahoma;text-align:center;color:red;} <form m…

    Asked by Streuner,

    0 votes
    1 answer

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

    Приветствую! Верстаю меню, вот код: <!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

  20. шаринг в 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

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

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

    Asked by vladimircape,

    0 votes
    1 answer

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

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

    Asked by Cooooop,

    0 votes
    3 answers

  23. Clear

    Во многих шаблонах доступных в интернете, в коде встречал <div class="clear"></div>,.clear { clear: both; }, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?

    Asked by Cooooop,

    0 votes
    5 answers

  24. Смена адреса через .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

  25. Элемент на весь 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

  • Обсуждения

    • 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