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. Выручайте, проблема с overflow в Safari

    Не сильно я разбираюсь в верстке, по этому получилось так что при отсутствии полосы прокрутки - получается кака. overflow-y:scroll; - везде работает, а Софари игнорит. как мне быть?) чуваки, жесткий буров с моей стороны, всё работает нормально тему можно удалть

    Asked by Porkman,

    0 votes
    0 answers

  2. как сделать наверху полоску как в фейсбук или майл или твиттере чтобы она при любом экране было четко от правого края до левого края?

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

    Asked by pharrell,

    0 votes
    4 answers

  3. span+css=div?

    Можно ли при помощи CSS из span соорудить некое подобие блочного элемента? Хотя бы что бы он начинался с новой строки. Такое: abcd<span class="myclass">def</span>fffff Должно выглядеть так: abcd def ffffff

    Asked by still swamp,

    0 votes
    4 answers

  4. Вытянуть меню по ширине контейнера

    Привет всем. Есть менюшка обычная, горизонтальная <ul> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка вторая</a></li> <li><a href="#">Ссылка третья</a></li> <li><a href="#">Ссылка четверная</a></li> <li><a href="#">Ссылка последняя</a></li> </ul> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.

    Asked by dropoff,

    0 votes
    3 answers

  5. Вёрстка под мобильные браузеры

    Кто то имел данный опыт? поделитесь впечатлениями и проблема

    Asked by WalkMan,

    0 votes
    4 answers

  6. valign внутри div'a

    почему текст после картинки выравнивается по боттому и как с этим бороться? <div><img src='img.gif' width='30px' height='20px'>some text</div>

    Asked by bioz00,

    0 votes
    1 answer

  7. фоновый градиент svg в safari

    Странность в том, что в safari фоновый svg в некоторых случаях располагается исключительно под текстом, а не на весь объект. При этом в Хроме такой особенности не замечено. Более того, особая странность в том, что один и тот же код различно себя ведёт на домашем сервере и на хостинге. Дома проблемы нет, на хостинге есть. Пример здесь, заголовки в середине контента. В чём дело — не пойму. собственно, как быть, чтобы фон растягивался на весь элемент? background-repeat и background-size уже опробованы.

    Asked by swetlana,

    0 votes
    12 answers

  8. Заменить стили во фрейме?

    Привет. Есть некая форма в IFRAME, которая предоставляется для расчета неких параметров. Форма предоставялется сторонним сайтом. Стили в форме никак не соответствуют стилям сайта, на котором она рзмещена. Можно ли как-то заменить эти стили, а то жуть на странице творится?

    Asked by d0ublezer0,

    0 votes
    2 answers

  9. Иной вариант просмотра изображений

    Не нашел на форуме обсуждения такого варианта просмотра изображений: крупное изображение и несколько маленьких под ним. При нажатии на маленькое изображение оно отображается на месте крупного изображения. Пример реализован здесь: http://cars.auto.ru/cars/used/sale/7839008-ec21.html Попробовал покопаться в коде странице, но он настолько навороченный (для меня), что разобраться до конца не смог даже с помощью Dreamweaver-a. К тому же, освоение CSS начал не так давно (если тут дело вообще в CSS). Может кто подскажет, что необходимо для реализации подобного просмотра изображений?

    Asked by byearnist,

    0 votes
    6 answers

  10. Как сделать рамку из изображений вокруг блока

    Нужно сделать блок у которого справа и слева должна быть рамка. Проще конечно показать, но как прикрепить файл к сообщению не пойму, хостинга нет, поэтому попробую объяснить на пальцах. <html> <head> <title></title> </head> <style> .edge { background: orange; } table { margin: 0 auto; background: aqua; } </style> <body> <table cellspacing=0 cellpadding=0> <tr> <td width=20 class="edge"></td> <td width=980><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td> <td width=20 class="edge"></…

    Asked by kvant,

    0 votes
    11 answers

  11. Проблема в картинке или в браузере

    вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma

    Asked by WalkMan,

    0 votes
    3 answers

  12. Обтекание картинки

    Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }

    Asked by Mr.Black,

    0 votes
    2 answers

  13. Высота таблицы вписанной в ячейку

    Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…

    Asked by Evgesha74,

    0 votes
    2 answers

  14. Проблема верстки

    html: <div id="wrap"> <div class="box">content0</div> <div class="box">content1</div> ... <div class="box">contentN</div> </div> CSS: div.box {width:150px; background-color: #faacfc; float:left; margin-right:5px; margin-bottom:5px;} div#wrap{width:800px; height: 300px; background-color: green;} нужно чтобы когда у div#wrap ширины не хватало на все div.box, они перебрасывались вниз. загвоздка в том что все div.box разной высоты, и поэтому смещаясь вниз они выстраиваются под самым "высоким". то есть появляется неодинаковый отступ. как сделать так чтобы они сползая вниз сами становились на 5 пи…

    Asked by webzotchy,

    0 votes
    3 answers

  15. "Резиновое" меню

    Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.

    Asked by dimacat,

    0 votes
    6 answers

  16. overflow-y:scroll; две полосы прокрутки

    Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…

    Asked by contact,

    0 votes
    6 answers

  17. Затруднения в верстке сайта

    Здравствуйте ув. Форумчане. При верстке одного сайта возникли затрудения, заключающиеся в том, что если кликнуть на якорную ссылку для перехода на соотвествующий раздел, то один из её внешних DIV-контейнеров уплывает вверх вместе со всем содержимым. Не подскажите в каком месте намудрил я? http://78.140.131.160/kuragh/index.html

    Asked by Aleksey,

    0 votes
    6 answers

  18. Три "float" и "clear:both;"

    У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…

    Asked by tga123,

    0 votes
    4 answers

  19. По XML / XSLT есть вопрос

    Кто работает с этим инструментом, подскажите вот что. Существуют какие-нибудь особенности при работе с IE? Дело в том, что есть сайт. Во всех браузерах всё хорошо, во всех версиях IE (6,7,8) - белый экран. Искать ошибку в синтаксисе или есть особенности, как в вёрстке?

    Asked by botyaslonim,

    0 votes
    3 answers

  20. Что означают записи внутри тега <html> при использовании xhtml1-strict.dtd?

    Добрый день. Скажите, что означает запись <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" xmlns:umi="http://www.umi-cms.ru/TR/umi"> Интересно именно конструкцию по частям понять. Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо.

    Asked by samorealization,

    0 votes
    1 answer

  21. Картинки вместо bullet points

    Собственно как?

    Asked by Silentium,

    0 votes
    3 answers

  22. горизонатльное меню

    Здание у меня сверстать вот такое меню: С а:ховер, a:актив и всем делами. Сверстать кончено можно, но мне мерещиться очень много стилей.. (по три для каждой кнопки + ещё 3 для кнопки home) Как бы вы сверстали, максимально просто и минимум кода? http://s012.radikal.ru/i320/1011/72/55fa12c7921f.jpg

    Asked by cardsmoney,

    0 votes
    2 answers

  23. Высота сайта

    Сверстал свой первый макет http://examplesait.ru.swteh.ru/sait.html Осталось непонятным следующее: как убрать лишнее(пустоту) из-под футера???

    Asked by Vind,

    0 votes
    4 answers

  24. Съезжает макет

    сори, удалите плиз

    Asked by Мо ской котик,

    0 votes
    0 answers

  25. Съезжает макет

    Вобщем есть страница грубо говоря вот такого вида: <!--1.html--> <div class="1"> <div class="2"> </div> </div> <!--1.html--> <!--2.html--> <div class="3"> <div class="4"> <div class="5"> </div> <div class="6"> </div> <div class="7"> <!--2.html--> <!--3.html--> </div> </div> </div> <!--3.html--> <!--4.html--> <div class="8"> <div class="9"> </div> </div> <!--4.html--> Дальше сделал что бы сайт был динамическим вот так: <?php define('THEME','MY'); include 'themes/'.THEME.'/1.h…

    Asked by Мо ской котик,

    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