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. Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным

    Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…

    Asked by HeTpe3B,

    0 votes
    3 answers

  2. Возможно ли overflow scroll дива вынести на край браузер

    Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …

    Asked by barman,

    0 votes
    42 answers

  3. Подсказки в форме

    Добрый вечер, хочу научится делать подсказки на форме ввода данных. Чтобы как в поисковиках, начинаешь вводить слово потом появляется (серым цветом) возможное его продолжение. Заранее спасибо!

    Asked by Select,

    0 votes
    3 answers

  4. Растягивающие кнопки в меню.

    Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

    Asked by optimist32,

    0 votes
    60 answers

  5. Резкая прокрутка вверх в Opera

    Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?

    Asked by TMGLUK,

    0 votes
    1 answer

  6. Internet Exploler

    Всем привет, если можно хочу получить ответ на два вопроса по IE6, искал в гугле но ничего толком не нашел. Сылка на дропбокс сайт - https://dl-web.dropbox.com/get/Public/polo/index.html?w=5ff8d33e В общем все хорошо, вот только в IE 6 при position: absolute; блок не смещаеться влево а остаеться по центру как бы с display: block; (class .slider-glow) Второй вопроc IE и background-position, на сайте в слайдере есть спрайт для скругления углов(хотел использовать border-radius, но увы картинка не скруглялась везде), все было бы хорошо если б не IE 5,5 и 6.Там все не так как нужно https://dl-web.dropbox.com/get/Public/IE.png?w=eeb3ad9d P.s кто может скинуть ссылку как установ…

    Asked by Mr.Black,

    0 votes
    3 answers

  7. Фон общий страницы ( проблема )

    Здравствуйте! Кто соображает в html и css подскажите, как сделать что бы весь макет сайта тянулся на весь экран по оси х. То есть width стоит 1280px, на маленьком мониторе появляется горизонтальная прокрутка, а на большом мониторе ( С разрешением примерно 1300px ) остается белое место ( остальные 20px ). Вот собственно вопрос, как сделать что бы весь сайт тянулся на всех мониторах на весь экран при это что бы его ширина была 1280px ?

    Asked by Lakont,

    0 votes
    5 answers

  8. Проблемма с высотой блоков

    здравствуйте не так давно начал верстать и столкнулся со следующей проблемой. имеется сайт - kvartiry.pl.ua есть блок с фоном (div.bg), а так же блок с контентом (div.content)… идея такова, что блок с фоном должен растягиваться на 100% по высоте родительского блока div.body который в свою очередь растягивается блоком с контентом (в зависимости от наполнения) собственно проблема заключается в следующем… добившись желаемого результата в опере и IE9 заметил, что firefox преподнес сюрприз… блок с фоном вместо того, что б растянуться по высоте родительского блока растягивается на 100% экрана… проблема, как я могу судить, заключается в свойстве селектора height в стиле div.…

    Asked by JoseRodriguez,

    0 votes
    19 answers

  9. Замена кода в нескольких файлах

    Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"

    Asked by Warlog,

    0 votes
    1 answer

  10. @font-face

    Здравствуйте, никак немогу побороть font-face ,никак не работает.Может ошибка в коде или где то ище,но не нашел.Шрифт Perfo.Ссылка на сайт http://melofon.ms/.

    Asked by Mr.Black,

    0 votes
    15 answers

  11. Лишнии отступы а списке li убрать

    Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…

    Asked by okunev2,

    0 votes
    10 answers

  12. помогите передвинуть модуль

    используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля

    Asked by kote,

    0 votes
    4 answers

  13. тег img не работает в ФФ

    я чё то не пойму, как так... в ффоксе не отображается <img> в хроме и ie работает... <a href="http://vkontakte.ru/app2340458" target="_blank"><img width="397" height="108" src="baner_oxota.png" /></a> проще кода нет в чём проблема я не пойму ? (этот код засунул сюда, что бы картинка грузилась) http://vk.sad.skywars.ru/img.html

    Asked by iillyyaa2,

    0 votes
    5 answers

  14. CSS: word-wrap и white-space - в чём разница?

    CSS: word-wrap и white-space - в чём разница?

    Asked by Webr,

    0 votes
    9 answers

  15. Сайт под ключ

    Сайт под ключ \ делаю сайты под ключ Вот понимаю вёрстка и адаптация вёрстки на какую то там кмс ... но "сайт под ключ"...обьясните плз как это , не как не могу понять, в нете шарился , но там только информация о тех кто их делает что то типо "делаю сайты под ключ и тд и тп " много где ( на биржах фриланса ) часто тоже такое встречается ... расталкуйте нубу, вобщем если не сложно )

    Asked by MaferoK,

    0 votes
    4 answers

  16. Проблема с версткой div

    Подскажите как исправить ошибку в верстке. Собственно вот линк _http://coldafan.ucoz.ru/. Нужно, чтоб блок с контентом не растягивался вместе с левым столбцом (блоки меню). А если перейти в "полную новость", то блок не растягивается. Как исправить?

    Asked by Farllok,

    0 votes
    10 answers

  17. Прошу совет в верстке шапки

    Добрый день. Прошу не пинайте сильно сразу. Сверстал сайт на wordpress, но теперь возникла потребность в изменении дизайна. сайт _hhttp://stereoinside.ru Хочу сделать согласно картинке. Header.php переделал, теперь он имеет код <body> <div id="top"> <div id="header"> <div class="description"><h1><?php bloginfo('name'); ?></h1> <?php bloginfo('description'); ?></div> <div class="clearfloat"/> </div> </div> <div id="container"></div> <?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?> </div> </body> </html> А как именно в css прописать не соображ…

    Asked by dazoom,

    0 votes
    8 answers

  18. горизонтальное выпадающее по клику меню на CSS

    Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

    Asked by qwertyasdfg,

    0 votes
    8 answers

  19. Select option добавить тег

    Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?

    Asked by sergio_ktt,

    0 votes
    9 answers

  20. Как сделать такое меню

    Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние

    Asked by fowl,

    0 votes
    11 answers

  21. Вопрос о закругленных углах.

    Вопрос такой: У меня в макете сайт фиксированный. Div с контентом не растягивается в зависимости от кол-ва содержимого. Закруглить края с помощью background`а или пустыми div`ами, или, может, javascript`ом?

    Asked by Temateee,

    0 votes
    1 answer

  22. нумерованный список и опера

    Добрый вечер, верстаю страницу, возникли проблемы с нумерованным списком в опере http://atemiks.wen.ru/test2.html проблема в блоке "Сегодня день рождения" в этом блоке есть названия актера и его дата рождения которая выравнивается по правой стороне например: 1. Ирина Салтыкова 1966 так вот, в опере происходит следующие 1. Ирина Салтыкова 1.1966 почему так? проблема в том что возле года стоит рейтенговая позицыя, а она должна быть только вначале имени скриншоты как есть ( и должно быть) а вот так в опере ( так не должно быть) имеется вот такой код html <ol> <li> <…

    Asked by Temiks,

    0 votes
    3 answers

  23. DD меню js+css

    Добрый день, уважаемые гуру. Проблема совсем не большая, но решение так и не удалось найти. Дроп даун меню на ксс и ява-скрипте. Работает нормально. Но! Есть проблема с выравниванием текста по вертикали. Так как меню основано на списке то vertical-align не работает, line-height не подходит, потому как в меню присутствуют двухстрочные заголовки. Второй день ломаю голову.

    Asked by steelhammer,

    0 votes
    7 answers

  24. проблема верстки div

    интегрирую дизайн, заказчик предоставил макет в html сверстанный дивами проблема в том что описание залазит под картинки hххp://modxdemoshop.com/fototorty/fototort-tachki-ss.html известные, боз не действует... помогите плз

    Asked by SKM,

    0 votes
    5 answers

  25. Input disabled

    И так есть <input type="text" name="email" size="30" disabled value='.$_SESSION["user"]["email"].'> Т.е у меня в поле выводит e-mail, и нужно чтобы когда нажимаешь по ссылке рядом <a>Редактировать</a> поле активировалось..как сделать?

    Asked by macbeth9,

    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