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. Несколько вопросов

    Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.

    Asked by Feers1de,

    0 votes
    4 answers

  2. Поехал сайт в ИЕ

    Сайт http://sitop.info/smsphones/ поехал во всех ИЕ,почему так и не погу разобратся.

    Asked by NeoMurderer,

    0 votes
    5 answers

  3. z-index в скрипте

    то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.

    Asked by RK152,

    0 votes
    5 answers

  4. две резиново- фиксированые колонки

    Добрый день, верстаю уже очень долго, но есть несколько моментов которые не мог никогда решить нормально и прибегал к тупым вариантам, вот наконецто пришол момент когда и они не помагают. Ситуация в следуйщая есть правай колонка и Контентная, что нужно, нужно что б левай была к примеру 200пкс, контентная оставшееся место, в моём случае это 760, так как блок в котором они находятся 960пкс и отцентрован по середине.Дальше , если в левую колонку что то выводится она становится 200пкс по ширине, контентная сдвигается, как токо с с левой колонки удоляем содержимое контентная занимает все место. Вот это первая моя проблемма.Об отсальных пока промолчу, их там всего 2-3.

    Asked by sorrrrry,

    0 votes
    7 answers

  5. Как сделать 3 блока "одинаковой высоты"?

    Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…

    Asked by E5000,

    0 votes
    38 answers

  6. Шрифт: BebasNeueRegular - Есть ли кириллический аналог?

    Шрифт: BebasNeueRegular - Есть ли кириллический аналог? Демо: joomla16-templates.joomlart.com Заголовки: Categories Quam dolor in nisl eleifend В кириллице совсем уж убого смотрятся (слишком широкие буквы): Есть варианты на какой шрифт можно заменить (слишком широкие буквы)?

    Asked by Mihanja80,

    0 votes
    4 answers

  7. Проблема с вертикалью в background-position

    Здравствуйте. Извелся уже) вот листинг: <!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" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…

    Asked by gart,

    0 votes
    11 answers

  8. не могу разобраться с margin

    Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!! уже и clean:both в стили ставил. Ему все пофиг!!! Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS

    Asked by kent666,

    0 votes
    8 answers

  9. Вопрос знатокам

    Здравствуйте! подскажите,как решить проблему. фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка). меню имеет выпадающее подменю на текст. Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон? Заранее благодарен!

    Asked by Leonidk,

    0 votes
    114 answers

  10. Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр

    Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…

    Asked by b0s,

    0 votes
    15 answers

  11. Проблема (может не сюда)

    Есть сайт, в ФФ и Опере открывает все как надо... как только открываю Хром, то все, сразу иероглифы появляются на подгружаемых страничках и jQuery UI там мозг пудрит (когда по экрану пытаешься окошко тоскать) Beautyful Holiday

    Asked by Golgi,

    0 votes
    3 answers

  12. tbody scroll fix IE7, FF

    в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css

    Asked by medin84,

    0 votes
    0 answers

  13. Можно ли использовать текстовую ссылку для отправки формы?

    Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?

    Asked by gordey,

    0 votes
    2 answers

  14. Книга Влада Мержевича

    Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)

    Asked by Ereke,

    0 votes
    7 answers

  15. Вылезающий текст с одного фона на другой

    Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?

    Asked by Antwerpen,

    0 votes
    10 answers

  16. Ячейка по содержимому по высоте

    Есть таблица. Первая ячейка является полной строкой таблицы (2 объединенные) Вторая ячейка является остальной таблицей. То есть полная строка и полный столбец. Текст по строке идет по содержимому, но когда становится больше фиксированной длины, то таблица расползается по всей странице. Надо, чтобы доходя до фикс. длины, производился переход на новую строчку <table width="680"> <tr> <td colspan="2">Текст</td> </tr> <tr> <td colspan="2" rowspan="20">Большой текст</td> </tr> </table> Заранее спасибо

    Asked by Wasc,

    0 votes
    5 answers

  17. Помогите избавиться от горизонтальной прокрутки в FF

    Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.

    Asked by krokodily,

    0 votes
    10 answers

  18. Выравнивание текста понизу

    <style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…

    Asked by rcoma,

    0 votes
    15 answers

  19. Фиксированный блок

    НАсколько нежелательно/параллельно делать основной блок фиксированным по высоте Если нежелательно, то почему? спасибо

    Asked by andys,

    0 votes
    3 answers

  20. Баги в меню..

    http://testsite.sz3.ru пожалуйста, помогите исправить баги. не могу оцентровать блок меню по центру. относительно разрешения экрана автоматически не хочет ну никак по центру вставать. кнопки меню при уменьшении окна браузера смещаются друг под друга. да и вообще в принципе если есть замечания по коду. выскажите плииз. КОД: Исходник: <!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=windows-1251" /> <title>Тестовый сайт</title> <style type="text/css…

    Asked by bulleet,

    0 votes
    8 answers

  21. вопросы по notepad++

    В общем поставил себе нотпад++ и пока кроме подстветки синтаксиса, покопался в настройках загрузил плагины для хтмл и текстFX. В настройках текстFX выставил автоматически закрывать скобки и теги, но что-то не пойму как это действует, пишу тег и что дальше делать в душе не парю. На счет сниппетов тоже проблема в использовании. Горячие клавиши основные не мешало бы тоже узнать. Подскажите пожалуйста кто уже действительно парит в нем. и кто использует E-texteditor? говорят что альтернатива маковскому текстмейту, но что-то я поставил, там даже плагины подключить, испытать гемора надо на пару кг.

    Asked by maxsnw,

    0 votes
    4 answers

  22. Можно так?

    Здравствуйте! Есть резиновый сайт со статьями и иллюстрациями к ним внутри публикаций. У сайта на внутренних страничках минимальная ширина текстового поля равна 300 пикселям. Можно ли реализовать то, что изображено на картинке: http://savepic.ru/2744257.jpg Сам я дизайнер. Прежде чем сдавать работу на верстку, хочу узнать, реализуема ли моя задумка? :-) Буду очень признателен за ваши ответы.

    Asked by Khalil,

    0 votes
    11 answers

  23. Интернет-телеканал

    Недавно мне захотелось создать телеканал. Но не реальный, а виртуальный. Потому что это более экономно. Одна проблема. Не знаю как или на чем его делать. Есть какая-то cms или скрипт какой-т для этого? Или проще самому написать. Если проще писать самому, то подскажите на чем.

    Asked by ctpz,

    0 votes
    4 answers

  24. Высота 100% с отступами.

    Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.

    Asked by sayber,

    0 votes
    11 answers

  25. Копипаст

    Можно ли как-то защитить изображение от его сохранения другими пользователями?

    Asked by Feers1de,

    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