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. Установить ширину блока по ширине содержимого.

    В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/

    Asked by Casufi,

    0 votes
    6 answers

  2. margin-top и margin-bottom

    Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…

    Asked by cx717,

    0 votes
    6 answers

  3. Padding-bottom не работает в ИЕ

    вот кусок html: <span class="contacts"> Цена: <span class="cost">150.00</span> </span> Вот css: span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; } span.cost { color: #cf0105; font-weight: bold; font-size: 16px; } Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу.. display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту. Подскажите, в чем ошибка и как можно решить эту задачу? Заранее благодарен.

    Asked by milax,

    0 votes
    6 answers

  4. знак бесконечности в тексте

    Как вставить знак бесконечности в текст? когда я копирую его из Ворда в notepad++, то он заменяется на знак вопроса.

    Asked by xchea01,

    0 votes
    6 answers

  5. Снова о растягивании по вертикали

    День добрый. Вопрос простой, но ответ найти не могу. Необходимо только с применением сло?в реализовать следующее: header страницы имееет фиксированую высоту, а sidebar и content должны растягиваться по вертикали на вс? оставшееся пространство и упираться вниз окна. Но у меня получается, что при присвоении этим блокам 100%-ной высоты они растягиваются на всю высоту окна (что логично), и еще плюс высота header-a, в результате появляется вертикальный скролл. Вот мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html,body{margin:0;padding:0;height:100%;} #main {wid…

    Asked by Storm,

    0 votes
    6 answers

  6. Opera и размер в % для картинок.

    Воспользовавшись посиском нашел следующее: 1. Задвать ширину картинки в процентах. 2. Использовать фоновый рисунок, он в случае "невлезания" будет обрезан. 3. Применять скрипты, которые станут проверять ширину окна и менять изображения или их ширину. 4. Сверстать макет под ширину 800 (1000) пикселов и не мучиться с браузером. 5. Повесить предупреждение на страницу: если у тебя монитор 15" и разрешение 800х600 - ты дурак и пошел прочь с моего сайта. Меня интересует пункт "1". Но, в Opere если ставишь размер картинки в %, она не отображается. Вычитал что для контейнера в котором висит картинка надо ставить "overflow", попробовал ничего не вышло. зы Вообще былобы, удобно е…

    Asked by Dr0n,

    0 votes
    6 answers

  7. возможно ли использовать на странице свой шрифт?

    Я конечно понимаю,что скорее всего эт нереально )) Но все же может есть какие-нить решения? Конкретно, мне нужно использовать свой шрифт(у меня он в ttf) в объекте textarea. Буду признателен за любой совет

    Asked by 4ert,

    0 votes
    6 answers

  8. Проблема с максимальным расширением дива в диве среди дивов

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> div { border: 1px solid #000000; padding: 5px; } </style> </head> <body> <div style="width: 500px;"> <div style="float: right;">Right</div> <div style="float: right; width: 80%;">Center</div> <div style="">Left</div> </div> </body> </html> Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.

    Asked by Aleks_P,

    0 votes
    6 answers

  9. Как достучаться до ссылки

    Есть код: <td class="productListing-data"><a href="http://www.yugzone.ru/catalog/product_info.php?cPath=55&products_id=169">MindSpa</a> Система Личностного Развития</td> Прописан css TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 14px; } Как изменить стиль ссылки(сделать ее синего цвета) только внутри ячейки помеченной ?Сам код изменять нельзя, можно только css стиль добавить.

    Asked by Vlaimir,

    0 votes
    6 answers

  10. Вниз падающее меню не падает вниз

    Здрасьте. Я накачал себе браузеров разных. И вот какая проблема вышла. На сайте http://kazan-kmu.narod.ru в ФаерФоксе не работают вниз падающее меню. В других браузерах (ИЕ7, Опера, Сафари) все отлично работает. Меню должно падать на пунктах ?НОВОСТИ?, ?УЧИЛИЩЕ? и ?ОБЩЕНИЕ?. Может кто-то уделит минут 30, покопавшись в коде и скажет в чем проблема. Помогите, пожалуйста. Вообще не пойму, почему так происходит. Про дизайн сайта можно ничего не говорить, т.к. рисовать я не умею. Про содержание тоже. Но зато он на слоях И еще. Я как-то узнал, что в ИЕ6 заголовок 2 раза повторяется. Не подскажите тоже почему? Спасибо.

    Asked by Константин,

    0 votes
    6 answers

  11. Проблема с Мозиллой

    Не знаю что делать, помогите : Разрабатываемая страница работает в IE, Opera, но отказывается отображать что либо в Мозилле (вместо рисунков и фреймов просто пустые рамки ) Что делать?

    Asked by Стас,

    0 votes
    6 answers

  12. псевдокласы и style

    Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?

    Asked by klierik,

    0 votes
    6 answers

  13. DHTML

    Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>

    Asked by Jon,

    0 votes
    6 answers

  14. Меню сайта

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

    Asked by Jon,

    0 votes
    6 answers

  15. Письмецо

    Подскажите новичку, если уже имеется пхп скрипт для отправки email ис сайта, как связать хтмл документ, с формой отправки и всеми текстовыми полями, с этим пхп файлом?

    Asked by Jon,

    0 votes
    6 answers

  16. Активная ссылка

    По негласным законам веб-дизайна, активная ссылка должна как минимум выделяться. Вопрос: как дезактивировать ссылку (т.е превратить в обычный текст), по адресу которой мы и находимся. Например если пользователь на главной странице, то ссылка "На главную" или не присутствует или не активна. Как я понимаю понимаю, только HTML и CSS тут не обойтись.

    Asked by 100kd,

    0 votes
    6 answers

  17. Несложная, в общем-то, задачка

    Но для меня html пока что - т?мный лес. А позарез нужно кое-что сделать. А именно: Вот мы имеем, к примеру, ссылку рода http://www.site.org/im.php?id=xxxxxx . Требуется, задав, скажем, начальное xxxxxx равным 100000, пихать эту ссыль в адресную строку с интервалом в 10 секунд, только чтобы заместо хххххх было уже (хххххх+1), (хххххх+2) и т.д. То есть: http://www.site.org/im.php?id=100000, через 10 сек - http://www.site.org/im.php?id=100001, через 10 сек - http://www.site.org/im.php?id=100002 и т.д. Как такое возможно сделать?

    Asked by Jack_Daniels,

    0 votes
    6 answers

  18. подкачка изображений в кнопки

    У меня есть рисованая кнопка 1и такаяже ток для активации. кнопка подскажите скрипт как сделать подкачку изображения второй кнопки при наведении курсора на кнопку т.е чтобы при наведение создавался эффект мигания. может у кого есть своя метода.... подскажите

    Asked by perfvozovantes,

    0 votes
    6 answers

  19. Ссылки в поле <TEXTAREA>

    Здравствуйте, уважаемые знатоки. Подскажете, пожалуйста, как в поле сделать ряд активных ссылок? Суть: нужно сделать список улиц, так как улиц слишком много, думаю заключить список в блок с прокруткой. На каждую улицу идет описание по клику, но ссылку в создать не могу - просто отображается код. Спасибо.

    Asked by lmedved,

    0 votes
    6 answers

  20. координаты объекта

    Какой функцией задаются координаты объекта Как задать координаты объекта (таблицы) относительно, допустим, левого верхнего угла страницы? /** * Замечение: * 1) пользуйтесь кнопкой "редактировать", чтобы дополнять свои вопросы * 2) почему тема в разделе php?.. перед тем как спросить, желательно находиться в здравом рассудке и понимать, к чему относится вопрос. * LokiDi L0ck, 24.11.2007 */

    Asked by Jon,

    0 votes
    6 answers

  21. Мой первый макет - критика, советы для улучшения

    Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как …

    Asked by Ota,

    0 votes
    6 answers

  22. Меню на рисунке

    Я не смыслю полностью в этом деле...поетому никак немогу сообразить как сделать мо? меню - www.mpchat.ru/underwhat на рисунке..слева..оно все время сдвигает рисунки... Вот код...всего что у меня на титульнике...искала в шаг за шагом но ничего не нашла.. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" …

    Asked by giba,

    0 votes
    6 answers

  23. проблема с обрамленим input'a типа text

    проблема заключается в том, что не могу поменять бордеры у input'ов типа text... как видно на скрине (хоть и плохого качества), но видно что на кнопке бордера нет, а вот на текстовом поле есть оранжевое обрамление... не подскажете от чего это может быть... ибо такого цвета бордеры нигде в CSS таблицах не прописывал...

    Asked by AmsTaFF,

    0 votes
    6 answers

  24. Как верстать сайты большой ширины ?

    Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…

    Asked by Agony741,

    0 votes
    6 answers

  25. Баннер

    Как сделать всплывающий баннер?

    Asked by Jon,

    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