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. Под что стоит верстать?

    Здравствуйте. Кто работает верстальщиком подскажите пожалуйста под какие CMS вы само часто верстаете? И дайте парочку советов новичку на которые следует обратить внимание при работа верстальщиком фрилансером.

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  2. подавление сообщений

    можно ли подавить сообщение "данная форма отправляется и т.д" не прибегая к PHP и PERL?

    Asked by slovo,

    0 votes
    8 answers

  3. подберите фон

    помогите подобрать фон на школьный сайт нужно чтото типа бумаги если что вот сайт http://xn--8-mtbvk1b.in.ua/

    Asked by T@NKIST,

    0 votes
    3 answers

  4. Подбор необходимого цвета

    <script type="text/javascript"> var tagcloud_cl = new SWFObject("/engine/classes/tagcloud/tagcloud.swf", "tagcloud", "190", "220", "9", "#6fffff"); var tagcloud_cl_temp = encodeURIComponent("<tags>'.$tpl_tags_cloud2.'</tags>") tagcloud_cl.addParam("wmode","transparent"); tagcloud_cl.addVariable("tcolor", "0x4b73d4"); tagcloud_cl.addVariable("tspeed", "100"); tagcloud_cl.addVariable("distr", "true"); tagcloud_cl.addVariable("mode", "tags"); tagcloud_cl.addVariable("tagcloud", tagcloud_cl_temp); tagcloud_cl.write("cumuluscontent"); это часть кода где настраиваются размеры, цвет фона и текста.…

    Asked by furaixp,

    0 votes
    1 answer

  5. Подборка гарнитуры

    Здравствуйте, я начинающий верстальщик, вот решился на свой первый макет и столкнулся с проблемой подборки гарнитуры, например как определить что за шрифт и размер?

    Asked by fragilewelldone,

    0 votes
    3 answers

  6. Подвал

    На сайте http://liondesert.narod.ru подвал сделан с помощью фонового рисунка. Как думаете, есть ли более оптимальный способ добиться того же результата?

    Asked by Vlad,

    0 votes
    1 answer

  7. Подвал

    Здравствуйте !! Так я делаю некие отчеты через html разметку , отчеты будут потом конвертироваться в *.doc // Но не суть ! в отчетах есть некое поле в конце страницы ака обычного подвала на веб страницах , как с помощью html разметки создать это поле зафиксировать в конце страницы , и при появлении другой страницы это поле автоматически переносилось на нее !!! (на подобии нижних колонтитулов в ворде )

    Asked by Mac,

    0 votes
    1 answer

  8. Подвал

    Гляньте пожжалуйста сайт: http://kofe.16mb.com/. при разрешении примерно от 1600x1300px и ниже футтер отлипает от низа экрана и отображается как будто на нём стоит position: fixed; Подвал должен лежать всегда после контента. Как это исправить? Сам сайт: http://webfile.ru/6141563

    Asked by vova.a99,

    0 votes
    2 answers

  9. Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…

    Asked by Mirovich,

    0 votes
    2 answers

  10. Подвал

    Народ привет, помогите пожалуйста выйти из иступления. Ни как не получаетца прижать футер к низу страницы. Читал разные способы, но у меня немного другая проблема. Футер вообще не прижимаетца (не увеличиваетца в height) и висит на уровне контента прямоугольником. Если вас не затруднит, гляньте код пожалуйста. (у меня header вне wrappera, так как header на всю ширину браузера). <div id="header">Header image</div><div id="wrapper"><div id="content"><h1>Заголовок</h1><div id="page-content"><div class="page-text"><?php p_content(); ?><p class="page-meta">Published on ;<span></span></p></div>&l…

    Asked by bobb,

    0 votes
    19 answers

  11. Подвал

    Друзья. не понимаю в чем дело. есть сайт http://geopolis.su там подвал получается по нижнему краю экрана. точнее только его зеленая часть, а все что внутри подвала - на своем месте (внизу страницы). подвал находится после блока wrapper. и вот этот самый блок непонятной высоты. не могу разобраться. Прошу помощи! плиииз! p.s. скинуть исходники сюда или Вам удобнее в браузере через исходный код посмотреть?

    Asked by vi100k,

    0 votes
    6 answers

  12. подвал в google-chrome

    помогите пожалуйста решить проблему с футером. я сверстал при помощи таблиц страничу и открываю её виндовым google-chrome 11.0.696.71 (Official Build 86024). в результате вижу, что нижняя часть страницы скрылась под панелью виндоуз http://narod.ru/disk/14367750001/nogood.GIF.html после обновления (F5) я вижу страницу в нормальном виде - с полным футером http://narod.ru/disk/14368050001/good.GIF.html в линуксовом гугл-хроме такой проблемы нет. если нужно, то вот html-, и css-файлы http://narod.ru/disk/14368495001/d.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  13. Подвал в подвале (нахлестом)

    Подскажите как реализуется такой вот футер: В моей верстке футер уже прижат книзу страницы. В этом диве(футера), находящимся за пределами wrapp контейнера, указана background картинка(сероватый фон). Теперь нужно на этот футер, наложить как то лист с тенью (чтоб получилось как на картинке). Если я указываю во wrapp контейнере как background картинку(лист с тенью) с позиционированием снизу, то она естественно прижимается книзу, а отступ margin'a действует и на прижатый футер(серый фон). Или подскажите адреса сайтов , где есть подобный подвал

    Asked by cul8er,

    0 votes
    11 answers

  14. Подвал и position:absolute

    Как правильно расположить подвал, что б он всегда был под дивом main ? Просто засунуть его в сам main под див center не вариант, т.к. подвал должен быть растянут на всю ширину браузера. Хелп плз, заранее спасибо! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> body,html { width:100%; height:100%; min-width:780px; position:absolute; } #main { width:94%; height:auto; min-height:370px; margin:0 3%; position:absolute; background-…

    Asked by lolka84,

    0 votes
    9 answers

  15. Подвал к низу и резиновые сайдбары

    Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет). Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть. Помогите кто чем может

    Asked by WF19,

    0 votes
    10 answers

  16. Подвал липнет к контенту

    Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?

    Asked by eight.alex,

    0 votes
    2 answers

  17. Подвал налазит на виджеты

    Здравствуйте! Заказала у фрилансера адаптивный резиновый шаблон. Сама еще такие вещи писать не умею. Проблема в подвале, который налазит на виджеты и контент. Если на сайте короткая статья и много виджетов в сайдбаре, то виджеты оказываются под футером. Если на сайте мало виджетов и статья короткая, то футер оказывается посредине. Шаблон тестирую тут test.degavo.ru Фрилансер пишет, что нужен скрипт, типа он дорогой, и только он может выровнять подвал. Что это за скрипт? Фрилансер смог написать бесплатный, который не срабатывает. Вот этот: <!-- 3 colums --> <script type="text/javascript"> $(document).ready(function(){var $=jQuery.noConflict();setTimeout(ale…

    Asked by StOK,

    0 votes
    8 answers

  18. Подвал прижат к низу с повторяющимся background-ом

    Уважаемые товарищи html-верстальщики и web-разработчики! Прошу вашей помощи! Фиксированный макет, подвал прижат к низу отрицательным marginом, html,body(height = 100%). Как задать для окна браузера повторяющийся бэкграунд на всю ширину и высоту страницы ?? Ведь высота получается ограниченной высотой body, а за её пределы выходит только фиксированный элемент, которые не на всю ширину. Посмотрел примеры, у всех сайтов, у которых подобный задний фон, у них футер не прижат к низу. но может есть какой то способ?

    Asked by Luciefear,

    0 votes
    2 answers

  19. Подвал сайта "пожирает" страницу

    Подвал сайта накладывается на содержание и право и левое меню _http://www.meeting.lv/service/about_us.php в ч?м проблема? Браузер IE 6

    Asked by boom.olezka,

    0 votes
    7 answers

  20. Подвал страницы

    Здравствуйте! Вроде не сложный макет, но не могу понять в чем загвоздка. Нужно чтобы подвал страницы всегда был прижат к низу. Следовала найденным рекомендациям... А в итоге, после текста и до подвала образовалась пустота. http://test.bredova.ru/index_inn_2.html Почему??? Смотрела в FF /* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} /* common */ html, body, img, form {margin: 0px; padding: 0px; border: none;} html, body {height:100%;} body {background-color:#fff;} body, td {font: 14px Arial, sans-serif; color: #000;} a {color: #000; text-decoration: underline;} a:hover {text-decoration: none;} table {b…

    Asked by Bredova,

    0 votes
    5 answers

  21. подвал уползает вниз

    помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

    Asked by cyklop77,

    0 votes
    2 answers

  22. Подвижное меню

    Всем доброго времени суток. Хотелось бы узнать, можно ли с помощью CSS реализовать передвижное меню? Мне надо, чтобы, про прокручивании страницы, меню передвигалось за мной, по определенной вертикали. Т.е что-то похожее на свойство background:scroll, но для меню выполненого на дивах. Заранее спасибо.

    Asked by HSilence,

    0 votes
    2 answers

  23. Подвижный дым на фоне

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

    Asked by Alarr,

    0 votes
    2 answers

  24. Подвинуть пункт меню налево.

    Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…

    Asked by amelice,

    0 votes
    27 answers

  25. Подвинуть чуток фиксированные блоки.

    Что можно сделать с body, html или другим узлом DOM, чтоб все фиксированные элементы подвинулись немного вправо. Т.е. я понимаю, что fixed-блоки позиционируются относительно окна, а мне нужно левую границу области окна подвинуть немного вправо. Может есть какое-то новое CSS свойство или может это можно реализовать javascript'ом не используя перебора всех элементов и выбора из них всех фиксированных?

    Asked by Zuenf,

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