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. Ширина выпадающего списка (select)

    Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них. Предположим такой стиль возьмем input, select {width: 300px; padding: 3px; border: 1px solid #ccc;} Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?

    Asked by sergiyko,

    0 votes
    10 answers

  2. PNG-градиенты и слои

    Приветствую. Подскажите, пожалуйста, в общих чертах, как реализовать следующую вещь. Есть страница, с чёрным фоном. Требуется в центре отобразить картинку, заранее неизвестно, каких размеров (предположим, PHP рандомно генерирует адрес из каких-то существующих вариантов, поэтому привязываться к размеру не хочется). Причём картинку хочется отобразить не просто так, а с дивами, использующими градиентный полупрозрачный PNG (два используют PNG с горизонтальным направлением градиента, а два других - с вертикальным. Как здесь, В общем: Пытался сделать 4 дива, каждый следующий - вложен в предыдущий, а в конце внутри - картинка. Каждый див бэкграудом имеет PNG-шки. Не получает…

    Asked by gridbyte,

    0 votes
    7 answers

  3. кроссбраузерное меню

    Добрый день! Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 . может и еще где то.. Помогите исправить код , чтобы всё работало . вот сам код : css - #mbtnavbar { background : #060505; width : 930px; color : #fff; margin : 0 auto; padding : 0; border-top : 0 solid #960100; height : 35px; } #mbtnav { margin : 0; padding : 0; } #mbtnav ul { float : left; list-style : none; margin : 0; padding : 0; } #mbtnav li { list-style : none; margin : 0; padding : 0; border-left : 1px solid #333; border-right : 1px solid #333; height : 35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color : #f…

    Asked by VioletaMeynell,

    0 votes
    3 answers

  4. Горизонтальное меню

    Всем привет, делаю горизонтальное меню с вкладками, которые немного "наезжают" на соседние. Пример как выглядит: Здесь считается активной ссылка "Контакты", а мышку навели на "О нас". (Так в FF, и ie выше 7ого) Но в ie7 справа угол не вылезает поверх активной ссылки: Не знаю, как решить проблему, может что посоветуете? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test Menu</title> <style> ul{ list-style: none; } li{ width: 109px; height: 22px; …

    Asked by Nadyu,

    0 votes
    2 answers

  5. 3 элемента hover

    имееться меню с 3 элементами(3 фонами) как сделать чтобы при на водке на любой менялися все ,на примере покажите) .g1 {background:url(../1.gif)} .g2 {background:url(../2.gif)} .g3 {background:url(../3.gif)} как чтобы при нажатии на любой стиль менялись все фоны аля .g1:hover {background:url(../1.gif)} .g2:hover {background:url(../2.gif)} .g3:hover {background:url(../3.gif)}

    Asked by sdasddsa,

    0 votes
    3 answers

  6. Проблема с background

    Здравствуйте! Есть бэкграунд: сайт в 1000px, нужно что бы сайт располагался между этими картинками по центру... у меня получается вот так: есть небольшой отступ справа... а должно быь так: html,body{background:#edeeed url(../images/bg.png) repeat-x; color:#313f4a; font-weight:normal; word-wrap: break-word; font: 11px Arial, Helvetica, sans-serif;}

    Asked by Sprime,

    0 votes
    3 answers

  7. мозила не выравнивает по центру

    Добрый вечер! Столкнулся недавно с одной очень странной проблемой - у заказчика сайт не отображается по центру (хотя должен бы), а выравнивается по левому краю - у меня же во всех браузерах все в порядке по центру, пробовал на разных компах - все одно по центру. Каким образом у него отображается с левого края ума не приложу. Заказчик и слушать не желает о том, что везде отображается нормально, и только у него неправильно. Проверить настройки его браузера и компа нет возможности. Во вложении скрин с его компа. Сайт: стильныеокна.рф. http://savepic.su/634242.jpg

    Asked by s2r,

    0 votes
    5 answers

  8. Блок под блоком

    уже часов 6 сижу и немогу допреть как сделать так чтобы блок под логотипом выводился не под ним, а справа от него.. подскажите пожалуйста.. пробовал float:left для обоих блоков... вроде начал выводить но только текст второго блока смещался всеравно под логотип. main.tpl - <a class="webmacter" href="/index.php" title="*********.ru"><img src="{THEME}/images/webmacter.png" alt="********.ru" /></a> <!--ТАБЫ--> <div class="tabsContent"> <!–- tabs -–> <ul class="tabNavigation"> <li><a href="#zero">Приветствие</a></li> <li><a href="#first">Погода</a></li> <li&g…

    Asked by montuk,

    0 votes
    11 answers

  9. div IE 6

    Вопрос: В ie 6 div'ы переносяться хотя прописано в стили display:inline т.е идут 111 222 333 а нада 111 222 333

    Asked by sdasddsa,

    0 votes
    1 answer

  10. вертикальное выравнивание и float

    Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…

    Asked by hedgehog,

    0 votes
    25 answers

  11. Как раскидать картинки по тексту?

    У меня есть страница с текстом и картинками. Но при довольно широком разрешении экарана они ведут себя невполне удачно, а при узком всё нормально. Нельзя ли реализовать, не нарушая резиновость, такое выравнивание, чтобы в случае нехватки текста между картинками изображения поджимались друг к другу но не отлеплялись от стенок слоя?

    Asked by CEBEP,

    0 votes
    8 answers

  12. Содержимое head лезет в body

    Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин

    Asked by olegsuv,

    0 votes
    15 answers

  13. border-bottom

    Как сделать border-bottom на всю ширину div блока ?

    Asked by scr1be,

    0 votes
    7 answers

  14. Подскажите, что за шрифт (см. картинку)

    Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.

    Asked by Squidward,

    0 votes
    3 answers

  15. проблема привязки css

    делаю сайт но в разных браузерах отображается совершенно по разному решил попробовать вставить тег <!DOCTYPE> и получилось так ссыль без <!DOCTYPE> получается так ссыль пожалуйста подскажите в чем проблема

    Asked by voin545,

    0 votes
    12 answers

  16. Float

    Подскажите пожалуйста почему так вот два блока один плавающий 2ой нет ,2ой находится под ним.Почему он его не обтекает с левой стороны а ноходится под ним и у него пропадает фон?? [ code ]http://savepic.su/638264.jpg[ /code ] .blok1 { width:200px; height:150px; background:orange; border:1px solid; float:left; } .blok2 { width:200px; height:150px; background:yellow; border:1px solid; } <div class="blok1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="blok2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam …

    Asked by mr.Dassler,

    0 votes
    11 answers

  17. Вложенные формы

    Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?

    Asked by Nadyu,

    0 votes
    5 answers

  18. div

    В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)

    Asked by biginer,

    0 votes
    4 answers

  19. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  20. Подгон слоя под картинку с параметром align

    Возникла проблема. при помещении картинки внутри слоя слой растягивается под размер картинки, а если к картинке добавляю align="сторона" слой перестает подгоняться под размер картинки. Внимание, вопрос: как сделать, чтобы слой подгонялся с наличием параметра align в картинке? Width/height к слою не предлогать

    Asked by Twilight_Sparkle,

    0 votes
    3 answers

  21. На чём посоветуете реализовать?

    Здравствуйте друзья. Прошу, как все наверное, простить меня за глупый вопрос. Я знаю css и html на так сказать терпимом уровне (на всякий случай) Так вот, вопрос. Хочу для друга реализовать конструктор + калькулятор мебели (диваны), что бы человек последовательно мог выбирать материалы, размеры и прочее по списку. В итоге, на выходе должна получится картинка с ценой. Делал кто ни будь такое уже? Я не прошу решения, просто, если кто то такое уже делал, направьте на путь истинный, что бы для этого не понадобилось. Буду рад любой полезной информации. Да, кстати, сайта пока нет. Буду делать на голом html.

    Asked by O'Nanas,

    0 votes
    5 answers

  22. не работает анимация картинки

    .start-play { width:544px; margin-left:13px; height:126px; background:url('../images/banner-big.gif') no-repeat; } .start-play:after { content:""; clear:both; display:block; } как исправить?

    Asked by surfman,

    0 votes
    1 answer

  23. Убрать за экран элементы тега form

    Здравствуйте! В общем пишу скрипт, что бы формочка авторизации появлялась только тогда когда курсор наводиться. Картинку заднего фона выдвинуть,задвинуть не проблема. А как подвинуть элементы тега form за экран?

    Asked by Lucifer,

    0 votes
    2 answers

  24. в Опере и Хроме <p> тянется как хочет

    Добрый день. Прошу помощи в верстке. Верстать научился давно, но за современными тенденция не слежу. Сверстал два сайта по старой привычке. Оказалось что в Опере и Хроме тег <p> ведет себя совершенно непредсказуемо - растягивается пока хватает экрана. В ФФ все в полном порядке. Примеры страниц: http://demo.solinc.ru/sol-o/index.php?type=spec_cat&id=1320138116&pid=11 http://demo.solinc.ru/plt/ Огромная просьба подсказать знающих людей как исправить ситуацию. ЗЫ: Пожалуйста скажите как выглядят эти страницы в ИЕ, а то у меня слетел и устанавливаться не хочет( Заранее благодарен.

    Asked by solinc,

    0 votes
    2 answers

  25. С мена надписи в кнопке

    есть кнопка с поиском файла: <input class="review" title="аааа" size="20" id="file_8" name="file" type="file" /> В этой кнопке написано "обзор", подскажите как сменить в ней надпись. Через value не получается.

    Asked by karlitos32,

    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