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. Тянущийся список

    Всем добрый день. Прошу помощи в решении проблемы. Итак есть задача: сделать галерею, наподобии этой: http://jqueryfordesigners.com/demo/slider-gallery.html то есть список (<ul>) вытянутый в линию. Если элементы списка - изображения. то никаких проблем, но в задаче стоит - каждый элемент должен быть картинкой с текстом. Проблема заключается в следующем: список нужно растянуть, без переноса на новую строку. Но он переносится по краю радительского блока. Пример (код сильно обрезан, если необходимо, могу выложить весь): Для начала css Теперь сам html Прошу помощи, куда копать для решения этой проблемы, и можно ли вообще такое сделать? UPD Сутки убил на решение про…

    Asked by NickGray,

    0 votes
    0 answers

  2. Тянущийся флеш и не тянущийся дизайн

    Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )

    Asked by Mary_RND,

    0 votes
    1 answer

  3. Тянущийся фон

    Собственно вопрос. При разрешении монитора 1024*768 пользователь должен видеть только картинку center. Пользователь с разрешением выше, чем 1024*768 должен видеть уже картинки left_1, center, right_1. Пользователь, у которого разрешение ещё больше, видит left_2, left_1, center, right_1, right_2. Если у пользователя разрешение ещё больше, то он видит все картинки, а картинка left_3 и right_3 должны полностью замощать оставшееся пространство Кода не требую. Просто хочу понять, как это можно сделать Спасибо

    Asked by Boris.d,

    0 votes
    14 answers

  4. Тянущийся фон

    Приветствую. В очередной раз обращаюсь за мудрым советом. Есть фон шириной 1400px и делать его фиксированным не хочется. Очевидно, что при меньшем разрешении он должен "сжиматься". В первых строчках выдачи серпа нашел вариант с background-size: cover, но мне кажется на больших экранах будет ужасно смотреться. Так как же быть?

    Asked by uteelers5,

    0 votes
    3 answers

  5. тянущяяся не повторяющяяся картинка бекграунда

    Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div…

    Asked by Likan,

    0 votes
    2 answers

  6. У after отступ после блока с картинкой

    Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)

    Asked by LexusKubas,

    0 votes
    2 answers

  7. у ИЕ есть подобный инструмент как FireBug у ФФ ?

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

    Asked by oshaly,

    0 votes
    6 answers

  8. у кого есть книга php сборник рецептов ?

    поделитесь если не жалко книга издательство: Символ-Плюс (все книги издательства) дата выхода: январь 2005 ISBN 5-93286-059-6 тираж 2000 экз. второе издание желательно

    Asked by asker2,

    0 votes
    1 answer

  9. У лисы проблема с float

    В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…

    Asked by volkoff,

    0 votes
    19 answers

  10. У меня valign="middle" не работает

    кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?

    Asked by Lisjann,

    0 votes
    8 answers

  11. У меня вопрос про баннер!

    Как можно картинку поставить на картинку?? Одна картинка -это баннер! А вторая картинка это кнопка! они в формате jpeg. Через Дримвэвер можно это сделать?? Я уже день мучаюсь! ПОМОГИТЕ ПЛИЗ! http://fotoplenka.ru/users/sokol14/446922/.../#mainImageLink Вот мой баннер! я хочу кнопку главная пренести на полоску !

    Asked by sokol14,

    0 votes
    6 answers

  12. У меня код не отображается ни в каком браузере

    У меня код не отображается ни в каком браузере, ни хром, ни фф. Что делать, в чем проблема? Вот мой код: <!DOCTYPE html><html> <head> <meta charset="utf-8> <title>Моя первая HTML-страница</title> </head> <body> <h1>Мой первый заголовок</h1> <p>Мой первый параграф</p> </body> </html>

    Asked by Highintensity7,

    0 votes
    1 answer

  13. У меня проблема со списками

    Кто может помочь решить проблему. Почему список с категории Госслужащие, привязен к верхнему списку. Когда он поидеей должен быть под номером 6.2. Код: https://pastebin.com/CdCSsSdR Хочу чтобы было так: Раздел 6 | Правила общения в любых чатах 6.1 - Мафия (вся). 6.1.1 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.2 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.3 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nul…

    Asked by VladBoss,

    0 votes
    1 answer

  14. у меня сложность с фиксацией дочерних таблиц внутри родительских

    Конкретоно: если вводить в дочернюю таблицу текст она начинает растягиваться (в мо?м случае это не приемлимо , нельзя ли как-нибудь сделать так чтоб в этой табличке появлялся скролбар. иначе весь вид портится.

    Asked by Misha-horoshiy,

    0 votes
    5 answers

  15. У меня такая проблема

    Вот мне надо добавить тег в раздел баскетбола для того щоб била опция добавления новостей і и що как сделать вспливаючеє меню например наводиш на спорт і снизу вспливаєт такой список там где єсть футбол, бакетбол і другиє. Пожалуста помогите. Ета проблема на сайте cool-sait.at.ua

    Asked by OlegKKK,

    0 votes
    0 answers

  16. У первого блока с "clear: both" задается высота в 400px

    Верстаю шаблон под Drupal, верстка: шапка, меню, контент, футер. Меню и контент обтекаемы и расположены в 2 колонке. В блоке контент собственно и будет вывод новостей, они идут блоками <div class="node">...</div>, у каждого блока с новостью вверху находятся 2 колонки (2 обтекаемых блока), затем все идут один под другим, так чтобы после тех 2х блоков ничего не обтекалось ставлю <div class="_clear"><!-- clear --></div> ._clear { clear: both; } Так вот у первого блока с новостью этот div по высоте разъезжается примерно на 400px - и там образовывается большой отступ, а у всех последующих всё в порядке. Для наглядности приложил скриншот. Прошу …

    Asked by gangsta15,

    0 votes
    5 answers

  17. У рисунка нужно сделать двойную рамку.

    Есть рисунок, ему можно задать одну рамку через border, а как можно сделать ещ? одну через 3 пикселя? <img style src='mult.jpg' alt='' width="135" height="135" hspace="10" align="left" border="2"> Мне делали подсказу, что типа через padding, говорили что нужно использовать стили, но вот хоть убей не понимаю. Поэтому обращаюсь к Вам Профессионалам своего дела. Подскажите плиз!

    Asked by ProSaifer,

    0 votes
    4 answers

  18. У ссылки нет нижнего bordera

    Почему у ссылки в IE не вылазиет border (билин) В firefox вроде работает.! Подскажите .плиз... Как с этим бароться? http://one-gi.ru.terra.mtw.ru/test/lk.html

    Asked by antonP,

    0 votes
    5 answers

  19. У таблиц отрывает голову

    Доброго времени суток. Есть страничка - http://beavers-net.narod.ru/ie_vs_tables.html http://beavers-net.narod.ru/style2.css - стили страницы. верстка вся табличная и табличка разъезжается постоянно, несмотря на проставленные значения border: none; border-collapse: collapse; padding:0; margin:0; table.article_header{ padding: 0; margin: 0 auto; border: none; border-collapse: collapse; height: auto; width: 90%; text-align: left; vertical-align: top; margin-bottom: -40px; /*overflow: hidden;*/ } table.article_header tr td{ background: #dadada; padding: 0; margin:0; border: none; } Ну и второстепенно - в ие выпадающий список постоянно куда-то вправо уезжает пр…

    Asked by tt48,

    0 votes
    4 answers

  20. убегает в низ видео на сайте

    Здравствуйте уважаемые,посоветуйте что можно сделать. При просмотре сайта через телефон убегает вниз видео от ютюба. Вот скрин http://prntscr.com/e2vnbe на самом деле оно должно стоять в ноутбуке. В обычном режиме это выглядит так http://prntscr.com/e2vpxf. вот html <div class="sls"> <div class="container"> <div id="featured"> <div class="content" style=""> </div> <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a> …

    Asked by boris 1966,

    0 votes
    2 answers

  21. Убегает выпадающее меню

    На странице, где контент находится в таблице, выравненной по ценру, нужно сделать выпадающее меню. Нашел подходящий скрипт, немного подправил под свои нужды и прикрутил к странице. Вс?, казалось бы хорошо. Если окно распахнуто во весь экран. Однако, когда оно сжато по горизонтали, начинаются проблемы: таблица выравнивается под новый размер (в?рстка не резиновая, только центрирование контента), а всплывающее меню всплывает на прежнем месте. То есть, совсем не там, где теперь нужно. Поместил вс? в слой, которому указал ширину основной таблицы, в надежде, что координаты меню теперь будут отсчитываться не от верхнего левого угла окна, а от этого слоя. Не сработало: меню по-…

    Asked by CitRUS,

    0 votes
    2 answers

  22. Убегает форма отправки сообщения в ИЕ6

    Сайт http://yugfiltr.ru/contacts форма отправки при разрешении 1024 убегает вниз в ИЕ6 Не могу понять в чем дело...Подскажите

    Asked by Mary_RND,

    0 votes
    3 answers

  23. Уберите пожалуйста таблицы

    Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…

    Asked by GhostNiniga,

    0 votes
    5 answers

  24. убил компилятор

    Снова наломал дров, два дня уже не могу решить проблему, вроде типичная, вроде раньше разбирался, да все не получается. Значит осваивал я Java спокойно, никого не трогал, писал всякую шнягу потихоньку, но вот однажды что-то сделал и теперь компилятор (javac.exe), весит ровно 0 байт, при попытке зафигачить класс выдается сообщение, что javac.exe не является приложением win32, ну и в cmd говорится, что отказано в доступе. Система Windows XP SP2 PATH прописан правильно, команды все тоже верно пишу, проверял на тысячу раз. Много где встречал расписанное решение этой проблемы, только нигде не было упоминания о том, что javac.exe весит 0 байт и все решалось правильной настройк…

    Asked by Игорь Ермаков,

    0 votes
    6 answers

  25. Убирающиеся блоки

    Как сделать чтобы блоки убирались при уменьшении сайта по горизонтали. Например как на www.artlebedev.ru, при уменьшении окна браузера по горизонтали пропадает несколько работ студии. Таким образом на 12 дюймовом мониторе сайт показывает меньше работ чем на 22 дюймовом мониторе и не появляется горизонтальная полоса прокрутки. Извините, если есть где-то такая тема, я просто не знаю как правильно в поиск забить. Заранее спасибо.

    Asked by Maximilian,

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