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. ширина Input внутри div

    Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!

    Asked by jetli13,

    0 votes
    12 answers

  2. Прошу помочь. Почему в strict режиме IE опять "не такой как все" :-) ?

    Приветствую всех! Вот простой пример документа с таблицей о трех <tr>. Верхний <tr> - шапка, нижний - подвал, а средний занимает всю доступную высоту. И всё бы ничего, но при попытке вставить в средний <tr> чего-нибудь со 100%-й высотой IE треплет нервы. Документ проходит валидацию на w3c, но при этом отображается в IE и неIE сильно по-разному. Без указания doctype всё, естественно, ок. Подскажите, пожалуйста, в чем проблема. А то снова плюну на стандарты и буду делать по старинке. Спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Language" c…

    Asked by Veremax,

    0 votes
    5 answers

  3. <a><div></div></a>

    http://rk.bmstu.ru/nii/ шапка описана следующим образом <a href="/nii/" title="Главная страница"> <div class="head"> <div class="head_img"></div> <div class="right_div_1"></div> <div class="right_div_2"></div> <div class="right_div_3"></div> </div> </a> где .head{margin-top:17px;} .head_img{width:1000px; height:204px; background:url('img/head.jpg') no-repeat; float:left;} .right_div_1{height:52px; background:#d6d6d6; margin-left:1000px;} .right_div_2{height:38px; background:#f6f6f6; margin-left:1000px;} .right_div_3{height:114px; background:#d6d6d6; margin-left:1000px;…

    Asked by CEBEP,

    0 votes
    12 answers

  4. выравнивание по нижней границе блока

    Есть внешний <div> внутри него <div> c текстом. Задача- выровнять текст относительно нижней границы внешнего блока. Мне казалось логичным сделать это с помощью margin-bottom. Но нифига. Относительно левой границы margin-left работает, относительно верхней границы margin-top работает и смещает блок, а вот изменение margin-bottom ни к чему не приводит...

    Asked by miknsk,

    0 votes
    10 answers

  5. Посоветуйте как реализовать

    Как по вашему мнению лучше реализовать внутренние фреймы с возможностью прокрутки примерно как здесь? http://www.google.ru/imgres?imgurl=http://...tx=58&ty=59 В принципе в html уже есть возможность делать фреймы как-то, но хотел поинтересоваться может кто знает более интересный и современный способ.

    Asked by Kenshi24,

    0 votes
    5 answers

  6. left и right ie6

    Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.

    Asked by Veseloff,

    0 votes
    5 answers

  7. background-positioin в разных браузерах..

    Добавлено: Чт Сен 23, 2010 18:29 Заголовок сообщения: background-position в разных броузерах - помогите! В блочной верстке новичек. Идея такова: сделать фон снизу страницы (body) снизу. код: body { background-position: center bottom; background-repeat: no-repeat; background-color: black; background-image: url('images/bot.jpg'); } однако реально снизу страницы он появляется только в Internet Explorer. В чем может быть проблема? адрес странички http://myescortservice.co.uk/ Огромное спасибо всем кто сможет помочь, парюсь целый день.

    Asked by b1ow,

    0 votes
    12 answers

  8. Свойство Text decoration для поля

    Доброго времени суток! Хочу задать вопрос к специалистам CSS Вот страничка http://nablago.com.ua/content/co-enzyme-q10 Там написано: Старая цена: 360,00 (Все зачеркнуто) А нужно, чтобы была зачеркнута только цифра 360,00 Как это сделать? В CSS прописано . field-field-oldtzena { text-decoration: line-through; color: green; } .field-field-oldtzena .field-label-inline-first { text-decoration: none; color: red; } Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

    Asked by VasyOK{!},

    0 votes
    31 answers

  9. Ширина страницы больше чем она есть на самом деле

    Доброго времени суток. Решил опробовать "листалку" страниц (как книжка) на jQuery, к нему даже плагин специальный есть http://www.jpageflip.de/index_de.php, всё работает, все свойства фунициклируют, даже во всех кроме IE (ну так и заявлено), но есть один минус - страница становится больше 1000 пикселей и на 1024 разрешении появляются скроллбары, причём на странице, кроме дива 842*500 ничего нет, вот посмотрите сами, может у кого будут идеи? http://support.uz/2x2/PageFlipperJS/

    Asked by el2500,

    0 votes
    4 answers

  10. Блоки с автоматической шириной

    Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?

    Asked by botyaslonim,

    0 votes
    15 answers

  11. Подключение скрипта

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

    Asked by Likka,

    0 votes
    5 answers

  12. Опять по ИЕ6 и ИЕ7

    Здравствуйте имеется вот такой код <table border="0" cellspacing="0" cellpadding="0" class="data"> <tr> <td><h4><a href="#">Текст</a></h4></td> <td class="time-pub">[12.02.2010]</td> </tr> </table> css table.data h4{ color:#9a9d9e; background:url(images/marker-green-black.jpg) no-repeat left center; text-transform:uppercase; padding-left:12px; margin-left:10px; background-position:0 3px; } так вот бекграунд background:url(images/marker-green-black.jpg) no-repeat left center; почему то не работает в ие6 и в ие7 Уж и не знаю как побороть,спс за ответы

    Asked by sertu,

    0 votes
    4 answers

  13. Как сделать текст невыделимым?

    Как сделать текст невыделимым через таблицу стилей?

    Asked by Kenshi24,

    0 votes
    23 answers

  14. Расположение сайта по центру

    Доброго времени суток! Появилась проблема для сайта с разными разрешениями экранов пользователей. В связи с этим необходимо ограничить размер сайта в пикселях (например 1000) и расположить его по центру (что собственно не получается). Создавая таблицу с тремя ячейками сайт соответственно по центру не расположиться (повторю, что нужна ширина в пикселях), на простое align=center он тоже плевать хотел. Есть какие то предложения?

    Asked by R3DRUM,

    0 votes
    4 answers

  15. Часто сталкиваюсь с 1 проблемой в IE

    У меня такой вопрос: Частро при верстке дизайна в IE появляется нижний скролинг. В конечном итоге избавляюсь от проблемы но хотелбы узнать логику что бы изначально не допускать этого! из за чего это может происходить? из за того что не указанна ширина у одного из блоков или чего еще? вот к примеру последний такой случай тут

    Asked by GeSTaM,

    0 votes
    3 answers

  16. menu ul { list-style-image:url

    Всем привет. Проблема в IE 6 7 пропадают значки у списка как только скролом вниз страницы спускаешься и список остается вверху. Как только возвращаешься на верх то значков нет. Проводишь по ним курсором и они появляются. В чем может быть дело?

    Asked by Budulianin,

    0 votes
    4 answers

  17. DIV-ы, Гор. меню, несколько пунктов, с процентной шириной

    Задача такая, если бы это были таблицы я бы сделал так: <table width="100%"> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> </table> тогда бы пункты растянулись бы на всю страницу, еще ссылкам пропсиал бы display: block; и тогда бы они заполняли всю ячейку, вот мне надо так, тока на дивах. <div class="menu"> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a>…

    Asked by nbid,

    0 votes
    4 answers

  18. Навигация по сайту

    Здрасте! Помогите пожалуйста чайнику со сложившиейся ситуацией! Вот пытаюсь научится верстать сайты. Но пока только пытаюсь. Все бы хорошо, но вот хорошего учителя под рукой не хватает. Начну с начала: Есть сайт с тремя как бы главными страницами - Главная - Литература - Видео - У каждой страници есть свои подстраници. Например: -Литература -> Художественная литература - Научная литература - Познавательная литература - И у каждой подстраници есть свои категории. Например: - Научная лература -> Философия - Психология - И Т.Д. - Теперь сам вопрос: Как сделать меню навигации такого типа: Под шапкой сайта находится горизонтальное статическое меню категорий - Главная -…

    Asked by Askal,

    0 votes
    8 answers

  19. Пару вопросов начинаещего

    Здравствуйте, решил создать сайт, подобие баша, за основу взял движок simple quote engine 1.3, Интересуют вопросы: 1) пример или где можно разузнать, про то как сделать изменение рейтинга цитаты без перезагрузки самой страницы. код рейтинга сейчас: 2) создание выпадающего списка при наведении на ссылку или слово (как тег <SELECT>, но нужно чтоб слово, на которое наводится было не в боксе, а как обычная ссылка) (!) Важно: все это надо без использования JavaScript'ов сам сайт: sc2funny.rxfly.net (PHP, CSS, MySql)

    Asked by KuDe$niK,

    0 votes
    1 answer

  20. <table> и Opera

    Доброе утро всем! Помогите пожалуста... Вложеная таблица (вложена в ячейку другой таблицы) убегает вниз, но почему то только в Opere, в IE нормально всё. Почему так, как можно исправить? Вроде все перепробовал, всякие align, valign ((

    Asked by PiratGrey,

    0 votes
    6 answers

  21. Проблемы с кодировкой

    В принципе это не проблема вёрстки, не знаю куда написать. Сайт http://galant-tour.ru/, если открыть в мозиле, в форме поиска некоторые (?! O_o) слова ромбиками, а так жеещё в нескольких не распространнёных браузерах, в опере и в осле всё нормально, что это? Форма поиска работает с сайта exat.ru, у них всё нормально на их собственной форме, правда у них сайт в 1251 а у нас в UTF-8. Но почему только некоторые слова ромбиками, как быть? Если поменять кодировку в браузере на 1251 то всё наоборот =) зачем они присылают в разной кодировке непонятно, их службы поддержки в выходных нет, но в опере же всё работает, можно что сделать?

    Asked by SoFuWa,

    0 votes
    1 answer

  22. Checkbox и textarea

    Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…

    Asked by Lag,

    0 votes
    0 answers

  23. Непонятная реакция на DIV

    Вот часть кода: <a href="index.php">Главная</a><a href="#">О нас</a><a href="#">Карта сайта</a>, то есть на странице ссылки будут отображаться по-порядку (писаться в одну линейку). Но мне нужно каждую из ссылок взять в отдельный тег DIV, то есть так: <div id="1"><a href="index.php">Главная</a></div><div id="2"><a href="#">О нас</a></div><div id="3"><a href="#">Карта сайта</a></div> после чего все ссылки пишутся с отдельной строчки, а мне нужно что бы в одну. Подскажите как исправить ситуацию. Спасибо.

    Asked by Alex&R,

    0 votes
    4 answers

  24. создание таблицы

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

    Asked by pattaya,

    0 votes
    8 answers

  25. Каталог

    Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы

    Asked by _elf_,

    0 votes
    1 answer

  • Обсуждения

    • 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