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. При появлении скролла, контент, привязанный по середине прыгает

    В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…

    Asked by SCHNITZER,

    0 votes
    5 answers

  2. Чем заменить ссылку

    Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …

    Asked by marrk,

    0 votes
    18 answers

  3. Вопрос по оптимизации сайта.

    Здравствуйте. Влияют ли имена классов и идентификаторов на оптимизацию сайта или же мы только для удобства пишем #content, #header и т. п.?

    Asked by Red Planet,

    0 votes
    9 answers

  4. Проблема с "подвалом" (footer)

    Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появля…

    Asked by SCHNITZER,

    0 votes
    10 answers

  5. Шапка и подвал фикс, остальное резина. Как?

    Есть такой макет: ШАПКА КОНТЕНТ ПОДВАЛ Шапка всегда наверху, подвал всегда прибит к низу экрана. Оба фиксированной высоты. Контент со скроллингом. Как без таблиц сделать так, чтобы контент всегда занимал ровно всё пространство между шапкой и подвалом?

    Asked by botyaslonim,

    0 votes
    10 answers

  6. На чем верстать?

    Подскажите пожалуйста, стоит ли верстать на HTML5? Если нет то на чем лучше?

    Asked by TIMA,

    0 votes
    13 answers

  7. К чему привязать подвал?

    Уже два дня думаю, как реализовать подвал. Вопрос весьма живой, но мне, пока, не поддающийся. Суть вот в чём. Возьмём к примеру такую страницу. Структура её такова: первым идёт верхняя картинка с параметром margin-bottom:-500px для позиционирования статьи; меню слева (включая графический адресный блок и картинку с рукой под ней) сделано таблицей и имеет позиционирование absolute, то есть исключено из общего потока. Сейчас колонка меню длиннее статьи и выходные данные внизу (будем называть их подвалом, ибо возможно будут ещё элементы и подвал должен быть по ширине сайта) я внедрил в неё, но если наполнить статью справа, то эти данные, конечно же, так и останутся под карти…

    Asked by Iguar,

    0 votes
    2 answers

  8. Как состыковать элементы формы

    Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1&section_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…

    Asked by Gride,

    0 votes
    4 answers

  9. проблема в IE7

    проблема в IE7. Почему то все содержимое этой страницы и аналогичных пропадает http://www.go-camp.ru/katalog/products/palatki. Точнее сначала загружается, а потом проподает. Пробовала zoom:1, z-index - не могу понять что перекрывает.

    Asked by Alyssa,

    0 votes
    4 answers

  10. Как сделать обтекание таблицы текстом?

    не могу вставить текст возле таблицы( помогите советом =)

    Asked by atew,

    0 votes
    5 answers

  11. Скрытый текст

    У меня есть юкозный сайт: http://megaluch.at.ua/. Я хочу сделать так, чтобы после клика по рекламе в поле "реклама", высвечивался ниже любой мой текст. Не работает тот сайт уже=( Заранее спасибо!

    Asked by Contego,

    0 votes
    12 answers

  12. Выравнивание таблицы по центру

    собственно проблема в том что таблица съезжает в бок при маленькой ширине окна, как это исправить? hotelvizit.perm.ru таблица в шапке - три ячейки под логотип и информация по бокам

    Asked by 3apa3a,

    0 votes
    5 answers

  13. как сделать фон уезжающий за границу браузера

    На одном сайте видел прикольную фишку, если сужать или раздвигать браузер, то видно как элемент фона с листьями заезжает за края браузера с обоих сторон а цент остается на месте, как это сделано?

    Asked by sh1va,

    0 votes
    3 answers

  14. Как при нажатии на ссылку вывести информацию в том же окне но в соседнем div ?

    У меня есть div_1 и div_2. В div_1 у меня ссылки. Как при нажатии на любую ссылку вывести информацию в том же окне но в соседнем div_2 ??? Напишите код пожалуйста или какой то пример с кодом!!!!!!!!!!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  15. Фреймы или ?!

    Ребят подскажите в двух словах с помощью каких инструментов можно изящно реализовать следующее: Нужна область на странице разделённая на несколько частей. Предположительно на 2, первая часть это навигация (хаотичная текст и ссылки), а вторая динамическая в которой появляется контент в зависимость от ссылки... Типа тега <select> но ... другой или же это фреймы уже получаются... Может быть идея реализации неверная в корне поэтому я скажу для чего оно надо Хочу на сайте сделать страницу радио слушать. Радиостанций много (хочу штук 10-15) + у многих качество трансляции от 32 до 320 итого ссылок на загрузку плеера будет штук 40-50. В идеале хотелось бы при нажатии на как…

    Asked by ShumNo,

    0 votes
    27 answers

  16. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder,

    0 votes
    21 answers

  17. Сложный бэкграунд

    Возникла проблема при верстке бэкграунда. Бэкграунд, как видно неоднородный, а рисунком. Всю картинку пихать, думаю, нет смысла, так как размер ее почти 300 кБ. Как лучше и грамотно ее порезать и разместить ума не приложу. Есть, конечно, кое-какие мысли, но что-то не очень уверен, что это будет правильно.

    Asked by vadimon,

    0 votes
    5 answers

  18. Вывод текста в треугольной ячейке

    Добрый день. Есть сложная таблица с разделенными (везде по разному) ячейками (думаю видели такие). Собственно сам вопрос верстки, думаю ясно понятен на картинке (см. ниже), т.е. в обоих частях разделенной ячейки - должны находиться 2-а разных элемента с текстом (span, p, h что угодно), при этом при растяжении родительской ячейки (что это будет - div, table, table-cell - тоже не суть главное чтобы работал) текст соответственно должен "плыть" и "подстраиваться" под свою треугольную ячейку. Вопрос: как я понимаю, с помощью CSS, и даже CSS3 этого не решишь (блоки пока только прямоугольные), (или я ошибаюсь? и все таки возможно?) каким образом возможно решить данную задачу? (…

    Asked by novicheG,

    0 votes
    4 answers

  19. При уменьшении окна браузера правый div уходит вниз !

    Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  20. Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ?

    Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ???

    Asked by 333_org_ua,

    0 votes
    1 answer

  21. Линии между меню

    Есть вопрос по верстке... Хочу сделать такое меню интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие HTML <ul> <li><a href="">Home</a></li> <li><a href="">Support</a></li> <li><a href="">FAQ</a></li> <li><a href="">Contact Us</a></li> </ul> CSS li { display:inline; list-style-type:none; padding:0 16px; border-left:2px groove #F90; } В общем получается так

    Asked by senya11,

    0 votes
    4 answers

  22. СРОЧНО НУЖНА ПОМОЩ

    Мне нужен фот планет как на этом сайте http://drakia.com/ если можно выделити именно код с css и с html оч надо

    Asked by Suriko,

    0 votes
    2 answers

  23. left:expression((document.body.clientWidth-893)/2); в FF

    Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?

    Asked by nonickname,

    0 votes
    1 answer

  24. Firebug 1.5.4 не работает

    Стоит Мозила 3.6, в ней Firebug 1.5.4. Редактирую что-нибудь - на страничке это что-нибудь меняется, как только обновляю страницу - все встает как было до редактирования Сайт локальный.

    Asked by victorz,

    0 votes
    7 answers

  25. наложение слоев

    есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

    Asked by vvsh,

    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