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. две резиново- фиксированые колонки

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

    Asked by sorrrrry,

    0 votes
    7 answers

  2. Проблема при приближении

    С приближением страницы ctrl+колесо , текст подвала ( к примеру ) ничинает переходить на другую строку . стандартный размер после приближения как сделать , как на старом твиттере в подвале с приближением текст не переходил и отступы от краев одинаковы .

    Asked by unicozz,

    0 votes
    1 answer

  3. Валидация лого

    Народ обьясните мне пожалуйста почему при такой записи <a href="#"> <div class="logo"> </div> </a> с XHTML 1.0 Strict валидатор ругается и выдает - document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag. Мне например нужно лого сделать ссылкой .. как ? с этим доктайпом , обьясните плз )

    Asked by MaferoK,

    0 votes
    2 answers

  4. Не получается

    Макет Скриншот Весь текст должен быть справа от картинки. А он у меня туда не влезает. Почему так может быть?

    Asked by Rustick,

    0 votes
    3 answers

  5. before & after

    Набрёл на этот пример из итогов конкурса. Хотелось бы понять как он работает?? Что является координатной сеткой для элементов созданных через :before и :after??

    Asked by DrStrangeLove,

    0 votes
    5 answers

  6. Проблемка с отступами в фф 5

    Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте

    Asked by Non Stop,

    0 votes
    3 answers

  7. таблица в таблице

    есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…

    Asked by Anime,

    0 votes
    3 answers

  8. логотип в шапке

    Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a

    Asked by Rambo2045,

    0 votes
    20 answers

  9. Загрузка страницы

    Что нужно прописать в HTML, чтоб страница загружалась с нижней части? Т.е. пройдя по ссылке страница открывается в верхней части, а надо, чтоб открывалась в нижней, чтоб не прокручивать страницу вниз. При этом адрес ссылки не должен измениться, т.е., я как понимаю, якоря не подойдут

    Asked by Cyrille,

    0 votes
    7 answers

  10. Посоветуйте CMS для сайта

    Посоветуйте, пожалуйста, какой-нибудь хороший CMS на русском языке для сайта.

    Asked by anna-2011,

    0 votes
    10 answers

  11. обтекание текстом картинки

    Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?

    Asked by Kerny,

    0 votes
    9 answers

  12. проблемы с шапкой

    Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…

    Asked by Rambo2045,

    0 votes
    5 answers

  13. НЕ работает Image Map в IE6

    Добрый день! надеюсь солнечный! Столкнулась с такой проблемой. Использую на главной странице слайдер js easyslide. И хотелось сделать в 2 ряда картинки, как решение сделала image map. И все было отлично, до тех пор пока не посмотрела в ие6, второе изображение он не воспринимает как image map, но на местах где описана area выдает alt всей картинки, а не title эрии. (все работает в хроме, лисе, опере и ие8) Есть подозрение, что на ие7 тоже распространяется данный баг (как я полагаю) Возможно я что-то не так делаю, или есть какие-другие причины. Очень буду благодарна за ваши комментарии. так это выглядит в живую привожу код <div id="slider"> <ul> …

    Asked by orgi,

    0 votes
    5 answers

  14. robot.txt

    Ребята есть такая проблема robot.txt не могу понять, как его правильно написать и нужен ли к нему или вообще sitemap.txt? сайт ekzamen74.ru для него пробовал написать robot, но когда прибегнул к помощи специального сайта и делал тестовую проверку на индексацию - не вышло, пишет не найдет (я вообще запутался с ним ((( ) Прошу помощи у Вас дорогие специалисты! Заранее спасибо!

    Asked by ekzamen74,

    0 votes
    5 answers

  15. Большое расстояние в IE 6

    Есть инпут для загрузки. И рядом кнопки "+" и "-" при нажатии на которых внизу добавляются еще загрузки.(его генерирует JS). Проблема в том что расстояние между ними в IE 6 очень большое. Думаю это из-за блока <div class="clear"></div>. После того как для него написал свойства height:0 в IE 7 стало нормально, но IE 6 так и не стало измениться. Ссылка - http://jsfiddle.net/YER8y/ Во всех браузеров кроме IE 6 показывает нормально. Не пойму откуда он берет расстояние Код примерно такой: <div class="inputs"> <div class="upload2"> <img src="" width="18" height="19" /> </div> <div class="upload1"> <input…

    Asked by jumancy,

    0 votes
    7 answers

  16. не отображаются картинки

    в общем занимаюсь версткой по видео Джефри Вэя, первый раз делал, все картинки объявленные в цсс отображались корректно. но теперь когда делаю опять, картинки только отображаются объявленные в хтмл, которые относятся к контенту. картинки в бразуерах включены, форматы указаны правильно, пути тоже, даже не знаю в чем проблема может быть. вот пример кода: #header h1 { background: url(img/logo.png) no-repeat; width: 169px; height: 71px; text-indent: -9999px; float: left;

    Asked by maxsnw,

    0 votes
    11 answers

  17. Фикс и резина: отличия в верстке

    Хочу попробовать сверстать макет под резину. Как я понял здесь размеры задаются в процентах. Есть ли тут еще что-нибудь, что мне следует знать? Может кто-нибудь скинуть пример резиновой верстки?

    Asked by Rustick,

    0 votes
    4 answers

  18. И снова вопрос

    Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…

    Asked by ShiftedReality,

    0 votes
    11 answers

  19. drupal проблема с классами

    Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …

    Asked by Kerny,

    0 votes
    6 answers

  20. Растягивать ячейку по высоте

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

    Asked by evgeniy123,

    0 votes
    3 answers

  21. Проблема padding

    Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/

    Asked by fenzmey,

    0 votes
    6 answers

  22. Картинка на сайте

    Делая своё сайт, наткнулся на проблему, почему-то не показывает картинку! Вот строчка <img src="header.jpg" alt="Логотип"> Вот! Не показывает кртинку, но показывает альтернативный текст! В чём дело?

    Asked by illusia,

    0 votes
    7 answers

  23. Смещение таблицы в центр

    <table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру

    Asked by skoch244,

    0 votes
    4 answers

  24. Как сделать так что бы таблицы стояли рядом

    <table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>

    Asked by skoch244,

    0 votes
    3 answers

  25. Отступы в блоке

    Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…

    Asked by ShiftedReality,

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